/*---------------GLOBAL---------------*/
*{margin:0; padding:0}
html, body{margin:0; padding: 0;text-align:center; font:80%/1.5 Arial, Helvetica, sans-serif; color:#154d6a; background:url(images/bg.jpg) no-repeat top center} 
	
body{overflow: -moz-scrollbars-vertical;}
table {border-collapse: collapse;border-spacing: 0;}
	
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix{display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */   
#pagewidth{ width:760px; text-align:left;  margin-left:auto; margin-right:auto; } 
#wrapper{background-color:#fff}
ul{list-style:none; font-size:1.1em}
a{color:#154d6a; text-decoration:none; outline:none}
a:hover{color:#154d6a}
.clr{clear:left}

p{font-size:1.4em; line-height:1.7em; margin-bottom:1.3em;}

h1,h2,h3{font-weight:900;}
h1{font-size:2.5em; color:#990000}
h2{font-size:2.2em; }
h3{font-size:1.8em;}
sup{color:#990000}


/*---------------HEADER---------------*/
#header{position:relative; height:150px; width:760px; display:block;}

#logo{float:left; width:226px; height:109px;  margin:0; display:inline; font-family:Georgia, "Times New Roman", Times, serif; font-size:2.5em; margin:15px 0 0 45px; background-image:url(images/logo.png)}
#logo a{height:109px; width:100%; display:block; overflow:hidden; font-size:1.0em; font-weight:bold; color:#DFD40E; text-decoration:none; text-indent:-3000px}
ul#header_contact{text-align:right; margin:10px 0 0 0; float:right; display:inline;}
ul#header_contact li{font-size:1.5em; margin:0; padding:0}
ul#header_contact li.num{font-size:2.8em; font-weight:bold; color:#890120; margin-bottom:-10px}
ul#header_contact a{color:#890120;}
ul#header_contact a:hover{color:#333333;}



/*---------------NAV---------------*/ 
ul#nav{width:417px;  height:34px; line-height:34px;  display:block; float:right; clear:right; margin:13px 0 0 0}
ul#nav li{float:left; margin:0 0 0 9px; font-weight:bold; font-size:1.1em; font-family:Georgia, "Times New Roman", Times, serif; display:inline; height:34px}
ul#nav li.home{width:86px; height:34px; background-image:url(images/nav-home.png);}
ul#nav li.home a{width:86px; height:34px; display:block; text-indent:-3000px}
ul#nav li.home a:hover{background-image:url(images/nav-home-over.png)}
ul#nav li.about{width:86px; height:34px; background-image:url(images/nav-about.png);}
ul#nav li.about a{width:86px; height:34px; display:block; text-indent:-3000px}
ul#nav li.about a:hover{background-image:url(images/nav-about-over.png)}
ul#nav li.teaching{width:120px; height:34px; background-image:url(images/nav-teaching.png);}
ul#nav li.teaching a{width:120px; height:34px; display:block; text-indent:-3000px}
ul#nav li.teaching a:hover{background-image:url(images/nav-teaching-over.png)}
ul#nav li.links{width:86px; height:34px; background-image:url(images/nav-link.png);}
ul#nav li.links a{width:86px; height:34px; display:block; text-indent:-3000px}
ul#nav li.links a:hover{background-image:url(images/nav-link-over.png)}


body#index ul#nav li.home {background-image:url(images/nav-home-over.png)}
body#about ul#nav li.about {background-image:url(images/nav-about-over.png)}
body#teaching ul#nav li.teaching {background-image:url(images/nav-teaching-over.png)}
body#links ul#nav li.links {background-image:url(images/nav-link-over.png)}

#banner{width:754px; height:148px; background-image:url(images/header.jpg); margin:3px 0 15px 3px; float:left}

/*---------------TWO COLs---------------*/
#twocols{width:409px; float:right; position:relative; }

/*---------------MAIN COL---------------*/
#maincol{ float:left; display:inline; position: relative; width:200px; background-color:#f4eee1 }

 
/*---------------LEFT COL---------------*/
#leftcol{width:517px; float:left; position:relative; background-color:#73A3A3; margin:0 0 20px 10px; display:inline;  height:auto !important; height:715px; min-height:715px; background-color:#FFF}
body#index h1{width:149px; height:32px; background:url(images/title-welcome.gif) no-repeat; text-indent:-3000px; margin-bottom:15px}
body#about h1{width:95px; height:32px; background:url(images/title-about.gif) no-repeat; text-indent:-3000px; margin-bottom:15px}
body#teaching h1{width:144px; height:32px; background:url(images/title-teaching.gif) no-repeat; text-indent:-3000px; margin-bottom:15px}

/*---------------RIGHT COL---------------*/
#rightcol{background-color:#FF9966; float:right; display:inline; position: relative; width:209px; margin:0 10px 0 0; background-color:#FFF; padding-top:4px}
.module{width:209px; float:left; background-color:#F1EFE8; display:inline}
.module .top{padding:0; margin:0; height:15px; background-image:url(images/module-right-top.gif);}
.module .bottom{padding:0; margin:0; height:15px; font-size:0;  background-image:url(images/module-right-low.gif)}
#preview-clip{width:360px; margin:0 auto}

ul#bullets{width:199px; margin:0 auto}
ul#bullets li{margin-bottom:8px; font-size:1.3em; background:url(images/tick.gif) no-repeat 0 4px; padding-left:27px}

ul.points{font-size:1.5em; margin:6px 0 10px 16px}
ul.points li{margin:4px; list-style-type:disc}

/*---------------LINKS---------------*/
table#links{width:500px}
table#links tr td{width:300px; font-size:1.4em; padding:2px}
table#links tr td.url{width:200px}

/*---------------CONTACT---------------*/
form#contact{width:450px; margin:0; padding:1px; border:6px solid #C6DBE5; font-size:1.1em;}
form#contact input.field, form#contact select, form#contact textarea{font-family: Arial, Helvetica, sans-serif; font-size:1.0em; color:#154d6a; padding:3px}
form#contact select{width:250px}
form#contact textarea{width:250px}
form#contact p{width:100%; padding:6px 0; margin:0;  color:#154d6a; background-color:#EDF5FA; border-bottom:1px solid #fff}
form#contact p label{width:120px; float:left; display:inline; text-align:right; padding-right:4px; font-weight:bold;}
form#contact fieldset{width:100%; border:none; margin:0; padding:0;}
form#contact legend{display:none}
form#contact img{border:1px solid #B3D0DD}
form#contact p span.submit{margin-left:81px}
form#contact p span.indent{margin-left:81px}


ul#contact_details{margin:0 0 20px 10px; float:left; width:240px; }
ul#contact_details li{font-size:1.2em}
ul#contact_details li.address_bold{font-weight:bold}
ul#contact_details li.tel{margin-top:12px; font-weight:bold}
ul#contact_details li.fax{font-weight:bold}
ul#contact_details li.email{margin-top:12px; font-weight:bold}

/*---------------FOOTER---------------*/
#footer{width:760px;  clear:both; text-align:center; font-size:1.1em; color:#FFF; background-color:#999900}
#footer a{color:#FFF}