@charset "utf-8";
/* CSS Document */
* html .s{font-size:0;}

/* HTML */
a{ color:#666666;text-decoration:underline; }
a:hover{ color:#333333; text-decoration:underline; }
a:visited{ color:#666666;text-decoration:underline; }
body{
	/*background-image:url(../images/backgroundgrad.png);
	background-repeat:repeat-x;*/
	background-color: #3399cb;
	color:#CCCCCC;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	margin:0;
	padding:0;
	text-align:center;
}

body,p,td,th,ol,ul,dl,dt,dd{font:normal normal normal 12px/1.44 Helvetica;}
dl{margin:0px 22px;padding:0px;}
dl dd{margin:0 0 2em 0;padding:0px;}
dl dt{font-size:13px;font-weight:bold;}
form{margin:0px;padding:0px; color: #666666;}
form fieldset{border:1px solid #C92F2F;color: #666666; }
form legend{font-size:13px;margin-bottom:12px;padding:0 8px; color: #666666;}

/* HEADINGS */
h1{margin:0;padding:0; color: #2d87b6; font-size: 120%; }
h2{ margin:0; padding:0; color: #2d87b6;  font-size: 120%;  }

h3{margin:0;padding:0; color: #2d87b6; font-size: 120%; }
h4{margin:0;padding:0; color: #2d87b6; font-size: 120%; }
h5{margin:0;padding:0; color: #2d87b6; font-size: 120%; }
h6{margin:0;padding:0; color: #2d87b6; font-size: 120%; }

img{border:none 0px;}
li{margin:0;color:#2d87b6;padding:0;}
p{margin:0 0 1em 0;font:normal normal normal 12px/1.44 Helvetica;color: #666666;}
pre{color:#0000CC;font-size:11px;}
table,td,th{border:none 0;padding:0;}
td{text-align:left;vertical-align:top;}
th{text-align:left;vertical-align:middle; font-weight: bold; background-color: #EFEFEF;}
ul{margin:1em 22px 1em 44px;padding:0;}

/* central wrapper */
.wrap{
	margin:0px auto;
	min-height:100%;
	padding:0px;
	text-align:left;
	width:880px;
	background-image:url(../images/wrap-bg.jpg);
	background-repeat:repeat-y;
	background-position:  0 50; 
}

/* columns */
.content{
	width: 860px;
	background-image:url(../images/content-center-strip.jpg);
	background-repeat:repeat-y;
	background-color:#FFFFFF;
	margin: 0 0 0 10px;
}
.content-sec{
	width: 860px;
	background-image:url(../images/content-center-strip-sec.jpg);
	background-repeat:repeat-y;
	background-color:#FFFFFF;
	margin: 0 0 0 10px;
}
.leftcol{float:left;width:155px; height:565px; background-image:url(../images/leftcolgradient.jpg);background-repeat:repeat-x; }

.centercol {float:left;width:305px;}
.centercol-home {float:left;width:355px;}
.centercol-sec {float:left;width:305px; padding: 20px 20px 10px 30px; }
.centercol-sec-full {float:right;width:640px; padding: 20px 20px 10px 30px; }

.rightcol{ float:right; width:370px; _width: 368px; padding:20px 20px 10px 10px; background-image:url(../images/rightcolgradient.jpg);background-repeat:repeat-x;}

.rightcol-home { float:right; width:320px; _width: 320px; padding:0 20px 10px 10px; background-image:url(../images/rightcolgradient.jpg);background-repeat:repeat-x;}
.rightcol-sec { float:right; width:305px; _width: 315px; padding:25px 30px 10px 10px; }

.footer {	
	width: 880px; margin:0px auto; 
	}
.footer-viral {	
	width: 880px; margin:0px auto; background-image: url(../images/footer-viral.jpg); height: 26px; padding-top: 10px; 
	}
.divider { width: 100%; margin: 20px 0 20px 0; border-top: dotted 1px #666666; 
	}

/* float clearer */
.s{clear:both;height:0;line-height:0;}

/* other misc */
.ftr{height:34px;margin:4px 0 15px 0;padding:10px 15px;}
.invis{display:none;height:0;line-height:0;}
.ldr{font:normal normal bold 13px/1.5em Verdana,Arial,Helvetica,sans-serif;}
div.error p a, p.error p a{color:#233F8A;}
div.error p, p.error{color:#C92F2F;font-weight:bold;}
img.img-r{float:right; margin: 10px; margin-right: 0px;}
img.img-l{float:left;height:110px;left:22px;margin:0px 22px 0;}
td.nowrap{white-space:nowrap;}

#sponsors { width: 850px; text-align: left; }

.content-area{
}

.content-area h3, .content-area p, .content-area table{
    margin-top: 15px;
}

.here{
    font-weight: bold;
    text-decoration: none;
    color: #333333;
}


/*main navigation*/
ul.nav, ul.nav li{ margin:0; padding:0; list-style-type: none; }

UL.nav { width: 155px; margin:10px 0 0 0; padding:0; }

UL.nav LI { float:left; background-position:right center; background-repeat:no-repeat; padding:0; margin:0; list-style-type:none; }

UL.nav LI SPAN A { background-repeat:no-repeat; height:31px; display:block; background-position:left top; }

UL.nav LI SPAN A:hover { background-position:right top; }
UL.nav LI SPAN A.selected { background-position:left bottom !important; }

UL.nav LI SPAN A SPAN { display:none; }

UL.nav LI SPAN A#home       { width:155px;  background-image:url("../images/homebut.gif"); }
UL.nav LI SPAN A#factsheet  { width:155px; background-image:url("../images/factbut.gif"); }
UL.nav LI SPAN A#reading    { width:155px; background-image:url("../images/readingbut.gif"); }
UL.nav LI SPAN A#volunteer  { width:155px; background-image:url("../images/volunteerbut.gif"); }
UL.nav LI SPAN A#corp       { width:155px; background-image:url("../images/corpbut.gif"); }
UL.nav LI SPAN A#success    { width:155px; background-image:url("../images/success.gif"); }
UL.nav LI SPAN A#news       { width:155px; background-image:url("../images/news.gif"); }
UL.nav LI SPAN A#contact    { width:155px; background-image:url("../images/contactbut.gif"); }
UL.nav LI SPAN A#jobs       { width:155px; background-image:url("../images/jobsbut.gif"); }

/* top right debug panel*/
div.debug{
    padding: 2px;
    background-color: #D6FFD0;
    border: 1px dashed green;
    position: absolute;
    bottom: 5px;
    right: 5px;
    color: #000000;
}

td, th{
    padding: 4px;color:#666666;
}

fieldset p.error{
    margin: 0;
    margin-top: 4px;
    margin-bottom: 4px;
    font-weight: normal;  
}

/*forms*/
fieldset.login{
    width: 400px;
}

input,label{
    margin-bottom: 5px;
}

input, textarea{
    float: left; border: none; background-color: #CCCCCC; padding: 3px; 
}

label{
    float: left;
}


fieldset.edit{
    width: 600px;
}

fieldset.edit input{
    width: 390px;
}

input.submit, fieldset.edit input.submit{
    margin: 0;
    width: auto;
}

fieldset.edit input.submit{
    margin-top: 10px;
}

/* reading matters */



body#home .content{
	background-image:url(../images/content-center-strip-home.jpg);
}

body#home .content .centercol{
	width:350px;
}

body#home .content .rightcol{
	width:320px;
}

hr {
	border: none;
    background: url('../images/break.gif') center center no-repeat;
    height: 2px;
}
.thumbs-left { 	
	border:#FFC197 solid 1px; padding: 2px; margin: 0 10px 5px 0; 
	}
.thumbs-right { 	
	border:#FFC197 solid 1px; padding: 2px; margin: 0 0 5px 10px; 
	}