body {
	font-family: Verdana, Arial, sans-serif;
	background: #ccc;
	text-align:center;
	font-size:small;
	color: #333;	}
/* todo: put in font fixes*/
p{font-size:90%; margin:1.25em 0; line-height:1.25em}
#info,#website{font-size:80%;}
h3{font-size:110%;}

/*layout*/
#wrapper{	background: #fff;	width: 752px;	margin: 50px auto 4px;}		
#header{	background: #95BFE9 url('../i/htop.gif') no-repeat 0 0; padding: 45px 0 0 ; margin:0;}
#logo{float:left; width:752px;   padding:0; margin:0; }	
#l1{ float:left; width:473px; background: #fff; height:183px; margin:0;}
#l1 img{float:left; }
#l1 .logo{  padding: 0; float:right;}

#l2{float:right; width:279px;}

/* content*/	
#content{
	padding: 0;
	margin:0;
	width:752px; 
	float:left; 
	text-align:left;
	background: #ccc url('../i/cbg.gif') repeat-y 0 0;
	border-bottom:solid 1px #fff;}

#contentleft{
	float:left;
	width:150px;
	padding: 0;	
	height:124px;
	margin:10px 0;}
	
#contentleft div#scot{
    font-style:italic;
    padding:10px;
	color: #fff;}
	
#contentright{
	float:right;
	width:560px;
	text-align:left;
	padding:10px 20px 20px 20px;}
#contentleft ul	{
	height: 124px;
	background: url('../i/nav.gif') no-repeat 0 0;
	margin: 0;
	padding: 0;
	position: relative;}	
#contentleft ul li{
	margin: 0;
	padding: 0;
	list-style-type: none;
	position: absolute;
	text-indent: -9999px; 
	text-decoration: none;}	
#contentleft ul li, #contentleft a, #contentleft a:hover{display: block; height:27px;}
#li1 {top: 0; height: 30px; width:150px; }
#li2 {top: 31px; height: 30px; width:150px;}
#li3 {top: 62px; height: 30px; width:150px;}
#li4 {top: 93px; height: 30px; width:150px;}
#li1 a:hover, #home #li1 a {background: url('../i/nav.gif') no-repeat 0 -124px;}
#li2 a:hover, #syllabus #li2 a {background: url('../i/nav.gif') no-repeat 0 -155px;}
#li3 a:hover, #faq #li3 a {background: url('../i/nav.gif') no-repeat 0 -186px;}
#li4 a:hover, #contact #li4 a {background: url('../i/nav.gif') no-repeat 0 -217px;}
	
/*general*/
a{font-weight : normal; text-decoration:underline; color: #c00505; background: transparent; }
a:link, a:visited {		}
a:hover {	text-decoration : underline;	color: #000;	}
a:active{}

td {	margin: 0;	padding: 0;}
img{margin:0; padding: 0; display:block;}
table{margin:0; padding: 0;}
.fl{float:left; margin: 0 10px 50px 0;}
#flnopadbtm{float:left; margin: 0 10px 0 0;}
.fr{float:right;}

.red{color:Red; font-weight:bold;}

hr{height:1px; color:#ddd;}

ul{margin:10px 0 0 10px;}
#contentright ul li{margin:0; list-style-type:none; background:url('../i/bulletbronze.gif') no-repeat 0 0; padding: 0 0 0 20px; }

/*h2*/
h2{margin:30px 0 30px 0;}
#home h2{background:url('../i/titleHome.gif') no-repeat 0 0; text-indent:-9999px; height:18px; width:549px;}
#home h3{background:url('../i/st_home.gif') no-repeat 0 0; text-indent:-9999px; height:15px; width:221px;}

#home .fl{width:130px; }
#home ul#red{float:right; width:420px; margin:0; padding:0;}
#home ul#red li{ background:url('../i/bulletRed.gif') no-repeat 0 6px;  list-style-type:none; padding: 6px 0 0 20px; margin:0 0 10px 0;}
#home #in{clear:both;}


#home ul#green{float:right; width:420px; margin:0; padding:0;}
#home ul#green li{ background:url('../i/bulletGreen.gif') no-repeat 0 6px;  list-style-type:none; padding: 6px 0 0 20px; margin:0 0 10px 0;}

#home div.fl img{ margin: 0 0 50px 0;}

/*faq*/
#faq h2{background:url('../i/titleFAQ.gif') no-repeat 0 0; text-indent:-9999px; height:17px; width:246px;}

#faq #contentright ul{ margin:0 0 20px 0; padding:0;}
#faq #contentright ul li{list-style-type:none; background:url('../i/icon_q.gif') no-repeat 0 3px;  margin:6px 0; padding: 0 0 0 20px;}
dt{font-weight:bold;}
dd{margin: 6px 0 14px 0;}
#faq #contentright dl a{display:block;}
#faq #contentright a.backtotop {background: #fff url('../i/icon_top.gif') no-repeat 0 50%; padding: 0 0 0 12px; color:#666; margin: 5px 0; border:0;}
#faq #contentright a.backtotop:hover{border:0; color:#000;}

#faq #contentright ul#list li{ height:auto;  margin: 0; padding: 0 0 10px 20px;}

/*syllabus*/
#syllabus h2{background:url('../i/titleSyllabus.gif') no-repeat 0 0; text-indent:-9999px; height:18px; width:296px;}
#syllabus div.fl img{ margin: 0 10px 50px 0;}

#syllabus #contentright ul{float:right; width:410px; margin:0; padding:0;}
#syllabus ul li{ margin:0 0 15px 0;}
p#cleared{clear:both;}

/*contact*/
#contact h2{background:url('../i/titleInfo.gif') no-repeat 0 0; text-indent:-9999px; height:15px; width:182px;}



#website{clear:both; margin:10px 0 0; padding:10px 0 0 0;}