﻿html, body 
{
  padding:0;
  margin:0 auto;
  background:#EEE;
  font-family: "Lucida Grande", Verdana, Arial, Sans-Serif;
	font-size:11px;
	/*color:#646464;*/
	color:#333333;
}

#PageWrap
{
  width:880px;
  min-height:725px;
  padding:0;
  margin:0 auto;
  background:#F0F9FE;
  background:#FFF;
  border-top:none;
  padding-bottom:5px;
  border:solid 1px #BBB;
}

#PageHeader
{
  height:80px;
  /*background:#2F4F88 url(img/toplogo.jpg) no-repeat left 24px;*/
  background:#2F4F88 url(img/toplogo.jpg) no-repeat;
}

#PageHeader div.left, #PageHeader div.right
{
  float:left;
  width:220px
}

#PageHeader div.left a
{
  display:block;
  height:80px;
  width:220px;
}

#PageHeader div.right
{
  width:650px;
  color:#EEE;
  padding:22px 10px 4px 0px;
}

#PageHeader div.right a
{
  color:#FFF;
  font-weight:bold;
}

#PageHeader div.right a:hover
{
  color:#F72;
}

img.lnkCn
{
  vertical-align:middle;
  margin-bottom:-1px;
}

#ImagePanel
{
  height:300px;
  margin-top:1px;
}

#ProgramPanel
{
  min-height:280px;
  line-height:1.5em;
}

#ProgramPanel h3
{
  font-family:Arial, Verdana, Sans-serif;
  font-size:16px;
  font-weight:bold;
  border-bottom:dotted 1px #CCC; 
  color:#333;
  padding:0 0 5px 0; 
  margin:5px 0 10px 0;
}

#about
{
  width:346px; 
  padding:10px 7px 10px 10px; 
  float:left;
}

#programs
{
  width:500px; 
  padding:10px 10px 10px 7px; 
  float:left;
}

#news0
{
  min-height:120px; 
}

#news0 ul
{
  padding:10px 8px 0 8px; 
  margin:5px 12px 0 24px; 
  list-style-type:circle;
}

#news
{
  border:solid 1px #CCC; 
  min-height:120px; 
  background:#EEE;
}

#news ul
{
  padding:10px 8px 0 8px; 
  margin:5px 12px 0 24px; 
  list-style-type:circle;
}

#ProgramsBox
{
  border:solid 1px #CCC; 
  min-height:250px; 
  padding-top:10px; 
  margin-top:10px;
}

#ProgramsCategory
{
  min-height: 25px;
}

#ProgramsCategory a
{
  float:left;
  display:block;
  width:88px;
  padding:3px 0;
  margin-left:8px;
  text-align:center;
  background:#EEE;
  font-weight:bold;
  border:solid 1px #CCC;
  color:#666;  
}

#ProgramsCategory a:hover
{
  background:#FFF;
  text-decoration:none;
  color:#F72;
}

#ProgramsCategory a.selected, #ProgramsCategory a.selected:hover
{
  background:#999;
  color:#FFF;
  border-color:#555;
  cursor:default;
}

.category
{
  margin:8px; 
  min-height:188px;
  padding:10px;
  border:solid 1px #999;
  display:none;
}

.cat_img
{
  float:left; 
  width:200px; 
  height:155px; 
  padding:18px 0 0 5px;
}

.cat_img img
{
  width:200px;
  height:155px;
}

.cat_text
{
  float:left; 
  width:243px; 
  border:solid 0px #F00; 
  padding:22px 0;
  min-height:140px;
}

.cat_text ul
{
  list-style-type:circle; 
  line-height:1.8em;
  margin:0;
  padding:0;
  margin-left:3em;
}

#main
{
  margin-top:10px;
}

#nav, #content, #spotlight, #content_1
{
  margin:0 5px;
  display:inline-block;
  float:none;
  vertical-align:top;
  min-height:550px;
}

div#content_1.highest
{
  min-height:972px;
}

div#content_1.higher
{
  min-height:915px;
}

div#content.higher
{
  min-height:860px;
}

div#content_1.middle
{
  min-height:680px;
}

div#content.middle
{
  min-height:626px;
}

#nav
{
  width:225px;
  margin-left:10px;
}

#content
{
  width:430px;
  margin:0;
  border-right:dotted 1px #BBB;
}

#spotlight
{
  width:150px;
  margin:0;
  padding:0px 5px;
}

#content_1
{
  width:600px;
  padding:10px;
  border:solid 1px #BBB;
  line-height:20px;
  min-height:580px;
}

#PageFooter
{
  padding:0;
  margin:10px auto;
  width:880px;
  height:20px;
}

#PageFooter .left, #PageFooter .center, #PageFooter .right
{
  float:left;
  width:293px;
}

.center
{
  text-align:center;
}

.right
{
  text-align:right;
}

.ul_nav
{
  margin:0;
  padding:0;
  list-style-type:none;
}

.ul_nav h5
{
  font-size:110%;
  font-weight:bold;
  margin:0;
  padding:6px 10px;
  border-bottom:solid 1px #BBB;
}

.ul_nav ul
{
  margin:auto;
  padding:10px 12px 10px 30px;
  line-height:1.6em;
  list-style-type:circle;
}

