
/* CSS Document */
/* get rid of default margins/paddings */
* { padding:0; margin:0; }

img {border-color:#fff !important; }

html { height:100% }
/* 1em = 10px */
body {
height:100%;
background-image:url(../images/main_bg.gif);
background-position:top left ;
background-repeat:repeat-x;
background-color:#281208;
color:#FFFFFF;
    font-size: 12px;
	font-family:Arial,Helvetica,  Verdana, sans-serif;
	line-height: 16px;
}

#outer {
margin:0;
min-height:100%;
position:relative;
}

#mainhead{
width:760px; /*Width of main container*/
margin:0 auto; /*Center container on page*/
}

b { display: none; }

#maincontainer{
width:760px;
min-height:100%;
position:relative;
margin:0 auto 10px;
}

* html #maincontainer { height: 100%; }

/* =HEAD
************************/
#header{
color:#FFFFFF;
height: 118px; /*Height of top section*/
/*background:url(../images/header_pic.gif) #b7b7ff left top no-repeat;*/
background:url(../images/25yearheader.png) #b7b7ff left top no-repeat;
}
#header h1{ display:none}
#globalcontainer {
padding-top:100px;
height: auto;
margin-left:490px;
position:relative;
width: auto;
}

#globalcontainer ul {
border: 0;
list-style-type: none;
text-align: center;
margin:0;padding:0;
}

#globalcontainer ul li {
display: block;
float: left;
text-align: center;
}

#globalcontainer ul li a {
color:#281208;
width:auto;
padding-left:5px;
padding-right:5px;
height: auto;
border-left: 1px solid #281208;
border-right: none;
text-decoration: none;
display: block;
text-align: center;
font-size:10px;
font-family:Helvetica, Geneva, Arial,  sans-serif
}

#globalcontainer ul li.first a {
text-align:center;
border-left: none;
}

/* =NAVIGATION
************************/
#navcol{
background:#281208;
height: auto;
width:170px;
float:left;
color:#bb7144;
margin-left:10px;
margin-top:35px;
padding:0;
font-size:12px;
}

#navigation{
background:#fff9cd;
height:auto;
width:166px;
color:#bb7144;
border: solid 2px #FFFFFF;
}

#navigation ul{
list-style-type:none;
/*text-align: left;*/
}
#navigation li.active{ margin:5px 0px 2px;}
#navigation  li.active a{
background:url(../images/arrow_dwn.gif) no-repeat top left #fff9cd;
padding-left:15px;
/*text-align:left;*/
text-decoration:none;
color:#ee773c;
font-size:12px;
margin-left:5px;}
#navigation  li.active a:hover{
color:#682300;
}
#navigation li.dormant{ margin:5px 0px 2px;}
#navigation  li.dormant a{
background:url(../images/arrow.gif) no-repeat top left #fff9cd;
padding-left:15px;
/*text-align:left;*/
text-decoration:none;
color:#ee773c;
font-size:12px;
margin-left:5px;}

#navigation  li.dormant a:hover{
color:#682300;
}

#subnav{
margin-top:0px;
width:145px;
color:#99825a;
margin-left:20px;
font-size:12px;
}
#subnav li.subactive{ margin:5px 3px 2px 0px;}

#subnav li.subactive a{
/*text-align:left;*/
background-color: #fff9cd;
background-image:none;
text-decoration:none;
color:#99825a;}
#subnav li.subactive a:hover{
color:#fcd000;
}



#subnav li.subdormant{ margin:5px 3px 2px 0px;}
#subnav li.subdormant a{
/*text-align:left;*/
text-decoration:none;
color:#99825a;}
#subnav li.subdormant a:hover{
color:#f1c600;
}


#thirdLevelNav {
margin:5px 0 0;
padding:0;
width:145px;
color:#006f7a;
font-size:12px;
border-bottom:#cfc7a5 solid 1px;
}


#thirdLevelNav li {
background:none;
padding:0;
}

