/* COLORS
blue		#0E397A
light grey	#808080
dark grey	#4D4D4D
green		#B6C81B
 */

/* RESET */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input {margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th {font-size: 1em; font-weight: normal; font-style: normal; }
fieldset,img {border: none; }
caption,th {text-align: left; }
table {border-collapse: collapse; border-spacing: 0; }
/* * :focus { outline: 0; } */

/* LAYOUT */
html {min-height: 100%; margin-bottom: 1px; } /* force scrollbar */
body {background-color: #B2B2B2;}
#container:after, #homecontainer:after {content: "."; display: block; height: 0; clear: both; visibility: hidden; }

/* TYPE */
p {padding-bottom:15px}

a {color: #98b900; }
a:link, a:visited, a:active {text-decoration: none; }
a:visited {color: #0E397A;}
a:hover {color:#808080; text-decoration: none; }

a.blue {color: #0E397A!important; }
a:visited.blue {color: #0E397A!important; }
a:hover.blue {color:#98b900!important; text-decoration: none; }

strong, b {font-weight:bold; }
em, i {font-style:italic; }
ul {padding-left:15px; margin-top:-10px; padding-bottom:15px; line-height:20px;font-size: 10px;color: #05316e;}
ul.listGray {padding-left:15px; margin-top:-10px; padding-bottom:15px; line-height:20px;font-size: 10px;color: #808080;}
ul.normal {padding-left:15px; margin-top:-10px; padding-bottom:15px; line-height:20px;font:14px/24px Arial, sans-serif; color:#4D4D4D }
ul li span.callout, ul li span.callout2
{
	font-size: 14px;
}

.callout {color:#05316e; font-weight:bold}
.callout2 {color:#808080; font-weight:bold}
hr {border:0; color:#c9c9c9; background-color:#c9c9c9; height:1px; margin-top:5px; margin-bottom:20px}
td hr {margin-top:25px; margin-bottom:25px}

/* CONTAINERS */
#homecontainer {width:1018px; height:762px; margin: 0 auto; position: relative; background-color:#fff; border:3px solid #262626}
#homecontainer2 {width:1016px; height:760px; border:1px solid #a3a3a3}
#container {width:1018px; margin: 0 auto; position: relative; background-color:#fff; border:3px solid #262626}
#container2 {width:1016px; border:1px solid #a3a3a3}

/* NAVIGATION */
#navigation {width:1016px; height:67px; background-image:url(../assets/navbg.jpg); background-repeat:repeat-x;}
#nav {position:absolute; top:27px; left:75px; width:1010px; font:13px/13px "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif; color:#B6C71C; text-transform:uppercase;}
#nav a {color:#fff; margin-right:48px; display:inline-block}
#nav a:link, #nav a:visited, #nav a:active {text-decoration: none; }
#nav a:visited {color: #fff;}
#nav a:hover {color:#7296B5; text-decoration: none; }
#nav .active {color:#B6C71C!important; cursor:default}

/* HOME */
#homeleft {position:absolute; left:40px; top:113px; width:222px; font:15px/26px Arial, sans-serif; color:#808080; font-weight:bold}
#homeleft img {margin-bottom:30px}
#homeleft strong {color:#0E397A; font-size:17px}
#homeright {position:absolute; left:269px; top:70px; width:748px; height:497px; background-image:url(../assets/home_right_teacher.jpg); background-repeat:no-repeat;}
#homerightbutton {position:absolute; left:669px; top:262px; width:310px; height:36px}
#homebottom {position:absolute; left:1px; top:570px; width:1016px; height:191px; background-image:url(../assets/home_boxesbg.jpg); background-repeat:no-repeat;}
#homebottom1 {position:absolute; left:40px; top:589px; width:140px; height:155px}
#homebottom2 {position:absolute; left:180px; top:603px; width:186px; font:13px/16px Arial, sans-serif; color:#4D4D4D;}
#homebottom2 p {padding-bottom:7px}
#homebottom2 img {margin-bottom:10px}
#homebottom4 img {margin-bottom:5px}
#homebottom2 strong {color:#0E397A; font-size:14px; font-style:italic}
#homebottom3 {position:absolute; left:405px; top:589px; width:124px; font:12px/16px Arial, sans-serif; color:#fff}
#homebottom4 {position:absolute; left:721px; top:603px; width:270px; height:104px; font:13px/15px Arial, sans-serif; color:#4D4D4D}
#homebottom5 {position:absolute; left:715px; top:707px; width:281px; height:37px}
#homebottomdownload {position:absolute; left:552px; top:589px; width:111px; font:12px/16px Arial, sans-serif; color:#fff}
#homebottomdownload p {margin-left:5px}
#facebook {position:absolute; top:17px; right:25px; z-index:99; width:29px; height:29px}

/* SUBNAV */
#subnavigation {width:1016px; height:24px; background-color:#3c3c3c; margin-top:3px}
#subnavigation.about {background-image:url(../assets/subnavbg-about.jpg); background-repeat:no-repeat;}
#subnavigation.altcert {background-image:url(../assets/subnavbg-altcert.jpg); background-repeat:no-repeat;}
#subnavigation.news {background-image:url(../assets/subnavbg-news.jpg); background-repeat:no-repeat;}
#subnavigation.resources {background-image:url(../assets/subnavbg-resources.jpg); background-repeat:no-repeat;}
#subnavigation.teachers {background-image:url(../assets/subnavbg-teachers.jpg); background-repeat:no-repeat;}
#subnavigation.programs {background-image:url(../assets/subnavbg-programs.jpg); background-repeat:no-repeat;}
#subnav {position:absolute; top:77px; left:75px; width:1010px; font:13px/13px "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif; color:#B6C71C;}
#subnav a {color:#fff; display:inline-block; float:left; margin-right:120px}
#subnav.short a {margin-right:60px!important}
#subnav a:link, #subnav a:visited, #subnav a:active {text-decoration: none; }
#subnav a:visited {color: #fff;}
#subnav a:hover {color:#959595; text-decoration: none; }
#subnav .active {color:#B6C71C!important; cursor:default}

/* SECONDARY */
#header img {float:left}
#content {float:left; width:1016px; background:#DADADB url(../assets/contentbg.jpg) repeat-x; font:14px/24px Arial, sans-serif; color:#4D4D4D }

#quote {width:205px; height:455px; background:url(../assets/quote_box.jpg) no-repeat; font:14px/19px Arial, Helvetica, sans-serif; color:#fff; float:left; padding-top:5px}
#quote table td {padding-left:10px; padding-right:10px}
#contenttitle {position:absolute; left:237px; top:311px; width:569px; height:30px}
#contenttext1 {position:relative; left:37px; top:100px; width:294px; float:left; padding-bottom:120px}
#contenttext2 {position:relative; left:100px; top:100px; width:294px; float:left; padding-bottom:120px}
#contenttextwide {position:relative; left:37px; top:100px; width:700px; float:left; padding-bottom:120px}
#contenttextwidetop {position:relative; left:37px; top:100px; width:700px; float:left;}
#contenttext1 img, #contenttext2 img, #contenttextwide img {float:left; display:inline-block; padding-right:12px; padding-bottom:7px}
#contenttextwide.teachers {width:620px}
#contenttextwide.teachers ul {padding-left:144px}
#contenttextwide.teachers img {padding-right:25px; padding-bottom:5px;}
.nopad {padding-bottom:0px!important}
#footer {position:relative; bottom:1px; width:1016px; height:26px; background-color:#3c3c3c; margin-top:3px; float:left; text-align:center; font:11px/26px Arial, Helvetica, sans-serif; color:#fff; font-weight:bold; }
#footer a {color:#fff; }
#footer a:link, #footer a:visited, #footer a:active {text-decoration: none; }
#footer a:visited {color: #fff;}
#footer a:hover {color:#959595; text-decoration: none; }
#twist { width:1016px; margin: 0 auto; position: relative; padding:10px; text-align:center; color:#666666; font:11px Arial, Helvetica, sans-serif }
#twist a {color: #666666; }
#twist  a:link, a:visited, a:active {text-decoration: none; }
#twist a:hover {color:#ffffff; text-decoration: none; }

#content a
{
	color: #98b900;
}
#content a:hover
{
	color: #4D4D4D;
}

#quote table td span.quoteAttribution
{
	font-size: 12px;
	font-style: italic;
	line-height: 14px;
	padding-top: 14px;
	display: block;
}
.blue
{
	color: #05316e;
}