.ul_nob
{
  margin:0;
  list-style-type:none;
  padding:0.6em 0;
  line-height:1.6em;
  font-size:90%;
}

a, a:active, a:visited
{
  color:#333;
  text-decoration:none;
}

a:hover, a.bold:hover, a.blue:hover
{
  color:#F72;
  text-decoration:underline;
}

.show
{
  display:block;
}

.hide
{
  display:none;
}

.title, .team .title
{
  font-family:Arial, Verdana, Sans-Serif;
  font-size:20px;
  font-weight:bold;
  color:#666;
  border-bottom:dotted 1px #DDD;
  padding:10px 5px;
  margin:0 0 10px 0;
}

.sub_title
{
  font-size:14px;
  font-weight:bold;
  clear:both;
  color:#555;
}

p
{
  font-size:1em;
  margin:0;
  padding:5px;
}

.team .sub_title
{
  padding-bottom:0;
  padding-top:10px;
}

.team p
{
  padding-top:0px;
}

.team img
{
  width:68px;
  height:80px;
  padding-top:5px;
  padding-right:10px;
  float:left;
}

.team .top
{
  padding-top:5px;
}
  
.textbooks img
{
  width:150px;
  padding-right:10px;
  float:left;
}

#tabHeader
{
  margin-bottom:10px;
}

#tabHeader a
{
  display:block;
  padding:3px 5px;
  margin:2px;
  border:solid 1px #CCC;
  display:inline-block;
  background:#EEE;
  font-size:10px;
  font-weight:bold;
  color:#666;  
}

#tabHeader a:hover
{
  background:#FFF;
  color:#F72;
  text-decoration:none;
}

#tabHeader a.selected, #tabHeader a.selected:hover
{
  background:#999;
  border-color:#666;
  color:#FFF;
  cursor:default;  
}

#tabContent
{
  clear:both;
  border:solid 1px #CCC;
  min-height:572px;
  padding:10px;
}

a.lnkBtn
{
  display:inline-block;
  padding:2px 12px;
  background:#EEE;  
  border:solid 1px #CCC;
}

a.lnkBtn:hover
{
  text-decoration:none;
  background:#FFF;
  border-color:#666;
}

.bold
{
  font-weight:bold;
  color:#555;
}

a.bold
{
  color:#339;
}

.newsletter
{
  width:218px;
  margin-top:1em;
  padding:5px 5px 10px 5px;
  line-height:1.6em;
  background:#EEE;
}

.newsletter input
{
  margin-top:10px;
  height:17px;
  width:135px;
  border:solid 1px #999;
  color:#353637;
  padding-top:3px;
}

.newsletter a
{
  display:inline-block;
  width:70px;
  height:19px;
  padding-top:1px;
  text-align:center;
  border:solid 1px #666;
  background:#999;
  color:#FFF;
}

#nav .newsletter a:hover
{
  border-color:#000;
}

.black, .newsletter input.black
{
  color:Black;
}

.red
{
  color:Red;
}

.separator
{
  border-bottom:dotted 1px #999; 
  margin:0 5px; 
  padding:5px 0;
}

b, strong
{
  color:#555;
  font-weight:bold;
}

#content_1 ul, #content_1 ol
{
  padding:0;
  margin:0 0 0.5em 3.5em;
}

.form
{
  height:20px;
  margin:10px 0;
}

.label, .field
{
  float:left;
}

.label
{
  width:200px;
  padding:0 8px;
}

.filed
{
  width:350px;
}

input, select
{
  font-family:Verdana;
  font-size:11px;
  height:15px;
}

select
{
  height:22px;
}

.spotlight
{
  background:#DDEEBB; 
  color:#147; 
  font-family:Tahoma; 
  margin: 20px auto;
  width:590px;
}

.spotlight p
{
 padding: 0 20px;
}

.spotlight p.right
{
  padding-right:20px;
  color: #333;
}

.orange
{
  color:#F72;
}

.indented
{
  text-indent:2em;
}

.chkbox td
{
  margin:0;
  padding:0;
}

.chkbox td input
{
  vertical-align:middle;
  padding:0;
  margin:0;
  margin-right:8px;
}

.scheduleTbl, .locationTbl
{
  width:590px;
  border:solid 1px #AAA;
  border-collapse:collapse;
}

.scheduleTbl td
{  
  border:solid 1px #AAA;
  border-collapse:collapse;
  text-align:center;
  background:#F0F0F0;
}

.locationTbl td
{
  border:solid 1px #AAA;
  border-collapse:collapse;
  padding:0 10px; 
}

.highlight
{
  background: #F51; 
  color: White; 
  text-align: center; 
  border: solid 3px #FFF;
  width: 30px;
}

div.ct
{
  margin:5px;
}

a.blue
{
  color:#248;
}

ol.faq li
{
  padding-bottom:0.8em;
}

ol.faq li ul li
{
  padding-bottom:0px;
}

.n900
{  
  color:#900;
}

.n248
{
  color:#248;
}

.s130
{
  font-size:13px;
}

.s140
{
  font-size:14px;
}

.rounded
{
}

ul.more_space li, ol.more_space li
{
  padding:5px 0;
}

.imgCn
{
  margin-bottom:5px;
}

