/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/

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, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, /*tr, th, td,*/
caption, tbody, tfoot, thead,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    /*font-size: 100%;
    font: inherit;*/
    vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
    line-height: 1;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
/*table {
    border-collapse: collapse;
    border-spacing: 0;
}*/

b, strong {
    font-weight: bold;
}
hr { border:0; }



/* start personal CSS */
body {
/*    background:url(../imgs/bgr.png) repeat-x scroll 0 0 #A9E5E8;*/
    margin: 0;
}

.normalColor {
//    color: #2B6B6D;
//    color: #2B6B6D;
}

p, ul, ol, div, textarea, input {
    font-family: Arial;
    font-size: 16px;
    font-style: normal;
    color: #2B6B6D;
}

textarea, input {
    font-size: 13px;
}

.invisibleHLINK a:link    { text-decoration: none; color: #2B6B6D; }
.invisibleHLINK a:visited { text-decoration: none; color: #2B6B6D; }
.invisibleHLINK a:active  { text-decoration: none; color: #2B6B6D; }
.invisibleHLINK a:hover   { text-decoration: none; color: #2B6B6D; }

#mainDiv {
    width:1047px;
    margin:auto;
    margin-top:15px;
}

.shadow {
    width:20px;
    height:742px;
    border:0;
}

.uniformBgPage {
    background-color:#CEED85;
}

#footerDiv {
    position:relative;
}

#footerImg {
    position:absolute;
    top:0px;
    left:-64px;
}

.bulletMenu {
    background:url(../imgs/bulletmenu.png);
    background-repeat:no-repeat;
    background-position: 0 .3em;
    padding-left: 1em;
    margin:0;
}

.bulletMenuA {
    background:url(../imgs/bulletmenua.png);
    background-repeat:no-repeat;
    background-position: 0 .3em;
    padding-left: 1em;
    margin:0;
}

.leftMenuPara {
    line-height: 18px;
    /*font-weight: normal;
    font-variant: normal;
    text-transform: none;
    text-decoration: none;
    margin:8px;*/
    margin-left:10px;
}
.leftMenuPara a:link { text-decoration: none; color: #103A88; }
.leftMenuPara a:visited { text-decoration: none; color: #103A88; }
.leftMenuPara a:active { text-decoration: none; color: #950000; }
.leftMenuPara a:hover { text-decoration: underline; color: #950000; }

.activePage {
    font-weight:bold;
    color: #950000;
}

.hrMenu {
    color:#6D7B30;
    background-color:#6D7B30;
    height: 1px;
}

#topTelFax {
    font-size: 20px;
    color: #2B6B6D;
    margin:0;
    font-weight:bold;
}

#topAddress {
    font-size: 14px;
    color: #2B6B6D;
    margin:0;
    margin-top:5px;
}

#artMenuDiv {
    position:relative;
}

#artMenu {
    position:absolute;
    top:27px;
    left:0px;
    z-index:1;
}

#artMenuItem1 {
    position:absolute;
    top:48px;
    left:48px;
    z-index:1;
}
#artMenuItem1 a:link { text-decoration: none; color: #A7E3E6; }
#artMenuItem1 a:visited { text-decoration: none; color: #A7E3E6; }
#artMenuItem1 a:active { text-decoration: none; color: #FFFFFF; }
#artMenuItem1 a:hover { text-decoration: underline; color: #FFFFFF; }

#artMenuItem2 {
    position:absolute;
    top:48px;
    left:278px;
    z-index:1;
    color: #FFFFFF;
}
#artMenuItem2 a:link { text-decoration: none; color: #D0FF93; }
#artMenuItem2 a:visited { text-decoration: none; color: #BEFF6B; }
#artMenuItem2 a:active { text-decoration: none; color: #FFFFFF; }
#artMenuItem2 a:hover { text-decoration: underline; color: #FFFFFF; }

#artMenuItem3 {
    position:absolute;
    top:48px;
    left:530px;
    z-index:1;
}
#artMenuItem3 a:link { text-decoration: none; color: #FFF2C6; }
#artMenuItem3 a:visited { text-decoration: none; color: #FFEA9E; }
#artMenuItem3 a:active { text-decoration: none; color: #FFFFFF; }
#artMenuItem3 a:hover { text-decoration: underline; color: #FFFFFF; }

.bgMainPhotoIdx {
    background-color: #CCCCCC;
}

.bgMainPhotoAbout {
    background-color: #CCCCCC;
}

.bgMainPhotoDocs {
    background-color: #CCCCCC;
}

.bgMainPhotoPedagogy {
    background-color: #CCCCCC;
}

.bgMainPhotoBoard {
    background-color: #CCCCCC;
}

.bgMainPhotoEmployees {
    background-color: #CCCCCC;
}

.bgMainPhotoLinks {
    background-color: #CCCCCC;
}

.bgMainPhotoWeekMenu {
    background-color: #CCCCCC;
}

