body
{
}

#container
{
	width:100%;

}

#wrapper
{
	position: relative;
	width:750px;
	margin:0 auto;
}
#wrapper
{

}

#relbox
{
position:relative;
}
#header
{
position:relative;
}
#header .logo
{
position:absolute;
top:34px;
left:0px;
}

#header h1 span,#header cite
{
display:none;
}

#header h1 
{
position:relative;
width: 580px;
height: 84px;
margin:0;
padding:0px;

}

#header h1  a
{
display:block;
position:relative;
width: 580px;
height: 84px;
}

#header h2
{
display:block;
position:relative;
width: 580px;
height: 51px;
background: url("images/greenbar_belowheader.jpg") no-repeat;
margin-top:1px;
margin:0px;
padding:0px;
}

#header h2 span
{
display:block;
padding-left:20px;
padding-top:10px;
font-style:italic;
color:#fff;
}

#bodyText
{
position:relative;
margin-top:50px;
margin-left:20px;
width:540px;
font-size: 11px;
font-family: arial;
color:#000;
line-height:18px;
margin-bottom:20px;
}

body#programs #bodyText
{
width:700px;
}

#positionleft
{
float:left;
}

#subsection
{
clear:both;
}

#navigationsection
{
position:relative;
padding-top:85px;
right:0px;
margin-left:585px;
}

#navigationsection ul.mainnav
{
position:relative;
text-indent:none;
margin:0px;
padding:0px;
list-style:none;
margin-bottom:13px;
}

#navigationsection ul.mainnav li
{
display:block;
width: 140px;
height: 31px;
background-image: url("images/navbutton.jpg");
background-repeat: no-repeat;
color:#fff;
padding-top:5px;
padding-left:5px;
margin-bottom:2px;
}

#navigationsection ul.mainnav li.pro
{
background-image: url("images/navbutton_red.jpg")!important;
}

#navigationsection ul.mainnav li.protall
{
background-image: url("images/navbutton_redtall.jpg")!important;
height:51px;
}

#navigationsection ul.mainnav li:hover, #navigationsection ul.mainnav li.active
{
background-position: 0 -37px;
}
#navigationsection ul.mainnav li.protall:hover, #navigationsection ul.mainnav li.protall.active
{
background-position: 0 -57px;
}


#navigationsection ul.mainnav li a
{
color:#fff;
text-decoration:none;
font-style:italic;
font-weight:bold;
font-size:18px;
}

#subsection
{
clear:both;
position:relative;
height: 200px;
}
#subsection .files
{
float:left;
display:block;
position:relative;
margin-top:25px;
width:575px;
border: 1px solid #ccc;
height:140px;
}

#subsection h3.partners
{

position: absolute;
top:0px;
left:0px;
display:block;
width: 181px;
height:24px;
color:#fff;
background: url("images/bluesubtitle.jpg") no-repeat;
}
#subsection h3.partners span
{
display:block;
padding-left:10px;
padding-top:2px;
}

#subsection h3.news
{
position: absolute;
display:block;
top:0px;
left:350px;
width: 181px;
height:24px;
background: url("images/bluesubtitle.jpg") no-repeat;
color:#fff;
}
#subsection h3.news span
{
display:block;
padding-left:10px;
padding-top:2px;
}

#subsection .programdetails
{
float:left;
display:block;
position:relative;
margin-top:25px;
width:575px;
border: 1px solid #ccc;
height:140px;
}


#subsection .communitypartners, #subsection .latestnews
{
float:left;
display:block;
position:relative;
margin-top:25px;
width:350px;
border: 1px solid #ccc;
height:140px;
}

body#programdetails #subsection .communitypartners
{
width:715px;
}
body#programdetails #subsection .communitypartners p
{
margin-left:5px;
}
#subsection .communitypartners ul, #subsection .latestnews ul
{
margin:5px;
margin-left:12px;
padding:0px;
text-indent:none;
list-style:none;
font-size:12px;
}

#subsection .communitypartners ul a, #subsection .latestnews ul a
{
color:#003366;
text-decoration:none;
font-size:12px;
}

p.date
{
position:absolute;
display:block;
text-align:right;
width:120px;
top:55px;
right:8px;
font-size:12px;
}

div.pro
{
position: relative;
clear:both;
margin-bottom:30px;
width:710px;
}
div.pro div.desc
{
position: absolute;
float:left;
width:530px;}

div.pro div.desc .prodate
{
position: absolute;
right:0px;
top:0px;
}
div.pro div.desc
{
width:500px!important;
}

div.pro div.desc h4
{
width: 500px;
}

div.pro div.desc span
{
width: 120px;
text-align:right;
position:absolute;
top:0px;
right:218px;
}

div.pro div.desc a
{
color:#660000;
font-weight:bold;
width:500px;
}

div.pro .images
{
float:right;
width:140px;
text-align:Center;
}

/*...................................................................................
HACKS
...................................................................................*/
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix {
display: inline-table;
}

/* the round boxes on the right */
#otherresources
{
position: relative;
clear:right;
float:right;
width:148px;
height:179px;
padding-top:10px;
background: url("images/roundbox.jpg") no-repeat;
padding-left:20px;
font-size:12px;
}
.centered
{
text-align:center;
padding-left:0px!important;
}

#bodyText h1
{
padding-top:0px;
margin-top:0px;
color:#223579;
}

#bodyText h3
{
padding-top:0px;
margin-top:0px;
color:#223579;
font-size:14px;
}

#bodyText h4, #bodyText span.prodate
{
padding-top:0px;
margin-top:0px;
color:#660000;
font-size:12px;
}
#bodyText li
{
font-size: 11px;
font-family: arial;
color:#999;
line-height:18px;
}


/******** GALLERY*/
#galleryframe
{
padding-left:0px;
width:750px;
clear:both;

}
#gallery
{
padding-bottom:5px;
margin-bottom:5px;
float:left;
width:200px;
text-align:Center;
background-color:#E8E8E8;
padding-top:10px;
margin-left:10px;


}
#gallery #description h2
{
padding-bottom:0px!important;
margin-bottom:0px!important;
margin-top:5px;
font-size:12px!important;
font-family: verdana;
}
#gallery #description p
{
padding-top:0px!important;
margin-top:0px!important;
font-size:12px!important;
}

#thumb
{
position:relative;
width:110px;
height:80px;
float:left;
}



#galleryframe p
{
padding-top:0px;
margin-top:2px;
padding-left: 0px;
padding-bottom:0px;
margin-bottom:20px;
}

#description p.numphotos
{
font-style:italic;
color:#818181;
}

img.fullimage
{
}

#photo
{

text-align:Center;
}