#thirdLevelNav li.thirdactive{ margin:0px 0px 5px 0px;padding:0;}

#thirdLevelNav li.thirdactive a{
text-decoration:none;
background:none;
color:#006f7a;
padding:0;}
#thirdLevelNav li.thirdactive a:hover{
color:#a4b6b8;
padding:0;
}

#thirdLevelNav li.thirddormant{ margin:0px 0px 5px 0px;padding:0;}
#thirdLevelNav li.thirddormant a{
text-decoration:none;
background:none;
color:#006f7a;
padding:0;}
#subnav li.thirddormant a:hover{
color:#a4b6b8;
padding:0;
}







#donatenow{
height:57px; border: solid #FFFFFF 0px;
margin-top:15px;
width:auto;
margin-left:auto;
margin-right:auto;
}
#logo{
margin-top:15px;
margin-left:auto;
margin-right:auto;
width:82px;
}

#title1{width:auto; height:18px; background:#4a3e1f url(../images/program_ov.gif) no-repeat top left; border-bottom:#ffd200 solid 2px; color:#ffffff}
#title2{width:auto; height:18px; background:#4a3e1f url(../images/get_connected.gif) no-repeat top left; border-bottom:#ffd200 solid 2px;border-top:#ffffff solid 2px;color:#ffffff}
/* =CONTENT
************************/
#photoframe{ width:411px; height:202px; margin:0 auto;position:relative; background:url(../images/main_pic_bg.jpg) no-repeat top left;
}

#photoframeHome{ width:411px; height:202px; margin-left:30px;margin:0 auto;padding:0; background:url(../images/main_pic_bg.jpg) no-repeat top left;
}

#photoframe-vert{
width:270px; height:340px; margin:6px 0 6px 6px;position:relative; background:url(../images/vert_pic.jpg) no-repeat top left; float: right;
}

.photo{ margin-left:10px ;margin-right:10px; margin-top:14px;}
.photo-vert { margin-left:17px ; margin-top:19px;}

.photo-sml{ border: 2px solid #FFFFFF; margin: 0px 0px 0px 0px;}

#content{
height:auto;
float:left;
width:481px;
margin:10px 0 0 70px;
padding:0;
font-size:12px;
}

#greetings{
float:left;
margin-top:0px;
margin-left:10px;
width:auto; /* 465px */
color:#FFFFFF;
font-size:12px;
background:#281208;
padding:0;
}

.welcome{color:#ee773c; background:#281208; margin-bottom:6px; margin-top:20px;padding:0;}
.welcome h1{font-size:18px; text-transform: uppercase; font-weight: normal;}
#leftbox{ padding-bottom:10px;width:200px; height:auto;color:#FFFFFF; font-size:12px; background:#281208; float:left;}
.calloutXX{color:#ffd200; font-size:18px; background:#281208; font-weight: normal; }
#vol{padding-top:10px}
#headlines{ float:right;position:relative;width:200px; height:auto;  color:#FFFFFF; font-size:12px; background:#281208; }
.news{padding-top:5px; padding-bottom:20px;}
.date{color:#cc6633; font-size:12px; background:#281208}
/* =FOOTER
************************/
#clearfooter {width:100%;height:44px;clear:both; background:#3b1a0c;  color:#281208} /* to clear footer */

#footer {
background:#3b1a0c url(../images/footer_bg.gif)  bottom repeat-x;
position:relative;
	width:100%;
	height:44px;
	color: #fea459;
	text-align:center;
	float:left;
	margin-top:40px;
	}

.contact{margin-top:16px;
}
/* = OTHER THINGS
*********************/
hr.mainpage{ background:#411d0c;
width:auto;
margin-top:12px;
margin-bottom:12px;
color:#5b2911;
height:2px;
border:0px;}

.orangeBorder { border: #ee773c solid 1px; }
.whiteBorder { border: #fff solid 1px; }
.goldBorder { border: #ffd200 solid 1px; }



