/* whole page */
body { margin: 0; padding: 0; font-size: 11pt; font-family: Arial, Helvetica, sans-serif; background-color: #F0F9FB; background-image: url(images/bgmediumgreen.gif); }
h1, h2, h3 { font-family: GillSans, Arial, sans-serif; }
h1 { font-size: 20pt; color: #434; margin: 0px; text-align: center; }
h2 { font-size: 14pt; color: #445; font-weight: bold; text-align: center; }
h3 { font-size: 12pt; color: #445; font-weight: bold; margin-left: -10px; }
h4 { font-size: 10pt; color: #445; font-weight: bold; }
h5 { font-size: 11px; color: #445; font-weight: normal; margin-top: 0px; }
h6 { font-size: 11px; color: #445; font-weight: normal; }
p  { font-size: 11pt; color: #334; }
td { font-size: 10pt; color: #334; vertical-align: top; }
ul { list-style-type: disc; }
li { font-size: 11pt; color: #334; }
.captions { font-size: 12px; font-weight: bold; }
.smaller { font-size: 12px; }
.fine { font-size: 11px; }
.quote { font-style: italic; font-weight: bold; margin-bottom: 5px; }
.quoteref { margin-top: 5px; }
.schedule { line-height: 180%; }
.center { text-align: center; }
.h1 { font-size: 20pt; color: #434; margin: 0px; text-align: center; }
.h2 { font-size: 14pt; color: #445; font-weight: bold; text-align: center; }
.h3 { font-size: 12pt; color: #445; font-weight: bold; margin-left: -10px; }
.h4 { font-size: 10pt; color: #445; font-weight: bold; }
.h5 { font-size: 11px; color: #445; font-weight: normal; margin-top: 0px; }
.h6 { font-size: 11px; color: #445; font-weight: normal; }

a:link { color: #130; text-decoration: none; }
a:visited { color: #434; text-decoration: none; }
a:hover, a:active { color: #444; text-decoration: underline; }

#page { position: relative; width: 900px; margin: 8px auto; }

/* major sections */
#side { position: absolute; top: 0px; left: 0; width: 262px; }
#main { position: relative; left: 10px; width: 890px; border-bottom-width: 4px; border-bottom-style: solid; border-bottom-color: #211D1F;
	background-image: url(images/bgmain.gif); background-repeat: repeat-y; 
	min-height:680px; height:auto !important; height:680px; }

/* sub sections */
#title { position: relative; width: 200px; height: 161px; padding: 25px 0 25px 0; }
#logosm { position: relative; left: 4px; width: 244px; }
#nav { position: relative; margin: 0 0 0 4px; width: 204px; background-color: #95899F; padding: 25px 0; }
#nav li { font-family: "Trebuchet MS", Arial, sans-serif; font-weight: bold; margin: 10px 0; padding: 0 0 0 5px; list-style: url(images/button2.gif) outside; }
#nav ul { margin: 10px; padding: 0 0 0 20px; }
#indent ul { margin: 5px 0 5px 0; padding: 0 0 0 10px;  }
#indent li { margin: 3px 0 0 0; padding: 0 0 0 5px; list-style: url(images/dot.gif) outside; }
#outdent li { margin: 3px 0 0 -20px; padding: 0; list-style-type: disc; }

#subnav { position: relative; font-family: "Trebuchet MS", Arial, sans-serif; margin: 0 0 0 24px; width: 200px; padding: 25px 10px; }
#subnav p { font-size: 10pt; }
#subnav ul { margin: 5px; padding: 0 0 0 10px; }
#subnav li { font-size: 10pt; margin: 10px 0; padding: 0 0 0 5px; list-style: url(images/yinsm.gif) outside; }
#subnav a { font-weight: bold; }
#icon ul { margin: 5px; padding: 5px; list-style: none; }
#icon li { padding: 5px 0 5px 10px; list-style: url(images/yinsm.gif) outside; }

#header { position: relative; margin: 0; background-image: url(images/header.gif); height: 180px; width: 900px; background-repeat: no-repeat; }
#header h1 { font-family: "Times New Roman", Times, serif; padding-left: 275px; padding-top: 60px; }
#header h2 { font-family: "Times New Roman", Times, serif; padding-left: 300px; padding-top: 10px; font-style: italic; }

#content { position: relative; top: 0px; left: 252px; width: 580px; padding: 30px 20px 100px 30px; vertical-align: top; }
#content table { position: relative; }
#content td { padding: 10px; vertical-align: top; }
#content a { font-weight: normal; text-decoration: underline; }

#newy { position: relative; margin: 8px auto; padding: 10px; text-align: center; background-color: #FAF5FF; width: 400px; border: 1px solid #663399; }
#new { position: relative; margin: 8px auto; padding: 10px; text-align: center; background-color: #FFF; width: 400px; border: 1px solid #663399; }
#ads { position: relative; margin: 8px auto; padding: 10px; text-align: center; background-color: #F5FFF5; width: 400px; border: 1px solid #663399; }
#notes { position: relative; margin: 8px auto; padding: 10px; background-color: #FFF; width: 400px; border: 1px solid #663399; }
#notes p { font-size: 12px; }

#contents { width: 310px; float: right; border: 1px #58A3AB; font-family: "Trebuchet MS", Arial, sans-serif; }
#contents td { padding: 10px 0px 30px 40px; }
#contents p { font-size: 10pt; }

#footer { position: relative; width: 900px; height: 140px; margin: -80px 0 0 0; }
#footerleft { position: absolute; top: 0; left: 0; width: 250px; margin: 10px 15px 0 10px; }
#footerleft p { font-size: 12px; width: 220px; margin: 0 0 15px 20px; }
#footerright { position: relative; width: 600px; margin: 0 0 15px 275px; text-align: center; }
#footerright ul { margin: 0; padding: 9px 0; text-align: center; }
#footerright li { display: inline; padding: 4px 5px; font-size: 12px; }
#footerbottom { position: relative; width: 900px; margin: 40px 0 0 0; text-align: center; }
#footerbottom h6 { font-size: 11px; margin: 20px 0 0 0; }

/* used in find-a-counselor form and thank */
#pad2 td { padding: 2px; vertical-align: top; }

/* used in view database */
#database table { border: 1px solid #333; }
#database th, #database td { margin: 0; padding: 2px; border: 1px solid #333; }
#database th.w50 { padding: 0 50px; }
#database th.w100 { padding: 0 100px; }
#database th.w150 { padding: 0 150px; }
#database th.w200 { padding: 0 200px; }
#database th.w250 { padding: 0 250px; }
#database th.w300 { padding: 0 300px; }
.not { background-color: #CCC; }

/* not used */
#tableright { position: relative; border: 1px solid #000000; right: 0px; }
#tableright td { border: 1px solid #000000; padding: 15px; }
#captions { width: 250px; float: right; }
#captionsleft { width: 220px; float: left; }
#captions td { text-align: center; }
#grid td { vertical-align: top; border: 1px solid #FBFBD7; margin: 0px; padding: 2px; }
#gridleft { width: 140px;  }
#gridcenter { width: 400px; }
#gridright { width: 100px; }
#border { border: 1px solid #CC9; }
#border td { border: 1px dotted #CC9; }
.red { color: #F00; }