@charset "UTF-8";
/* CSS Document */

html {width:100%}
body {background-image:url(../images/bg-body.jpg); background-position:center top; background-repeat: no-repeat; font-family:Arial, Helvetica, sans-serif; font-size:12px; margin:0; background-color:#a0bee4; color: #474a51; line-height: 1.6em; width:100%}
p {padding-bottom: 1.2em}
a {text-decoration:none; font-weight:bold; color:#4386c0}
a:hover {color:#6a69a4}
a[disabled] {text-decoration:none; color:Gray; }
form {margin:0; padding:0; position:relative}
img {z-index:1000}

/* table {font-family:Arial, Helvetica, sans-serif; font-size:12px; margin:auto} */

#container-outer, #head-sub, #foot-sub, #content, #topNav-outer, #topNav-inner {position:relative}

#container-outer {width:1000px; background:url(../images/bg-content.jpg) repeat-y; margin:auto} 
/* #container-outer {width:1000px; background:url(../images/bg-content.jpg) repeat-y;} */


#head-sub {background:url(../images/bg-head-sub.jpg)}
#head-general {background:url(../images/bg-head-general.jpg)}
#head-sub, #head-general {width:1000px; height:270px; padding:5px 0 25px 0; text-align:center}

#content {width:700px; padding:10px 150px 0}

#foot-sub {width:920px; padding:110px 50px 0; height:60px; bottom:-20px; background:url(../images/bg-foot-sub.jpg) no-repeat}
#foot-home {width:975px; padding:60px 0 0 25px; height:200px; bottom:-20px; background:url(../images/footer-bg.jpg) no-repeat}
#foot-home .login {margin-left:20px; width:430px}


.centerNav, .centerNav ul, .centerNav li, .centerNav a {position:relative; float:left; margin:0}
#topNav, #subNav, #sectionTitle, #footerNav {left:50%}
#topNav ul, #subNav ul, #sectionTitle ul, #footerNav ul {list-style:none; padding:0; right:50%}
#topNav li {padding:10px 5px; line-height:20px; background:url(../images/bg-topNav.png)}
#topNav li.capLeft {background:url(../images/bg-topNav-left.png) no-repeat}
#topNav li.capRight {background:url(../images/bg-topNav-right.png) no-repeat;}
#topNav li.caps {width:5px; height:25px}
#topNav a {color:#c8d6f0; display:block; padding-left:10px; border-left:1px solid #087bc2}
#topNav a:hover, #topNav a.active, #footerNav a:hover {color:#fff}

#sectionLinks-sub {position:absolute; left:90px; top:50px; width:820px}
#sectionLinks-sub a {display:block; width:205px; height:150px; float:left}
#sectionLinks img {width:205px; height:150px; border:0}
a#shortTerm-sub:hover, a#shortTerm-sub.active {background:url(../images/link-sub-shortTerm.png)}
a#longTerm-sub:hover, a#longTerm-sub.active {background:url(../images/link-sub-longTerm.png)}
a#groups-sub:hover, a#groups-sub.active {background:url(../images/link-sub-groups.png)}
a#hisHands-sub:hover, a#hisHands-sub.active {background:url(../images/link-sub-hisHands.png)}

#sectionTitle {line-height:38px; font-size:22px; letter-spacing:2px; color:#9fb1cc; top:160px; position:relative; text-transform:uppercase}
#sectionTitle img {margin-right:10px}

#subNav {top:165px}
#subNav li {padding:5px; line-height:20px; background:url(../images/bg-subNav.png)}
#subNav li.capLeft {background:url(../images/subNav-cap-left.png) no-repeat}
#subNav li.capRight {background:url(../images/subNav-cap-right.png)}
#subNav li.caps {width:0; height:20px}
#subNav a {color:#94a6c4; padding-left:10px; border-left:1px solid #fff}
#subNav a:hover {color:#56a2d3}
#subNav a.first, #topNav a.first, #footerNav a.first {padding:0; border:0}

#footerNav {top:25px}
#footerNav li {padding:0 5px}
#footerNav a {color:#e7e8ed; display:block; padding-left:10px; border-left:1px solid #6288c1}
#footerNav li.first a {border-left:none}

.clear {clear:both; margin:0; padding:0}
.stroke {clear:both; height:15px; margin-bottom:10px; border-bottom:1px dotted #c7d5ef}

.login {float: left; padding: 5px; background: url(../images/loginform-bg.jpg) left top no-repeat; width: 440px; height: 39px; position:relative}
/* .login h5 {float:left; margin:5px 10px 0 0; color:#a0b9d0; font-size:12px} */
a.head5, a.loginLink, .login h5 a {margin:5px 5px 0 0;  color:#5990c4; font-size:11px}
.login h5 {float:left; margin:5px 2px 0 0}
#volunteer-username-field, #volunteer-password-field, #coordinator-username-field, #coordinator-password-field {width:73px; height:15px; margin:2px 4px -4px 0; font-size:10px}
.go {width:27px; height:24px; background:url(../images/button-go.jpg) bottom center no-repeat; padding:0; border:0; position:relative; vertical-align:bottom; color:#fff; text-transform:uppercase; font-size:11px; font-weight:bold}
#username-v.overlabel-apply {left:115px}
#password-v.overlabel-apply {left:205px}
#username-c.overlabel-apply {left:130px}
#password-c.overlabel-apply {left:219px}

.overlabel {text-transform: uppercase; color:#999; font-size:10px; top:6px;}
.overlabel-apply {text-transform: uppercase; position:absolute; top:6px; z-index:10; color:#999; font-size:11px}

.defaultbordertable {
	border: thin solid #162E43;
	page-break-inside:avoid;
	page-break-before:auto;
	}
.subtitlerow {
	font-size: 14px;
	font-weight: bold;
	font-style: italic;
	text-decoration: underline;
}
.HighlightTable, .HighlightRow {
	background-color: #E6EAF3;
}
.PageTitle {font-size: 16px; font-weight: bold;}


/* Styles for Database Interface */

.applicant {padding-right:10px; border-right:1px solid #b0bed8}
.applicantSection {padding-left:10px}

#content-application {width:940px; padding:10px 40px}
#content-application a:hover {color:#908fc4}
#content-application table {width:100%}
#content-application input {font-size:11px;}

#foot-application {width:960px; padding:105px 20px 0; height:65px; background:url(../images/bg-foot-sub.jpg) no-repeat; text-align:center}
#foot-application input {margin:2px -1px; background:url(../images/bg-topNav.png); border:0; font-weight:bold; height:40px; color:#fff}
#foot-application input:hover {background:url(../images/bg-topNavRoll.png)}

#profile, .application, #appColumn1, #appColumn2, #contacts {float:left; position:relative; background:#fff; border:1px solid #cdd5e5}
.application, #appColumn1, #appColumn2 {margin-bottom:15px}

#profile {width:180px}
#profile td {border-bottom:1px solid #cdd5e5}

.application {width:720px; margin-left:20px}
.application td {padding:3px 5px; border-bottom:1px solid #cdd5e5; border-right:1px solid #cdd5e5}
.appBox-bottom {border-top:1px solid #cdd5e5; padding:10px}
.appBox-bottom ul {line-height:18px}

.status {background:#a0b0cb; color:#fff; font-size:13px; padding:8px 0}
.status td {padding:6px; border-bottom:0}
.statusMessage {border-right:1px solid #fff; font-size:14px; width:185px; text-align:center}

#details {width:100%; margin-bottom:15px}
#details td, .listtable td {padding:6px}

.checklist, #appColumn2, #contacts {background:#f3f4f9; text-align:left}
.checklist a:hover, #profile a:hover {text-decoration:underline}
.checklist td {border-right:0}
#appColumn2 {width:505px}
#appColumn1 {margin:0 20px 15px 15px; text-align:center; width:160px}
#finished {padding:6px; font-size:10px; line-height:12px}
#finished input {margin:5px 0 2px}
#finished b, #finished strong {color:#000}
#contacts {margin:10px 5px; width:690px}

.cell-title {background:url(../images/bg-subNav.png); font-weight:bold; font-size:14px; color:#8095b5; letter-spacing:1px; padding:3px 5px}
.cell-title input {margin:-2px 1px; background:url(../images/bg-topNav.png) 0 -5px; padding:2px; border:0; color:#fff; float:right}
.cell-title input:hover {background:url(../images/bg-topNavRoll.png) 0 -6px}

.green {color:#13a8b5; font-weight:bold}
.red {color:#e43282; font-weight:bold}
.padded {padding:10px}

.corner {position:absolute; width:8px; height:8px}
.tl {top:-1px; left:-1px}
.tr {top:-1px; right:-1px}
.br {bottom:-1px; right:-1px}
.bl {bottom:-1px; left:-1px}
.wbtl {background:url(../images/corner-whiteBox-TL.png)}
.wbtr {background:url(../images/corner-whiteBox-TR.png)}
.wbbr {background:url(../images/corner-whiteBox-BR.png)}
.wbbl {background:url(../images/corner-whiteBox-BL.png)}
.gbtl {background:url(../images/corner-grayBox-TL.png)}
.gbtr {background:url(../images/corner-grayBox-TR.png)}
.gbbr {background:url(../images/corner-grayBox-BR.png)}
.gbbl {background:url(../images/corner-grayBox-BL.png)}

.listtable {border:0; background:#fafbfe}
.listtable td {border:1px solid #7894bb}
.listtable-head {background-color:#a0b0cb; color:#fff; font-weight:bold}
.listtable .col1 {width:40%}
.listtable .col2 {width:30%}
.listtable .col3, .listtable .col4, .listtable .col5 {width:10%}


/* type */


p {padding-left: 0em}
p img       { float: left; margin: 0 1.5em 1.5em 0; padding: 0; }
img.right { float: right; margin: 1em 0 1em 1em; }

h1,h2{ font-weight: normal; font-family:Georgia, "Times New Roman", serif;letter-spacing: 2px; word-spacing:0.1em;}
h3,h4,h5,h6 { font-weight: normal; font-family:Georgia, "Times New Roman", serif; }


h1 { color: #4891c9; font-size: 2.5em;  margin-bottom: 0.75em; }
h2 { color: #4891c9; font-size: 2em;  margin-bottom: 1em; }
h3 { color: #4891c9; font-size: 1.75em;  margin:1em 0 0.5em; }
h4 { text-transform: uppercase; color: #bccbec; font-size: 1.3em;  margin-bottom: 1em; }
h5, .head5 { font-weight: bold; font-family: Helvetica, Verdana, Arial, sans-serif; color: #5990c4; text-transform: uppercase; font-size: 1em; }
h6 { font-size: 1.3em;  margin-bottom: 1em; }


li ul, 
li ol       { margin:0 1.5em; }
ul, ol      { margin: 0 1.5em 1.5em 1.5em; }

li.bullet { list-style-position: outside; list-style-image: url(../images/bullet.png); line-height: 2em; color: #474a51;}

.bullets li { list-style-position: outside; list-style-image: url(../images/bullet.png); line-height: 2em; color: #474a51;}

#numbers li { margin-bottom: 1.5em; list-style-position: outside; line-height: 2em; color: #474a51;}

/* contact list */

table.contactTable td {border:1px dotted #c7d5e}
table.contactTable p {line-height:14px; padding-bottom:5px}
td.division {border:1px dotted #c7d5ef; background:#fff; padding:0 5px; text-align:center; vertical-align:middle}
td.divisions h3 {margin:0; padding:0}
td.divisions a {margin:0; padding:0; height:0}
td.contactPic {width:80px; text-align:center; vertical-align:middle; border-right:1px dotted #c7d5ef; border-left:1px dotted #c7d5ef; background:url(../Contacts/Images/bg-contactPic.gif) right}
tc.contactPic img {border:2px solid #c7d5e}
td.contactInfo {width:270px; border-right:1px dotted #c7d5ef}
td.countries {padding-bottom:20px; border:1px dotted #c7d5ef}
tr.divisionBreak {padding-top:20px}


/* misc */

a.forgot {font-size:10px; width:50px; margin-right:5px}

img.staff {float:left; margin:5px 15px 10px 0; border:1px solid #c7d5e}

.contactList a {font-size:13px; display:block; width:330px; border:1px dotted #c7d5ef; margin:5px 5px 0 0; padding:5px; background:#fff; float:left}
.contactList a:hover {border-color:#6db1db; background:#dff4ff}

.topLeft {float:left; margin:-25px 15px 10px}

.faq {margin:15px 0 25px; position:relative; z-index:1; padding-top:20px}
.faq a {font-size:14px; line-height:14px; display:block; margin:-4px 0 0; border-bottom:1px dotted #c7d5ef; padding:0 0 4px; z-index:10}
.faq a:hover, a.topLink:hover {border-color:#6db1db; padding-left:12px; background:url(../images/faqBullet.jpg) left no-repeat}
.faq img {margin-top:-25px}

a.topLink {display:block; margin:20px 0 30px; border-bottom:1px dotted #c7d5ef; font-size:11px}

.box      { margin-bottom: 1.5em; padding: 10px; border-color: #bccbec; border-style: solid; border-width: 1px; background-color: #e5effd; }
.mpm      { height: 140px; width:130px; padding:15px; text-align: center; margin:0 5px 5px; float: left; margin-bottom: 1.5em; border-color: #bccbec; border-style: solid; border-width: 1px; background-color: #e5effd; font-size:11px }
.mpm img      { margin-bottom: 15px; width:80px }



.mpm:hover      { border-color: #16a2fe; border-style: solid; border-width: 1px; }

.add-top      { margin-top: 2em; }
.b      { font-weight: bold; }
td      { padding: 10px; line-height: 1.7em; font-size: 1em; color: #333333; }



#content-application td      { padding-left: 5px; padding-bottom: 0px; padding-right: 0px; padding-top: 0px; line-height: 1.5em; }

.right      { float: right; }

.i      { font-style: italic; }

.ctc      { float: right; width: 300px; }

.left      { float: left; }

.c-details1      { padding-left: 1em; border-left-color: #e4e4e4; border-left-style: solid; border-left-width: 1px; margin-top: -1.5em; float: left; }

.c-details2      { margin-top: -1.5em; float: left; margin-left: 25px; width: 330px; }

.pic2      { margin-left: -80px; margin-top: 90px; }

.pic3      { margin-left: -80px; margin-top: 180px; }

.minus-top      { margin-top: -1.5em; }

.altrow
{
	background-color: #e6e9f2;
}