/* RESET
--------------------- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline}
:focus { outline: 0}
body {line-height: 1; color: white; background: #1C1E1C url('includes/bkg_tile.jpg') repeat-x; font: 12px normal Arial, Helvetica, sans-serif}
ol, ul {list-style: none}
blockquote:before, blockquote:after, q:before, q:after {content: ""}
blockquote, q {quotes: "" ""}

/* GLOBAL
-----------------------------------------------------------------------------*/
p {padding: 0 0 10px; line-height: 1.5}
ol {margin: 0 20px 20px; color: #FFF; list-style:decimal}

a:link, a:visited { color: #FFF }
a:hover, a:focus { color: #82C6C3 }

h1 { padding: 0 0 10px; font: 28px Georgia, 'Times New Roman', Times, serif; color: #82C6C3 }
h2 { padding: 0 0 10px; font: 18px normal Arial, Helvetica, sans serif; color: #FFF }
h3 { padding: 10px 0; font: 16px normal Arial, Helvetica, sans serif; color: #82C6C3 }
h4 { font: 18px normal Arial, Helvetica, sans serif; color: #fff; padding: 10px 0 0}

blockquote { background: transparent url('includes/checkered.gif'); margin: 0 0 30px; padding: 0 20px; font: italic 18px normal Georgia, "Times New Roman", Times, serif; letter-spacing: 1px; color: #FFF}
hr {height: 1px; border: dashed #82C6C3; border-width: 1px 0 0; margin: 20px 0}

.mailto {padding: 0 0 0 20px; background: url('includes/icon_email.gif') no-repeat center left}
#submenu .mailto {padding: 0 20px 0 0; background: url('includes/icon_email.gif') no-repeat center right}

a:link.continue, a:visited.continue {display: block; text-indent: -9999px; height: 20px; width: 90px; background: url('includes/btn_continue.gif') top left no-repeat}
a:hover.continue, a:focus.continue, a:active.continue {display: block; text-indent: -9999px; height: 20px; width: 90px; background: url('includes/btn_continue.gif') bottom left no-repeat}

a:link.appfeeform, a:visited.appfeeform {display: block; text-indent: -9999px; height: 20px; width: 225px; background: url('includes/btn_appfeeform.gif') top left no-repeat}
a:hover.appfeeform, a:focus.appfeeform, a:active.appfeeform {display: block; text-indent: -9999px; height: 20px; width: 225px; background: url('includes/btn_appfeeform.gif') bottom left no-repeat}

/* GLOBAL » HEADER
-----------------------------------------------------------------------------*/
#header { width: 100%; height: 105px }

#menutop { height: 53px; padding: 0 40px }
h1#logo { float: left; width: 140px; height: 53px; background: transparent url('includes/logo.jpg') top left no-repeat; padding: 0 0 0 40px }
h1#logo a:link, h1#logo a:visited { display: block; text-align: left; text-indent: -9999px; height: 53px; position: relative }

ul#infomenu { height: 50px; padding: 3px 0 0; float: right }
ul#infomenu li { float: left; padding: 0 1px 0 }

ul#infomenu li a:link, ul#infomenu li a:visited { padding: 10px; color: #999; letter-spacing: 1px; text-decoration: none; text-transform: uppercase; font: bold 11px/50px Arial, Helvetica, sans-serif }
ul#infomenu li a:hover, ul#infomenu li a:focus { padding: 10px; color: #82C6C3; background: transparent url('includes/checkered.gif') }

#menubottom { margin: auto; width: 841px; }
ul#missionmenu { float: left;  padding: 1px 0; border-right: 1px solid #7B7B7B }
ul#missionmenu li { float: left; width: 119px; height: 50px; border-left: 1px solid #7B7B7B; position: relative }

ul#missionmenu li a:link, ul#missionmenu li a:visited { color: #FFF; text-decoration: none; text-transform: uppercase; font: bold 11px Arial, Helvetica, sans-serif; position: absolute; bottom: 5px; left: 5px }
ul#missionmenu li a:hover, ul#missionmenu li a:focus { color: #82C6C3 }


body#parents #header .parents,
body#partners #header .partners,
body#jobs #header .jobs,
body#contactus #header .contactus,
body#getinvolved #header .getinvolved { padding: 10px; color: #FFF; background: transparent url('includes/checkered.gif') }

body#aboutus #header .aboutus,
body#tenfortywindow #header .tenfortywindow,
body#studentsand20s #header .studentsand20s,
body#campuscollegemin #header .campuscollegemin,
body#deploymentdates #header .deploymentdates,
body#apply #header .apply,
body#give #header .give { color: #82C6C3 }



/* GLOBAL » CONTENT CONTAINER + CONTENT
-----------------------------------------------------------------------------*/
#contentcontainer { width: 100%; float: left; background: transparent url(images/random_bkg/rotator.php) no-repeat center top }
#contentcontainer #content { width: 835px; margin: auto; padding: 150px 0 0; position: relative }
#contentcontainer #content h1 { position: absolute; top: 70px }

.partner {float: left; width: 250px; padding: 0 0 20px 0}

/* CONTENT CONTAINER » CONTENT » PHOTO
-----------------------------------------------------------------------------*/
#contentcontainer #content #intro { float: left; width: 265px; padding: 0 20px 0 0 }
#contentcontainer #content #intro p { line-height: 16px }
#contentcontainer #content #intro h1 { left: 0; padding: 0 0 10px; font: 28px/30px Georgia, 'Times New Roman', Times, serif; color: #82C6C3 }

#gallery { float: left; position: relative }
#gallery .slides { border: 5px solid #282925; padding: 0; margin: 0; height: 270px; width: 540px;}

#gallery #nextbtn { position: absolute; top: 120px; right: 5px; z-index: 100 }
#gallery a:link.next, #gallery a:visited.next { float: right; background: transparent url('includes/btn_NEXT.gif') 0 0 no-repeat; height: 40px; width: 40px; }
#gallery a:hover.next, #gallery a:focus.next { height: 40px; width: 40px; background-position: 0 -40px }

#gallery #prevbtn { position: absolute; top: 120px; left: 5px; z-index: 100 }
#gallery a:link.prev, #gallery a:visited.prev { float: left; background: transparent url('includes/btn_PREV.gif') 0 0 no-repeat; height: 40px; width: 40px; }
#gallery a:hover.prev, #gallery a:focus.prev { height: 40px; width: 40px; background-position: 0 -40px }

#gallery ul li {padding: 0; margin: 0}

#gallery img {padding: 0; margin: 0}


/* CONTENT CONTAINER » CONTENT » INFO
-----------------------------------------------------------------------------*/
#info { float: left; width: 500px; margin: 0 20px 0 0 }
#info h3 { padding: 10px 0 }

#info h3.checkeredbkg { margin: 5px 0 0; padding: 10px 0 10px 10px; background: transparent url('includes/checkered.gif') }

#info h3 a:link, #info h3 a:visited, #info h3 a:hover, #info h3 a:focus { display: block; padding: 0 0 0 20px; text-decoration: none; background: transparent url('includes/bullet_arrow.gif') no-repeat left }

.slidetoggle { margin: 0 0 10px; padding: 20px; background: transparent url('includes/checkered.gif') }
#info .slidetoggle ul { list-style-type: none; padding: 0 0 20px }
#info .slidetoggle ul li { padding: 0 10px 0 20px; font: 12px/18px normal Arial, Helvetica, sans-serif; color: #FFF; background: transparent url('includes/bullet_tick.gif') no-repeat top left }
#info .slidetoggle ul.videos li { padding: 0; background: none }
#info .slidetoggle a:hover, #info .slidetoggle a:focus { color: #82C6C3 }
#info .slidetoggle img {float: right; padding: 0 10px 10px 0}
#info a:link.bigbutton, #info a:visited.bigbutton { padding: 10px; font: 16px normal uppercase Arial, Helvetica, sans serif; color: #1C1E1C; background: #82C6C3 }
#info a:focus.bigbutton, #info a:hover.bigbutton { padding: 10px; font: 16px normal uppercase Arial, Helvetica, sans serif; color: #FFF; background: #82C6C3 }


.applynow { background: transparent url('includes/applynow.gif') top left no-repeat;}
.applynow a:link, .applynow a:visited { display: block; text-indent: -9999px; width: 266px; height: 69px; }


/* CONTENT CONTAINER » CONTENT » SUBMENU
-----------------------------------------------------------------------------*/
#submenu { float: left; width: 265px; padding: 0 10px 20px }
#submenu ul { list-style-type: none }
#submenu li { padding: 5px }
#submenu li a:link, #submenu li a:visited { color: #82C6C3; letter-spacing: 1px; text-decoration: none; text-transform: uppercase; font: bold 10px/20px Arial, Helvetica, sans-serif }
#submenu li a:hover, #submenu li a:focus { color: #FFF }

#submenu li li { padding: 5px}
#submenu li li a:link, #submenu li li a:visited { color: #FFF; padding: 0 0 0 15px; background: transparent url('includes/arrow_mini_right.gif') top left no-repeat; letter-spacing: 1px; text-decoration: none; text-transform: uppercase; font: bold 10px/12px Arial, Helvetica, sans-serif }
#submenu li li a:hover, #submenu li li a:focus { color: #82C6C3 }

/* GLOBAL » FOOTER
-----------------------------------------------------------------------------*/
#footer { clear: left; width: 835px; margin: 30px auto; padding: 30px 0 }
#footer p { font: normal 10px/100px Arial, Helvetica, sans-serif; color: #777 }
#footer a:link, #footer a:visited { font-size: 10px; color: #777 }
#footer a:hover, #footer a:focus { color: #82C6C3 }

/* FIELDSET
-----------------------------------------------------------------------------*/
fieldset {margin: 0 0 50px; padding: 0; overflow: auto}

fieldset .legend {padding: 0 0 10px 0; font: 12px normal Arial, Helvetica, sans serif; color: #82C6C3}
label {float: left; display: block; width: 150px; clear: left; font-size: 12px; vertical-align: top}


#info .slidetoggle fieldset ul li {background: none; padding: 0 0 5px 0}
fieldset ul {border-top: 1px solid #1C1E1C}
fieldset li {list-style: none; padding: 3px 0; margin: 0; line-height: 20px; border: none; font-size: 12px; color: #FFF; border-bottom: 1px solid #1C1E1C}
fieldset li input, fieldset li select {padding: 3px}
fieldset li.submit {padding: 10px 0 0 125px}
.formecho {color: #82C6C3; font-size: 16px}
.formechoerror {color: red; font-size: 16px}

em {color: #82C6C3; vertical-align: top}
.error {color: red; vertical-align: top}
.dbinfo {font: 12px normal Arial, Helvetica, sans serif; color: green}