/* The overall look of the site */ 
body 
{
  background-color: #ffffff; min-width:900px/* for mozilla*/
}

a
{
  margin: 0;
	padding: 0;
}

#outer{width:expression( documentElement.clientWidth < 900 ? (documentElement.clientWidth == 0 ? (body.clientWidth < 900 ? "900" : "auto") : "900px") : "auto" );}

body#minwidth #outer{width:expression( documentElement.clientWidth < 1067 ? (documentElement.clientWidth == 0 ? (body.clientWidth < 1067 ? "1067" : "auto") : "1067px") : "auto" );}

body#minwidth #outer{min-width:1067px;}


/* The header area */
#head 
{
  clear: both;
  background:#ffffff;
  padding: 1px;
	margin-bottom: 15px;
}
}
#head .logo
{
  width: 216px;
	height: 97px;
}
#head h1 
{
  color: #FF9933;
  font-family: verdana, sans-serif;
  font-size: 120%;
}
#head a 
{
  color: #FF9933;
  font-family: verdana, arial, sans-serif;
	font-weight: bold;
  font-size: 120%;
	padding: 5px 10px;
	text-decoration: none;
}

/* The top menu */
#teaching, #learning
{
  clear: both;
	height: 25px;
}
#teaching ul, #teaching li, #learning ul, #learning li
{
	list-style: none;
	display: inline;
}
#teaching ul, #teaching li, #learning ul, #teaching li
{
margin: 0;
padding: 0;
white-space:nowrap
}
#teaching ul, #learning ul
{
  margin: 0;
	padding: 0;
}
#teaching li
{
	border-right:1px dashed #ff9933; border-top:1px dashed #ff9933; border-bottom:1px dashed #ff9933; background:#333399; border-left:0px none; padding:5px; 
}
#learning li
{
	border-right:1px dashed #ff9933; border-bottom:1px dashed #ff9933; background:#CC3333; border-top:0px none; border-left:0px none; padding-bottom: 5px
}
/* Learning */
#learning a 
{
  color: #ffffff;
  font-family: verdana, arial, sans-serif;
	font-weight: bold;
  font-size: 13px;
	text-decoration: none;
}
#learning .one
{
  border-left: 1px dashed #ff9933;
}
#learning .one a 
{
	padding-left: 5px;
	padding-right: 20px;
	padding-top: 1px;
	border-top: 1px dashed #ff9933;
}
#learning .two a 
{
  padding-left: 5px;
	padding-right: 55px;
	padding-top: 1px;
	border-top: 1px dashed #ff9933;
}
#learning .three a 
{
  padding-left: 5px;
	padding-right: 25px;
	padding-top: 1px;
	border-top: 1px dashed #ff9933;
}
#learning .four a
{
  padding-left: 5px;
	padding-right: 19px;
	padding-top: 1px;
	border-top: 1px dashed #ff9933;
}
#learning .title
{
  margin-left: 5px;
	padding-right: 7px;
	background: #FFFFFF;
	border: 0px none;
}
#learning .title a, #learning .title a:hover
{
  color: #CC3333; 
	font: bold 13px verdana, arial, sans-serif;
}
#learning a:hover 
{
  color: #ff9933; 
	font: bold 13px verdana, arial, sans-serif; 
	text-decoration: underline;
}
/* Teaching */
#teaching a 
{
	color: #ffffff;
  font-family: verdana, arial, sans-serif;
	font-weight: bold;
  font-size: 13px;
	text-decoration: none;
}
#teaching .one
{
  border-left: 1px dashed #ff9933;
}
#teaching .one a
{
  margin-right: 5px;
}
#teaching .two a 
{
  margin-left: 0px;
	margin-right: 8px;
}
#teaching .three a
{
  margin-right: 7px;
}
#teaching .four a 
{
  margin-left: 0px;
	margin-right: 18px;
}
#teaching .title
{
  background: #FFFFFF;
	border: 0px none;
}
#teaching .title a, #teaching .title a:hover
{
  color: #333399;
}
#teaching a:hover 
{
  color: #FF9933; 
	font: bold 13px verdana, arial, sans-serif; 
	text-decoration: underline;
}

/* The side */
#side 
{
	float: left;
	width:185px;
border: none;
	background-color:#ffffff;
	padding-left:10px;
	padding-top:20px;
	font: 13px verdana, arial, sans-serif;
}
#side ul, #side li 
{
	list-style: none;
	margin: 0;
	padding: 0;
}
#side ul
{
  margin-bottom: 10px;
}
#side a
{
  margin: 0;
	padding: 0;
}
#side a:link, #side a:visited, #side a:active
{ 
  font-size: 13px; 
	font-family: verdana, arial, sans-serif; 
	color: #333399; 
	text-decoration: none; 
	background: transparent; 
	font-weight: bold;
}
#side a:hover 
{ 
	color: #FFFFFF;
	background:#333399
}

/* Ads*/
#ads 
{
	float: right;
	width:130px;
	border: none;
	background-color:#ffffff;
	padding-left:5px;
	padding-top:20px;
}
p.adtext
{
border-left: medium solid #FF9933
}


/* Content */
#content 
{
  padding: 0px 140px 5px 200px;
 	margin: 0px;
	border: none;
	background: #FFFFFF;
	color: #000000;
	font: 14px georgia, serif;
}
#content a:link, #content a:visited, #content a:active
{ 
  font-size: 14px; 
	font-family: georgia, serif; 
	color: #333399; 
	text-decoration: underline; 
	font-weight: bold;
	margin: 0;
	padding: 0;
}
#content a:hover 
{ 
	color: #FFFFFF; 
	text-decoration: none; 
	background: #333399; 
	margin: 0;
	padding: 0;
}

#contenti 
{
  padding: 0px 5px 5px 200px;
 	margin: 0px;
	border: none;
	background: #FFFFFF;
	color: #000000;
	font: 14px georgia, serif;
}
#contenti a:link, #contenti a:visited, #contenti a:active
{ 
  font-size: 14px; 
	font-family: georgia, serif; 
	color: #333399; 
	text-decoration: underline; 
	font-weight: bold;
	margin: 0;
	padding: 0;
}
#contenti a:hover 
{ 
	color: #FFFFFF; 
	text-decoration: none; 
	background: #333399; 
	margin: 0;
	padding: 0;
}

/* Footer */

#footer 
{
  clear: both;
	padding:10px 10px 10px 10px;
	border-top:#333399 2px dashed;
	background-color:#ffffff;
	font-size: 10px;
	font-family: georgia, serif;
}
#footer a:link, #footer a:visited, #footer a:active
{ 
  font-size: 10px; 
	font-family: georgia, serif; 
	color: #333399; 
	text-decoration: none; 
	background-color: transparent; 
	font-weight:bold;
}
#footer a:hover 
{ 
	text-decoration: underline; 
}

/* Header fonts */
h1 
{
  font-family: verdana, arial, sans-serif;
  font-size: 13pt;
  font-weight: bold;
  color: #000000;
}
h2 
{
  font-family: verdana, arial, sans-serif;
  font-size: 12pt;
  font-weight: bold;
  color: black;
}

/* Logo Position */
.logo 
{
  float:left;
}

/* Directions */
.directions 
{
  font-family: georgia, serif;
  font-size: 12pt;
  font-weight: normal;
  color: #333399;
}

/* Normal text */
.normal 
{
  font-family: georgia, serif;
  font-size: 12pt;
  font-weight: normal;
  color: black;
}