#slideshow {
    background-color: #CCCCCC;
    position: relative;
    width: 700px;
    height: 290px;
    overflow: hidden;
    z-index: 0;
}

#titleMission {
    font-size: 18px;
    margin:0;
    margin-left:30px;
    margin-top:60px;
    font-weight:bold;
    color:#000000;
}

#txtMission {
    font-size: 13px;
    margin:0;
    margin-left:30px;
    margin-top:15px;
    color:#858585;
}

#titleGroups {
    font-size:30px;
    margin:0;
    margin-top:60px;
    margin-left:10px;
    margin-right:0px;
    color:#656565;
}

#titleGroups a:link { text-decoration: none; color: #656565; }
#titleGroups a:visited { text-decoration: none; color: #656565; }
#titleGroups a:active { text-decoration: none; color: #950000; }
#titleGroups a:hover { text-decoration: underline; color: #950000; }

.listGroups {
    font-size: 16px;
    line-height: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    text-decoration: none;
    margin:0;
    margin-left:15px;
    margin-right:25px;
    margin-top:2px;
    margin-bottom:2px;
}
.listGroups a:link { text-decoration: none; color: #656565; }
.listGroups a:visited { text-decoration: none; color: #656565; }
.listGroups a:active { text-decoration: none; color: #950000; }
.listGroups a:hover { text-decoration: underline; color: #950000; }

.listGroupsMrgFirst {
    margin-top:60px;
    position:relative;
    z-index:1;
}

.listGroupsRel {
    position:relative;
    z-index:1;
}

.hrListGroups {
    color:#656565;
    background-color:#656565;
    height: 1px;
}

#imgBR {
    position:absolute;
    top:-105px;
    left:580px;
}

.headerH1 {
    font-weight:bold;
    font-size: 28px;
    margin:0;
    margin-left:30px;
    margin-top:40px;
    margin-bottom:18px;
}

.headerH2 {
    font-weight:bold;
    font-size: 18px;
    margin:0;
    margin-left:30px;
    margin-top:30px;
    margin-bottom:6px;
}

.headerH2Err {
    color: #950000;
}

.frmReincludeTitle, .frmReincludeTitleN {
    font-weight:bold;
    font-size: 18px;
    margin:0;
    margin-left:30px;
    margin-top:30px;
    color: #950000;
}

.frmReincludeTitle {
    margin-bottom:-20px;
}

.frmReincludeTitleN {
    margin-bottom:4px;
}

.plainText {
    font-size:13px;
    margin:0;
    margin-left:30px;
    margin-right:30px;
    margin-top:0px;
    margin-bottom:10px;
    line-height:17px;
}

.hrPlainText {
    color: #2B6B6D;
    background-color:#2B6B6D;
    height:1px;
    margin:0px;
    margin-left:30px;
    margin-right:30px;
    margin-bottom:10px;
}

.inlineHLink:link    { text-decoration: underline; color: #2B6B6D; }
.inlineHLink:visited { text-decoration: underline; color: #2B6B6D; }
.inlineHLink:active  { text-decoration: underline; color: #950000; }
.inlineHLink:hover   { text-decoration: underline; color: #950000; }

#tblWeekMenu {
    background-color: #BBBBBB; /* this is also the table lines color*/ 
    width: 640px;
    table-layout: fixed;
    /*border: 1px solid #BBBBBB;*/
    margin:0px;
    margin-left:30px;
    margin-bottom:10px;
}

.bgTblWeekMenuHeader {
    background-color: #668E8E; /*#40933B;*/
    border-left: 1px solid #BBBBBB;
    border-top: 1px solid #BBBBBB;
}

.bgWeekMenuRightBorder {
    border-right: 1px solid #BBBBBB;
}

.bgWeekMenuBottomBorder {
    border-bottom: 1px solid #BBBBBB;
}

.tblWeekMenuHeader {
    font-size:13px;
    color:#FFFFFF;
    margin:0;
    margin-top:7px;
    margin-bottom:7px;
    text-align:center;
}

.bgTblWeekMenu {
    background-color: #FFFFFF;
    border-left: 1px solid #BBBBBB;
    border-top: 1px solid #BBBBBB;
}

.tblWeekMenuText {
    font-size:13px;
    margin:0;
    margin-left:7px;
    margin-right:7px;
    margin-top:7px;
    margin-bottom:7px;
}

.bulletSquare {
    background:url(../imgs/bulletsquare.png);
    background-repeat:no-repeat;
    background-position: 0 .4em;
    padding-left: 1.5em;
    margin:0;
}

.listSquare {
    font-size:13px;
    margin:0;
    margin-left:30px;
    margin-right:30px;
    margin-top:0px;
    /*margin-bottom:15px;*/
    margin-bottom:10px;
    line-height:17px;
    text-align:left;
}

.emailPerson {
    font-size:13px;
    color:#909090;
}

.inlineCoordHLink:link    { text-decoration: underline; color: #909090; }
.inlineCoordHLink:visited { text-decoration: underline; color: #909090; }
.inlineCoordHLink:active  { text-decoration: underline; color: #950000; }
.inlineCoordHLink:hover   { text-decoration: underline; color: #950000; }

#googleMapDiv {
    position:relative;
}

#googleMapShadow {
    display:block;
    position:absolute;
    top:7px;
    left:7px;
    z-index:1;
    background-color:#EAEAEA;
    height:290px;
    width:640px;
    margin-left:30px;
}

.subListLiteral {
    list-style-type:lower-alpha;
    list-style-position:inside;
    font-size:13px;
    margin:0;
    margin-left:60px;
    margin-top:-3px;
    margin-bottom:7px;
    text-align:left;
    line-height:17px;
}

.subListRoman {
    list-style-type:lower-roman;
    /*list-style-position:inside;*/
    font-size:13px;
    margin:0;
    margin-left:60px;
    margin-top:-3px;
    margin-bottom:8px;
    text-align:left;
    line-height:17px;
}

.subListSquare {
    list-style-type:square;
    /*list-style-position:inside;*/
    font-size:13px;
    margin:0;
    margin-left:60px;
    margin-top:-3px;
    margin-bottom:8px;
    text-align:left;
    line-height:17px;
}

.listSquare2 {
    font-size:15px;
    margin:0;
    margin-left:60px;
    margin-top:5px;
    line-height:19px;
    text-align:left;
}

#imgDocBR {
    position:absolute;
    top:-10px;
    left:350px;
}

#imgPdgBR {
    position:absolute;
    top:-25px;
    left:350px;
}

.inputLabel {
    font-size: 13px;
    margin:0;
    margin-left:30px;
    margin-right:30px;
}

.inputLabelPrime {
    font-size: 13px;
    margin:0;
    margin-left:30px;
    margin-right:10px;
}

.inputText {
    width:220px;
    padding-left:1px;
}

.inputTextPrime {
    padding-left:1px;
    width:175px;
}

Input:hover { border: 1px solid #0774BE; }
Textarea:hover { border: 1px solid #0774BE }

.inputTextStandBy {
    font-style:italic;
    color:#909090;
     width:220px;
    padding:0px;
    padding-left:1px;
    vertical-align:middle;
}
/*.inputTextStandBy a:hover { background: yellow; }*/

.inputTextStandByPrime {
    font-style:italic;
    color:#909090;
    padding:0px;
    padding-left:1px;
    vertical-align:middle;
     width:175px;
}

.validateInputText {
    font-size:13px;
    padding:0px;
    margin-left:10px;
    color:#FF0000;
}

.submitButton {
    background-color:#0774BE;
    color:#FFFFFF;
    border:none;
    height:30px;
}

.submitButton:hover { background-color:#065C96 }

#newCAPTCHA, #newCAPTCHAs {
    display:block;
    width:30px;
    height:20px;
    background-image:url('../imgs/newcaptcha.png');
    vertical-align:middle;
    position:absolute;
}

#newCAPTCHA {
    left:382px;
    top:0px;
}

#newCAPTCHAs {
    left:240px;
    top:10px;
}

#newCAPTCHA:hover, #newCAPTCHAs:hover {
    background-image:url('../imgs/newcaptchah.png');
}

#helpCAPTCHA, #helpCAPTCHAs {
    display:block;
    width:30px;
    height:20px;
    background-image:url('../imgs/helpcaptcha.png');
    vertical-align:middle;
    position:absolute;
}

#helpCAPTCHA {
    left:424px;
    top:0px;
}

#helpCAPTCHAs {
    left:282px;
    top:10px;
}

#helpCAPTCHA:hover, #helpCAPTCHAs:hover {
    background-image:url('../imgs/helpcaptchah.png');
}



#validaterecaptcha_response_field {
    position:absolute;
    left:320px;
    top:15px;
}

#reCAPTCHAlogo {
    position:absolute;
    top:-72px;
    left:330px;
    z-index:2;
}

#reCAPTCHAslogo {
    position:absolute;
    font-size:9px;
    font-weight:bold;
    color:#DFDFDF;
    position:absolute;
    top:-35px;
    left:380px;
    z-index:1;
    /*width:150px;*/
}

.italic {
    font-style:italic;
}

.tdWaitList {
    width:275px;
    /*vertical-align:middle;*/
}

.inputLabelWL {
    font-size: 13px;
    margin:0;
    padding:0;
    margin-left:30px;
    margin-right:10px;
    line-height:28px;
}

.inputTextWL {
    width:220px;
    margin:0;
    padding:0;
    margin-top:3px;
    margin-bottom:3px;
    padding-left:1px;
}

.inputRadio {
    font-size:13px;
    margin:0;
    padding:0;
    vertical-align:middle;
    margin-right:4px;
    line-height:22px;
}

.inputCheckbox {
    font-size:13px;
    margin:0;
    padding:0;
    vertical-align:middle;
    margin-right:4px;
    margin-top:7px;
    margin-bottom:7px;
}

.errorText {
    color:#FF0000;
}