@charset "utf-8";
/* CSS Document */

a{text-decoration:none;
color: #FFCC00;
font-weight:bold}
a:hover{color:#88E828; border-bottom:1px dashed  #FFFF00;}

img{border:0}
h1{
font-family: 'Century Gothic', Arial, Helvetica, sans-serif}
h2{font-family: 'Century Gothic', Arial, Helvetica, sans-serif;
font-size:14px;
color:#75B4CC;
border-bottom:1px solid #75B4CC}

#undergradcourses h2{border-top:1px solid #75B4CC; border-bottom:none;}
body{
background:#336996;
text-align:left;
margin:0px;
padding:0px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#FFF}

#header{
background:#153b5b;
width:450px;
height:40px;
margin-left:30px}

#header ul, #subheader ul {
    margin:0;
    padding:0;	
	padding-left:15px;
    list-style:none;}
	
#header li {
    float:left;
    margin:0;
    padding:0;
	background:url(images/navsep.gif) right top no-repeat;
	height:40px;
    }

#header ul li.last, #subheader ul li.last{background:none;}

#header a, #subheader a{
display:block;
padding:0px 15px;
color:#FFFFFF;
text-decoration:none;
text-transform:uppercase;
height:40px;
line-height:40px;
font-size:12px;
float:none !important;
float:left; border:none}



#subheader a{
padding:0px 12px}

#header a:hover, #header a.selected{
background:url(images/invertedarrow.gif) top center no-repeat;}

#subheader a:hover, #subheader a.selected{
background:url(images/arrow2.gif) top center no-repeat;}

#subheader{
background:#43bcee;
width:393px;
margin:10px 0px 10px 87px;
height:40px;}

#subheader li {
    float:left;
    margin:0;
    padding:0;
	background:url(images/subnavsep.gif) right top no-repeat;
	height:40px;
    }

#container{
width:950px;
overflow:none;}

#content{
width:450px;
margin-left:30px !important;
margin-left:15px;
margin-right:35px;
background:url(images/logo.gif) top center no-repeat;
padding:0px 0px 30px 0px;
float:left;
font-size:12px;
position:relative;
z-index:1}

#footer{
margin-top:-430px;
margin-left:30px;
font-size:9px;
width:558px;
height:30px;
background:url(images/bottomrightbg.jpg) top right no-repeat;
position:absolute;
z-index:0;
padding-top:500px;
text-align:center;

}

#right{
width:250px;
float:left;
background:url(images/rightbg.jpg) top left no-repeat;
height:700px;
padding:0 25px;
z-index:1;
position:relative;
}

#right ul{
width:150px;
margin:50px 0px 20px 0px;
padding:0px;
list-style:none;
}

.yellow{color:#FFCC00}

#right li{
margin:0px;
background:#235177;
}

#right li a{
display:block;
font-size:12px;
color:#FFFFFF;
text-decoration:none;
padding:10px 15px; border:none;
height:auto !important; 
height:1px;
}

#right li a:hover, #right li a.selected{
background:url(images/leftarrow.gif) left center no-repeat}

.highlight{
padding:20px;
background:#98c7ed;
border:1px solid #225077;
color: #424F6C}

ul.history{
margin:0px;
padding:0px;
list-style:none;
}

ul.history li{
display:block;
border-bottom:1px solid #0099CC;
line-height:25px;
line-height:25px;}

.dot{
margin:0px;
padding:0px;
margin-top:0px;
margin-bottom:0px;
width:100%;
height:13px;
background:url(images/dots.gif) repeat-x;
}


#content h3 a{
margin:0px;
float:left;
height: 140px;
width: 440px;
display: block;
}
#content h3 span{display:none}
#content h3 a:hover{height: 140px; display:block; margin:0; padding:0; border:0}


.coursetitle{
padding-left:25px;
background:url(images/course_icon.gif) top left no-repeat;
font-weight:bold;
line-height:25px; display:block;
color:#D8FEFE
 }
 
 h2.coursetitle{padding-left:25px;background:url(images/course_icon.gif) top left no-repeat;}
 
 .info{
padding-left:25px;
background:url(images/info.gif) top left no-repeat;
font-weight:bold;
line-height:20px; display:block;
 }