/* ------------------------------------------------------ basic HTML elements ------------------------------------------------------ */

html {
margin: 0;
padding: 0;
}
	
body { 
font-family: Arial, Helvetica, sans-serif; 
color: #010101; 
background: #dddddd;
margin: 0; 
padding: 0;
font-size:12px;
}

a:link, a:visited {
color:#06f;
}

a:hover {
text-decoration:none;
}

div{
padding:5px 0;
margin:0;
}

form{
padding:0;
margin:0;
}

dd {
margin: 0; 
padding: 0 0 10px 17px;
}

dt {
font-weight: bold; 
padding: 0 0 0 17px; 
}

form {
margin: 0;
}

h1{
color: #00a285;
font-size: 120%;
text-transform:uppercase;
padding-bottom:8px;
}

h2{
font-size:115%;
color: #3b4da0;
}

h3{
font-size: 110%;
color: #545454;
}

h4{
color: #5e5e5e;
font-size: 105%;
margin-bottom:8px;
}

h5{
font-size: 95%;
margin: 0 0 4px 0;
}

img {
border: 0;
padding: 0;
}

p{
padding:0;
margin:0px 0 10px 0;
}

table {
margin: 8px 0;
}

th {
text-align: left;
}

td{
vertical-align:top;
}

ul{
list-style-type:none;
margin:5px 0 5px 3px;
padding:0;
}

ol{
/*margin:5px 0 5px 12px;*/
margin:5px 0 5px 5px;
}

ul li{
background:url(../images/bluebullet.gif) 0 5px no-repeat;
padding:0 0 0 12px;
margin: 10px 0;
}

hr{
color: #ccc;
background-color: #ccc;
border: none;
height:1px;
margin:10px 0;
}

/* used to clear space after floated elements */
.clear{
clear:both;
padding:0;
margin:0;
}

/* used to distinguish printable objects from those non-printable */
.invisible{
display:none;
}

/* used to zero out elements using a class */
.zeroed{
padding:0;
margin:0;
}

input, select, textarea{
border:0;
}

/* ------------------------------------------------------ Layout specific styles ------------------------------------------------------ */

/* main page container */
#page_container { 
margin-left:auto;
margin-right:auto;
width:779px;
border-left:2px solid #fff;
border-right:2px solid #fff;
padding:0;
background:#fff;
}

/* styles for page header */
.header{
background: #fff url(../images/header_bg.gif) left top repeat-x;
padding-top:20px;
}

#logo {
width: 100%;
overflow: hidden;
padding: 0;
margin:0;
}

/* place for logo */
#logo h1 {
width: 30%;
display: inline;
background:none;
float: left;
padding: 20px 0 0  14px;
margin: 0;
}

/* link for logo  - usually links to index page */
#logo h1 a {
display: block;
height: 55px;
padding:0;
}

#logo h2{
padding:46px 0 0 0;
float:left;
margin:0 0 0 26px;
color:#9e9e9e;
text-transform:capitalize;
font-size:13px;
}

/* utility bar */
ul.utilbar{
list-style-type:none;
color: #999;
display:inline;
position:absolute;
/*margin:12px 0 0 115px;*/
margin:12px 0 0 60px;
font-size:10px;
}

ul.utilbar li{
display:inline;
background:none;
padding: 0;
}

ul.utilbar li a{
color: #080134;
text-decoration: none;
padding:0 4px;
margin:0;
}

ul.utilbar li a:hover{
text-decoration:underline;
}

/* styles for top navigation */
#nav {
padding:0;
margin:0;
margin-top:37px;
font-size:13px;
list-style-type: none;
height:29px;
}

#nav li{
display: inline;
background:none;
padding:0;
}

#nav a {
float: left; 
font-weight: bold; 
width:137px;
text-align:center;
padding:6px 0 0 0;
height:23px;
display:block;
margin:0;
text-decoration: none;
background:url(../images/nav_off.gif) 0 0 no-repeat;
}

a#linkclasses, a#linktake, a#linkteach{
margin:0 3px 0 0 ;
}

#nav a:link, #nav a:visited {
color: #fff; 
}

#nav a:hover, #nav a:focus, #nav a.menuover, #nav li.active a {
color: #fdea7c; 
background:url(../images/nav_on.gif) 0 0 no-repeat;
}

/* begin drop down styling */
table.subnav { 
background-color: #00a285;
width:138px;
margin:0;
border-left:1px solid #018f76;
border-right:1px solid #018f76;
border-bottom:1px solid #018f76;
}

table.subnav td {
white-space: nowrap;
border-top: 1px solid #018f76;
}

#page_container table.subnav td a {
display: block;
padding: 3px 5px; 
color: #fff; 
text-decoration: none; 
font-size: 11px;
}

#page_container table.subnav td a:hover {
background-color: #02bf9d; 
color: #fdea7c; 
width: auto;
text-decoration: none; 
}

/* styles for drop downs */
#navclasses, #navtake, #navteach, #navresources{
position:absolute;
z-index:1000;
visibility:hidden;
text-align:left;
padding:0;
margin-top:1px;
}

#navclasses{
margin-left: 0px;
}

#navtake{
margin-left: 140px;
}

#navteach{
margin-left: 280px;
}

#navresources{
margin-left: 419px;
}
/* end drop down styling */

.textyellow{
color:#fdea7c;
}

.textgreen{
color:#00a285;
}

.textblue{
color: #3b4da0;
}

/* unique stles for homepage */
#content_home{
background:url(../images/bluebg.gif) right top repeat-y;
padding:0;
margin:0;
width:779px;
}

