﻿html
{
	overflow-y: scroll;
}
body
{
    font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
    text-align: center;
    background-color: #f7efe7;
	margin: 0;
}

a{
	color:#149037;
}

a:visited{
	text-decoration: none;
}
a:link{
	text-decoration: none;
}
a:hover{
	text-decoration: underline;
}
#page
{
    background-color: #fff;
    width: 800px;
    margin: auto;
    text-align: left;
    min-height: 600px;
	border-left: 1px solid #e7dacd;
	border-right: 1px solid #e7dacd;
	border-bottom: 1px solid #e7dacd;
}
#pagetopborder
{
	height: 3px;
	background-color: #8c6239;
}
#pageborder
{
	padding: 0 23px 23px 23px;
}
#pagetopleft
{
	float: left;
	width: 175px;
	height: 116px;
	margin-bottom: 15px;
}
#pagetopright
{
	float: right;
	width: 575px;
	height: 116px;
	text-align: center;
}
#pagetoptext {
    font-size: 20pt;
	font-weight: bold;
    letter-spacing: -1px;
    color: #0073BD;
	height: 81px;
	line-height: 81px;
}
h1
{
    margin: 0 0 15px 0;
    padding: 0;
    font-size: 24pt;
    line-height: 30pt;
    font-weight: bold;
    letter-spacing: -1px;
}
.topimage
{
    margin: 0 0 15px 0;
}
h2
{
    margin: 0;
    padding: 0;
    font-size: 14pt;
    line-height: 24pt;
    letter-spacing: -1px;
    background: white url('/images/h2bg.gif') repeat;
}
h3
{
    margin: 25px 0 0 0;
    padding: 0;
    font-size: 9pt;
    color: #0073BD;
}
h3 span.light
{
    color: #0DB6EC;
}

h4
{
    margin: 45px 0 0 0;
    padding: 0;
    font-size: 9pt;
    color: #149037;
}

#sitemap h4
{
    margin: 10px 0 0 0;
}

p
{
    font-size: 9pt;
    line-height: 12pt;
    padding: 0;
    margin: 0;
}
p.smaller{
	font-size: 8pt;
	line-height: 11pt;
	padding: 0;
	margin:0;
}
p.smallest{
	font-size: 7pt;
	line-height: 10pt;
	padding: 0;
	margin:0;
}

.gray{
	color: #999999;
}

h6
{
    font-size: 11px;
    color:#0DB6EC;
    margin: 0;
    padding: 3px 0 3px 0;
}
#clear
{
    clear:both;
}
.clear
{
    clear: both;
}
#content
{
    background-color: #FFF;
    width: 750px;
    margin: auto;
    text-align: left;
    min-height: 300px;
    padding: 30px 35px 35px 35px;
    display:inline-block;
}
#header
{
    margin-bottom: 20px;
}
#header_logo
{
	margin-top: 10px;
}
#header#search
{
    float: right;
    width: 250px;
    display: none;
}
#topnav {
    height: 34px;
	background: white url('/images/h2bg.gif') repeat;
}
#topnav a 
{
    font-size: 13px;
    line-height: 30px;
    margin-right: 33px;
}
#topnav a.last
{
    margin-right: 0;
}
#topnav a.active
{
    color:#0c509b;
    text-decoration: none;
}
#topnav a.inactive:visited
{
    color: #333333;
    text-decoration: none;
}
#topnav a.inactive:link
{
    color: #333333;
    text-decoration: none;
}
#topnav a.inactive:hover
{
    color: #0DB6EC;
    text-decoration: none;
}
#leftnav
{
    float: left;
    width: 150px;
    margin-right: 30px;
}
#leftnav div.menuitem
{
	margin: 10px 0 10px 0;

}
#leftnav a 
{
    font-size: 11px;

}

.menuitem a.active
{
    color:#0073BD;
    text-decoration: none;
}
.menuitem a.inactive:visited
{
    color: #333333;
    text-decoration: none;
}
.menuitem a.inactive:link
{
    color: #333333;
    text-decoration: none;
}
.menuitem a.inactive:hover
{
    color: #0DB6EC;
    text-decoration: none;
}

