/*
Original 4 col css layout by http://www.code-sucks.com
*/

* { padding: 0; margin: 0; }

body {
	font-family: Verdana, Arial, Helvetica, sans-serif, "Trebuchet MS Bold";
	font-size: 74%;
	background-color: #D8EAFF;
	background-color: #003366;	

	
	/*For Christmas!*/
	/*background-image: url(../../images/cc/content2007/winter_bg.gif);*/
}

/* ----General typographical stuff---- */
p { font-size: 1em; line-height: 160%; margin: 0 0 20px 0;}
h1 {
	font-size: 3em;
	line-height: 160%;
	margin: 0 0 10px 0;
}
h2 {font-size: 1.4em; line-height: 140%; margin: 0 0 6px 0;}
h3 {font-size: 1.4em; line-height: 130%; margin: 0 0 4px 0;}
h4 {font-size: 1.0em; line-height: 120%; margin: 0 0 2px 0;}

ul, ol {line-height: 140%; margin: 10px 0 20px 0;}
li { margin-bottom: 8px;}
a { text-decoration: none; color: blue;}/*Slightly darker than #3399CC*/
a:hover {text-decoration: underline; color: #003399;}
a.current {text-decoration: underline;}
a img {border: 0;}

img {/*keeps ugly link borders off any images that are used as links*/
border: 0px;	
vertical-align: top;
}



/* ----Common Layout Items---- */
#wrapper { 
margin: 10px auto 0 auto;
width: 960px;
}

#masthead h1 {
position: absolute;
left: -9999px;
}

.masthead_left {
width: 470px; 
height: 100px; 
float: left; 
margin: 0 10px 0 0;
}

.masthead_right {
width: 480px; 
height: 100px; 
float: right;
}

.masthead_links {
width: 480px; 
height: 30px; 
float: right;  
text-align: right; 
color: #FFF;
}

.masthead_links a {
color: #FFF;
}

.findacourse {
width: 480px; 
float: right; 
padding: 0px;
height: 70px; 
margin: 0; 
background-color: #fcd800;
}

.findacourse span.find {
font-weight: bold; 
width:100px; 
float: left; 
padding-left: 5px; 
text-align: right; 
line-height: 55px; 
margin: 0;
}

.findacourse .searchbox {
width:365px; 
float: right; 
text-align: left; 
padding: 15px 0 0 5px;
}

#twitter {
color: #333;
width: 86px;
float: left;
padding: 0px;
height: 100px;
margin: 0;
}

#topnav1, #topnav2, #topnav3 { 
/*color: #000;*/
margin: 0 1px 0 0;
padding: 0 0 0 10px;
height: 100px;
width: 148px;
float: left;
border-left: 1px solid #A2A1A1;
}

#topnav3 { 
margin: 0;
}

p.topnav {
font-size: 100%;
height: 17px;
margin: 0;
padding: 3px 0 0 0;
}

p.topnav a {
color: #FFF;
}

p.topnav a:hover {
text-decoration: underline;
}

p.topnav a.current {
text-decoration: underline;
}

#footer { 
width: 960px;
clear: both;
color: #FFF;
margin: 0px;
padding: 5px 0 0 0;
height: 40px;
font-size: 90%;
}

#footer span.left {
float: left;
text-align: left;
width: 75%;
margin: 0 0 25px 0;
}

#footer span.right {
float: right;
text-align: right;
width: 24%;
margin: 0 0 25px 0;
}

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

a img {
margin: 0;
border: 0;
}


/* ----Hiding stuff---- */
#printnotice, .hidden, #ahem, .hide {
display: none; 
visibility: hidden;
margin: 0;
padding: 0;
height: 0;
}

/* ----Controls form elements---- */
select.coursefinder {
width: 140px;
font-size: 90%;
padding: 1px;
border: 1px solid #ccc;
margin: 0 0 5px 0;
}

select.searchbox {
width: 140px;
font-size: 90%;
padding: 1px;
border: 1px solid #ccc;
margin: 0 0 5px 0;
}

input.searchbox {
width: 146px;
font-size: 90%;
padding: 2px 1px;
border: 1px solid #ccc;
margin: 0 0 5px 0;
}


#video_splash {
margin: 0 0 15px 0;
}

#video {
margin: 0 0 15px 15px;
float: right;
}