html { 
	min-width: 780px;
	 }
html, body, div, p, h1, h2, h3, h4, h5, h6, ol, ul, li, dl, dt, dd, td, form, fieldset, a, img {
     margin: 0;
     padding: 0;
     border: 0;
}

body {
background:#02176F url(../i/background.jpg) repeat-x 0 0;
	text-align: center;
	margin: 20px 0;
	padding:0 0 20px 0;
	border: 0;	
	color: #0F2878;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 76%;
	}

.floatleft { float:left;  margin-right:10px; margin-bottom:10px}
.floatright { float:right; margin-left:10px;margin-bottom:10px}

/* ------[ LINKS  ]----------------------------- */

a:link, a:visited {
color:#FF6633;
	text-decoration: underline;
	}

a:link:hover {
color:#FF6633;
}		
		
/* ------[ COMMON  ]----------------------------- */		
.clearfloat {clear:both; height:0; font-size: 1px; line-height: 0px;}
	div.clear {
	width: auto;
	height: auto;
	padding: 0;
	margin: 0;
	clear: both;
	}

p {
font-family:Arial, Helvetica, sans-serif;
color:#0F2878;
line-height:150%;

}	
	
h1, h2, h3, h4, h5, h6 {
font-family:Arial, Helvetica, sans-serif;
font-size:100.01%;
font-weight:bold;
}

abbr, acronym, .popup {
	border-bottom: 1px dotted;
	cursor: help;
	}
a abbr {
	border: none;
	}
	
em {
	font-style: italic;
	}
	
strong {
	font-weight: bold;
	}
	
blockquote p {
color:#008BF0;
}

/* ------[ TOP BANNER ]----------------------------- */	
	
#masthead {
	width:780px;
	height:125px;
	margin: 0;
	background:transparent url(../i/masthead-bck.jpg) no-repeat top left;
}
#logo {
float:left;
width:403px;
}

/* --------[ NAVIGATION ]----------------------------- */

#nav {
font-family:"Trebuchet MS", Verdana, Arial;
	height: 40px; 
	width:760px;
	padding: 0 0;
	margin:0 0 0 10px;
	font-size:1em;
	background:#fff url(../i/nav.gif) no-repeat 0 0;
	/*border:#003366 1px solid;*/
}

#nav li { 
margin:13px 0 0 0; 
	display: inline;
	float: left;
	list-style-type: none;
	
}

#nav li a {
	padding:0 9px; 
	text-align: left; 
	text-decoration: none;
	background:url(../i/seperator.gif) no-repeat 100% 2px;
	
}


#nav li a:link, #nav li a:visited {
	color: #fff;
}

#nav li a:hover, #nav li a:focus, #nav li a:active {
	color: #A4B2C4; 
	text-decoration: none;
}




/* -------[ LAYOUT ]----------------------------- */

#wrapper {
background-color:#fff;
	width:780px;
	margin: 0 auto 40px auto;
	padding: 0;
	text-align: left;
	background-repeat: repeat-y;
	}
	
	#main {
	background:#fff;
	margin:0;
	padding:0;
	float:left;
	}
	
	/*#home-2 {
	margin:0 0 0 483px;
	padding:15px;
	}*/
	
	#col1 {
	display:inline;
	width:493px;
	float:left;
	padding:0;
	margin:10px 0;
	}
	#col2 {
	display:inline;
	width:277px;
	float:left;
	padding:0;
	margin:10px 0;
	}
	
#col1 h1 {
font-size:1.6em;
padding:15px 0 0 15px;
}
#col1 h2 {
font-size:1.25em;
padding:15px 0 0 15px;
}

#col1 h3 {
font-size:1em;
padding:15px 0 0 15px;
}	


#col1 p {
padding:10px 15px 0 15px;
}	
div#col1 ul, div#col1 ol {
margin:10px 15px 0 35px;
}
div#col1 ul li ,div#col1 ol li{
margin:3px 0;
line-height:140%;
}
div#col1 ul.coursecontent li{
margin:1px 0 !important;
}



/* -------[ ICONS ]----------------------------- */

#icons {
width:958px;
background:#fff;
margin:10px 0 0 0;
padding:0;
}

#icons ul {
display: inline;
}

#icons li {
float:left;
list-style:none;
padding:0;
margin:0;
border:0;
}

a img{
border:none;
}



/* ----- right column -------------- */


/* -------[ FOOTER ]----------------------------- */

#footer {
font-size:.8em;
height:120px;
background:#2776AC url(../i/footer.jpg) no-repeat 0 0;
float:left;
width:780px;
padding:0 0 0 0;
margin:0;
position:relative;
}

p.copy {
position:absolute;
top:130px;
left:10px;
color:#fff;
}

ul.footlinks {
position:absolute;
top:130px;
right:10px;
color:#fff;
}

ul.footlinks li {
display:inline;
list-style-type:none;
margin-left: 20px;
}

ul.footlinks li a:link, ul.footlinks li a:visited {
color:#fff;
text-decoration: underline;
}

ul.footlinks li a:hover {
color:#5180BC;
}



/* -------[  ]----------------------------- */

.rightimage {
position:relative;
float: right;
margin-left: 0.7em;
}

.homeimage {
clear:both;
margin-bottom:11px;
}

/* -------[  ]----------------------------- */

ul.it { float:left; margin:5px 15px 20px 15px!important; width:440px; padding:10px 0; list-style: none; border-top:#0F2878 1px solid;}
ul.it li { float:left; width:200px; margin:3px 0; padding:0 0 0 0;}
ul.it li a { color:#0F2878; }

table#chart  {
margin:10px;
display:inline;
}

#chart td {
padding:10px;
background:#5EB6FE;
color:#0F2878;
border-top:#FFFFFF 1px solid;
border-right:#FFFFFF 1px solid;
}