#leftcolumn{
float:left;
width:557px;
}

#rightcolumn{
/*padding:5px 10px 0px 10px;*/
padding:0px 10px 0px 10px;
margin:0 0 0 4px;
float:left;
width:198px;
background: url(../images/rightcolumn_top.gif) 0 0 no-repeat;
}

.photo{
clear:both;
padding:0;
margin:0;
border-top:1px solid #fff;
}

.welcome{
float:left;
width:355px;
padding:0px 10px 0px 15px;
border-right:1px dotted #7c7c7c;
margin-top:15px;
margin-bottom:15px;
}

#copy{
	font-size:11px;
	line-height:17px;
}

#copy h1{
margin:0px 0 10px 0;
padding:0;
}

.featuredbox{
float:left;
width:150px;
padding:0 0 0 20px;
margin: 20px 0px;
font-size:11px;
}

.featuredbox h2{
font-size:13px;
margin:0;
padding:0;
}

.featuredbox a{
text-decoration: none;
color: #010101;
}

.featuredbox a:hover{
color:#06f;
text-decoration: underline;
}

.searchbox{
height:56px;
}

.searchbox p{
padding:1px 0 2px 0;
margin:0;
font-size:11px;
}

/* search field */
#search {
display:inline;
margin: 0 12px 0 0;
padding: 0 0 0 0 ;
}

#search label {
display: inline;
margin: 0;
padding: 0 5px 0 0px;
}

#search input.search {
width: 145px;
border: 1px solid #aeaeae;
font-size:9px;
vertical-align:text-top;
margin:0 0 3px 0 !important;
margin:0;
background:#fff !important;
background:#fff;
height:12px;
padding-left:3px;
}

input.submit {
border: 0px;
background: url(../images/submit_btn.gif) no-repeat 0 100%;
width:33px;
font-size:9px;
height:16px;
margin:0;
padding:0;
}

.actioncalls p{
margin:5px 0 0 0px;
}

.actioncalls{
background:url(../images/righthandboxes4.gif) 0 0 no-repeat;
padding:5px 10px 30px 8px;
margin:20px 0 0 0;
font-size:10px;
width:180px;
line-height:12px;
}

.actioncalls h3{
font-size:11px;
margin-top:5px;
}

.actionfour h3{
font-size:11px;
margin-top:10px;
}

.actioncalls img{
float:left;
margin-right:10px;
}

.more{
background:url(../images/arrow_green.gif) 0 2px no-repeat;
padding:0 0 0px 13px;
margin:2px 5px 2px 0;
float:right;
}

.more a{
color:#010101;
}

.actioncalls h3, .actioncalls p{
position:relative;
}

.actionone img, .actiontwo img, .actionthree img, .actionfour img{
padding-top:5px;
}

.actiontwo, .actionthree, .actionfour{
margin-top:10px;
}

.actionfour img{
margin-top:5px;
}


/* unique stles for internal pages */
#content_int{
background:url(../images/leftcolumn_bg.gif) left top repeat-y;
padding:0;
margin:2px 0 0 0;
width:779px;
}

.leftgradient{
background:url(../images/bottomleft_gradient.gif) left bottom no-repeat;
padding:0;
margin:0;
width:779px;
}

#leftnav{
padding:12px 0 0 0;
margin:0;
float:left;
width:185px;
background:url(../images/leftnav_header.gif) 0 0 no-repeat;
}

#leftnav h2{
color: #fff;
padding:0 0 8px 21px;
font-size:12px;
margin:0 0 0px 0;
}

#leftnav ul{
padding:0;
margin:0;
}

#leftnav li{
background:none;
padding:0;
margin:0;
display:inline;
}

#leftnav a{
display:block;
color: #fff;
text-decoration:none;
font-size:11px;
background:#00a285 url(../images/leftnav_off.gif) left bottom no-repeat;
padding:6px 5px 7px 10px;
}

#leftnav a:hover, #leftnav a.leftnav_active{
color: #fdea7c;
background:#02bf9d url(../images/leftnav_over.gif) left bottom no-repeat;
}



#leftnav span{
background:url(../images/white_arrow.gif) 0 2px no-repeat;
display:block;
padding:0 0 0 12px;
margin:0;
text-indent:0px;
}

#leftnav span:hover, #leftnav a.leftnav_active span{
background:url(../images/yellow_arrow.gif) 0 2px no-repeat;
color: #fdea7c;
}

.internal_rightcol{
float:left;
width:557px;
margin:10px 0 0 20px;
}

.internal_centercol{
float:left;
width:757px;
margin:10px 0 0 10px;
}


/* footer navigation */
.footer{
clear:both;
list-style-type:none;
background: #a4a4a6;
color: #fff;
text-align:center;
height:20px;
padding-top:5px;
border-top:2px solid #fff;
}

.footer li{
display:inline;
background:none;
font-size:11px;
padding:0px 0;
}

.footer a{
text-decoration: none;
color: #eaeaea;
padding: 0 8px;
font-weight:bold;
}

.footer a:hover{
color: #fff;
}


/* styles for copyright and other info located at the bottom of the page */
.copyright {
clear:both;
margin-left:auto;
margin-right: auto;
width:780px;
text-align: center;
font-size:10px;
color: #707070;
padding-bottom:5px;
margin-top:5px;
line-height:14px;
}

.copyright a:link{
color: #707070;
}
.privacy {

float:left;
width:530px;
padding:0px 10px 0px 15px;
border-right:0px none;
margin-top:15px;
margin-bottom:15px;
}