.sectionbreak
{
    height: 25px;
}

#right
{
    float: left;
    width: 570px;
}  
.third{
	display: inline;
	float: left;
	width: 30%;
	margin-right: 15px;
}
.program_list_container{
	display: inline;
	float: left;
	width: 45%;
}
.program_listing{
	margin-bottom: 10px;
}

.program_listing a{
	color:#149037;
	font-size:9pt;
	font-weight:bold;
}
.program_listing div.sitemap_programs a{
	font-size: 7pt;
}
.program_listing a:visited{
	text-decoration: none;
}
.program_listing a:link{
	text-decoration: none;
}
.program_listing a:hover{
	text-decoration: underline;
}
#footer
{
    width: 800px;
    text-align: left;
    margin: auto;
	color: #8c6239;
}

#footer img{
	display:inline;
	float:left;
	vertical-align:middle;
}


#footer a
{
    color: #8c6239;
	padding-left: 20px;
}
#footer a:visited, #footer a:link
{
    text-decoration: none;
}
#footer a:hover
{
    text-decoration: underline;
}
#footerleft 
{
	float: left;
	margin: 5px 23px 5px 23px;
	font-size: 7pt;
	color: #8c6239;
}
#footerright 
{
	float: right;
	margin: 5px 23px 5px 23px;
	font-size: 7pt;
	color: #8c6239;
}

#home_image{
	margin-bottom:22px;
}
#home_botleft{
	width: 410px !important;
	display:inline;
	float:left;
}
#home_botleft img{
	border: 1px solid #d2d2d2;
	margin-right: 20px;
}
#home_botright{
	width: 340px;
	display:inline;
	float:right;
	color: #333333;
	text-align: justify;
	font-size: 9pt;
	letter-spacing: -.9px;
	line-height: 16px;
}
.home_bold{
	color: #338FCA;
	font-weight:bold;
}
.copyright{
	font-size: 8pt;
    color: #666666;
    margin-left: 20px;

}
.reglabel {font-weight: bold; padding-right: 15px; padding-top: 5px; vertical-align: top;}
.regfield {vertical-align: top;}
.regnote {padding-left: 10px; font-style: italic; font-size: 8pt;}
.regspace {height: 20px;}
.regtitle {font-size: 13pt;	color: #ff1515; font-weight: bold;}
.reginputtext {width: 225px;}
.regtextarea {width: 500px; height: 200px;}
#maincontent {position: relative;}

.hptitle
{
    margin: 0 0 15px 0;
    font-size: 18pt;
    font-weight: bold;
    letter-spacing: -1px;
}

#logindiv
{
	padding: 5px 18px 0px 16px;
}
#loginform
{
	margin: 0px;
}
#loginleft
{
	float: left;
}
#loginright
{
	float: right;
}
#loginbottom
{
	padding: 3px 0 0 5px;
}
.loginlink
{
	font-size: 8pt;
	text-decoration: underline;
	color: #8c6239;
}
#loginform input.text {
	color: #8c6239;
	background-color: #faf7f5;
	border: 1px solid #d2c2b0;
	height: 16px;
	padding: 4px;
	width: 110px;
}
#loginform input.button {
	color: #fff;
	background-color: #8c6239;
	border: 1px solid #d2c2b0;
	width: 57px;
	height: 28px;
}
.loginContainerLeft {
	position: absolute; 
	left: -36px; 
	top: 25px; 
	z-index: 3; 
	width: 340px; 
	height: 246px; 
	background: url('/images/teachersloungeloginbox.png') no-repeat; 
	padding-top: 69px;
}
.loginContainerRight {
	position: absolute; 
	left: 449px; 
	top: 25px; 
	z-index: 3; 
	width: 340px; 
	height: 246px; 
	background: url('/images/teachersloungeloginbox_right.png') no-repeat; 
	padding-top: 69px;
}
