/* Why Study America materials */
/* CSS by Graham Gilchrist 21/02/08 */

/* reset all browser defaults */
* { margin: 0; padding: 0; border: none; }

/* fonts */
* {
	font-family: Arial, Helvetica, sans-serif; 
}

body { 
	background-color: #000; 
/*	background-image: url('../img/back.gif'); */
	background-repeat: repeat-x;
	color: #fff;
	font-size: 100.01%
}

#container {
}

/* links */
#content a { color: #fff;}
#content.essay a { color: blue;}

/* blocks */

#header {
	position: relative;
	left: 50%; 
	margin-left: -375px;
	width: 750px;
	height: 137px; 
}
#header h1{
	text-indent: -3000px;
	background-image: url('../img/logo.png');
	background-repeat: no-repeat;
	background-position: 0px 8px;
	height: 125px;
	width: 319px;
}
#header #flash {
	position: absolute;
	right: 0px;
	top: 0px;
/*	text-indent: -3000px;*/
	background-image: url('../img/moviecorner.png');
	background-position:center;
	background-repeat: no-repeat; 
	height: 136px;
	width: 184px;
	text-align: center;
	font-size: 75%;
	padding: 0 38px;
}
#topnav {
	position: relative;
	height: 2em; 
	line-height: 2em; 
	text-align: center;
	vertical-align: center; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 75%;
	font-weight: 800;
	margin-top: 1px;
	border-bottom: 1px solid #aeaeae;
	overflow: visible;
}
#topnav a {
	position: relative;
/*	top: 1px;*/
	height: 2em; 
	text-decoration: none;
	text-transform: uppercase;
	border-top: 1px solid #aeaeae;
	border-left: 1px solid #aeaeae;
	border-right: 1px solid #aeaeae;
/*	border-bottom: 1px solid #aeaeae;*/
	padding: 0.4em 1em;
	color: #fff;
	margin: 0 1px;
	white-space: nowrap;
}
#topnav a:hover /*, #topnav a:visited */{
	background-color: #cc3300;	
}
#topnav a.active, #topnav a.active:visited {
	background-color: #000;	
/*	border-bottom: 1px solid #000;*/
}

#content {
	position: relative;
	left: 50%; 
	margin-left: -375px;
	width: 750px;
	text-align: left;
	overflow: auto;
	_overflow: visible;
}

#content p, #content ul, #footer {
	margin: 1em 0;
	font-size: 75%;
	color: #acacac;
}
#content ul { margin-left: 2em; }
#content h2 {
/*	text-transform: uppercase;*/
	margin-top: 0.6em;
	color: #cc3333;
	font-size: 160%;
	font-weight: 400;
}

#content h3 { 
	margin-top: 0.6em;
	font-size: 90%;
	font-weight: 800;
	color: #fff; 
}

#content h3 a { 
	text-decoration: none; 
}

#content h3 a:hover { 
	text-decoration: underline; 
}

/* footer */

#footer {
	position: relative;
	left: 50%; 
	margin-left: -375px;
	padding-bottom: 20px;
	width: 750px;
	border-top: 1px solid #aeaeae;
	padding-top: 1em;
	text-align: center;
	font-size: 70%;
}

#footer a { 
	color: #acacac; 
	text-decoration: none; 
	}

#footer a:hover {
	text-decoration: underline;	
}

#footer a.active {
	text-decoration: underline;	
}

/* Boxes on Start, Presentations and Video pages */
.vidplayera, .vidplayerb, .presboxa, .presboxb, .frontboxa, .frontboxb {
	position: relative;
	float: left;
	width: 360px;
}
.vidplayera, .presboxa {
	clear: left;
	margin-right: 15px;
}
.vidplayerb, .presboxb {
	margin-left: 15px;
}

/* Home Page */
p#signimg {text-align: center;}

#startbox_ul, #startbox_bl, #starttext { float: left; clear: left;	}
#startbox_ur, #startbox_br, .startvideo { float: right; clear: right; margin-right: 15px; }

#content .startvideo h3 {
	margin: 0;
	padding: 0;
	font-size: 80%;
	font-weight: 400;
	width: 300px;
	text-align: right;
}

#startbox_ul, #startbox_bl, #startbox_ur, #startbox_br, #starttext, .startvideo { margin-top: 15px; }

#startbox_ul, #startbox_bl, #startbox_ur, #startbox_br {
	position: relative;
	border: 1px solid #aeaeae;
	padding: 15px;
	width: 320px;
	background-image: url('../img/frontboxback.jpg'); 
	background-repeat: repeat;
}
#startbox_ul img, #startbox_ur img, #startbox_bl img, #startbox_br img { position: absolute; }
#startbox_ul img { right: -20px; top: -18px;}
#startbox_ur img { right: -15px; top: -24px;}
#startbox_ul, #startbox_ur { margin-top: 35px;}
#startbox_bl img { bottom: 0px; left: 0px;}
#startbox_br img { left: -25px; top: -5px;}
#startbox_br { padding-left: 73px; width: 262px;}
#startbox_bl { padding-left: 113px; width: 222px;}

#startbox_ul h3, #startbox_bl h3, #startbox_ur h3, #startbox_br h3 {
	margin: 0;
	font-size: 110%;
	font-weight: 400;
}
#startbox_ul p, #startbox_bl p, #startbox_ur p, #startbox_br p {
	margin: 0;
	color: #fff;
}
#startbox_ul a, #startbox_bl a, #startbox_ur a, #startbox_br a {
	text-decoration: none;	
}
#starttext {width: 330px;}

#starttext p.startquote {
	color: #fff;
	font-style: italic;
	font-size: 140%;
}
#starttext p.startquote .author {
	font-style: normal;
	font-size: 50%;
	float: right;
}


/* Video Page */

.vidplayera p, .vidplayerb p {
	top: 3em;
}

/* essays */
#content.essay { 
	padding: 20px 50px;
	width: 650px;
	color: #000;
	background-color: #fff;
}
#content.essay h2 { 
	color: #606060;
	text-transform: none;
	font-size: 160%;
	margin-top: 0.3em;
}
#content.essay h3 {color: #606060; font-size: 115%; }
#content.essay p, #content.essay ul { color: #606060;}
#content.essay #image1 {float: left; margin-right: 1em;}
#content.essay #image2 {float: right; margin-left: 1em;}
p#author { font-size: 80%; font-weight: 800; margin: 0.2em 0 1em 0;}
#quote { float: right; text-align: right; padding-top: 0.7em; font-weight: 800;}
#learnmore {clear: both; }

.essayboxa, .essayboxb {position: relative; float: left; width: 325px;}
.essayboxa {clear: both;}
#content.essay .essayboxa a, #content.essay .essayboxb a { color: #606060; }
#content.essay .essayboxa h3 a, #content.essay .essayboxb h3 a { text-decoration: none;}
#content.essay h3 a:hover { text-decoration: underline;}

#content.essay .essayboxa p.author, #content.essay .essayboxb p.author {margin: 0.2em 0;}
span.author {font-weight: 800; margin: 0.5em 0;}

#content .url{
	font-size: 90%;
	color: #999;

}

/* credits page */

#credits_logos {text-align: center;}