/* ------------------ DEV STYLES ------------------ */

/* ----------basic---------- */

body {
font-family: Arial, Helvetica, sans-serif;
font-size: 75.5%;
text-align:center;
color: #000;
background: #666666;
}

table {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #000;
}

#container{
width: 780px;
height:auto;
margin: 0 auto;
padding:10px;
background: #FFF;
text-align: left;
line-height: 130%;
overflow:hidden;
}

a:link {
color: #008BAB;
text-decoration: underline;
}

a:visited {
text-decoration: underline;
color: #666;
}

/* ----------main column---------- */

#content{
width: 780px;
margin: 3px 0 0 0;
padding:0;
background-color: #FFF;
}

#content .ad {
margin-right:10px;
float:left;
}

#content .button {
margin-bottom:10px;
}

#content p{
margin: 0 0 10px 0;
}

#content li{
margin: 0 0 1em 0;
}

#content h1.border {
	background:url(../images/content_top.jpg) no-repeat;
	height: 8px;
	margin:0;
	}
	
#content h2.border {
	background:url(../images/content_bottom.jpg) no-repeat;
	height: 8px;
	padding:0;
	margin:0 0 10px 0;
	}

#content #middle{
background: url(../images/content_middle.jpg) repeat;
padding: 5px 10px 5px 10px;
	}
	
#content h3.border {
		background: url(../images/blue_header_wide_bg.jpg) no-repeat;
		height: 36px;
		margin:0;
		padding-left:10px;
		line-height:32px;
		font-size: 13px;
		font-weight: bold;
		color: #FFF;
		text-align: left;
		text-transform: capitalize;
	}
	
#content #top_border_small{
	background:url(../images/content_top-253.jpg) no-repeat;
	height: 8px;
	margin:0;
	}
	
#content #bottom_border_small {
	background:url(../images/content_bottom-253.jpg) no-repeat;
	height: 10px;
	margin-bottom:10px;
	padding:0;
	}

#content #middle_border_small{
background: url(../images/content_middle-253.jpg) repeat;
padding: 5px 10px 5px 10px;
	}
	

div#content ul.topnav {
	width:100%;
	padding: 0;
	list-style-type: none;
	border-width: 1px 0;
	float: left;
	margin:0px;
}
div#content ul.topnav li{
		text-align:center;
		text-transform:capitalize;
		font-size:13px;
		font-weight:bold;
		float: left;
		border-right: 1px solid #fff;
		width:125px;
	}
	
div#content ul.topnav li a:link{
		text-decoration:none;
		color:#FFFFFF;
	}
	
div#content ul.topnav li a:visited{
		text-decoration:none;
		color:#FFFFFF;
	}
	
div#content ul.topnav li a:hover{
		text-decoration:none;
		color:#333333;
		font-weight:bold;
	}
	
div#content ul.topnav li.last {
		border-right:none;
	}
	
#box {
float: right;
width: 190px;
padding-left: 75px;
}
	
#box h1 {
	background:url(../images/rounded_top_grey.jpg) no-repeat;
	height: 8px;
	margin:0;
	}
	
#box h2 {
	background:url(../images/rounded_bottom_grey.jpg) no-repeat;
	height: 8px;
	padding:0;
	margin:0;
	}

#box_middle{
background: url(../images/rounded_middle_grey.jpg) repeat;
padding: 5px 10px 5px 10px;
	}

#content img.middle_ad{
padding: 0 7px 0 7px;
margin-bottom:10px;
}

#content img.line {
height:1px;
width:100%;
background-color:#CCCCCC;
margin-bottom:10px;
padding:0;
}

#content #left_info_box {
float: left;
width: 253px;
margin: 0;
padding: 0;
color:#666666;
}

#content #left_info_box p{
color:#666666;
}

#content #middle_info_box {
float:left;
width: 253px;
margin-left: 10px;
padding:0;
color:#666666;
}

#content #middle_info_box p{
color:#666666;
}

#content #right_info_box {
width: 253px;
margin-left: 527px;
padding:0;
}

#content #right_info_box p{
color:#666666;
}

/* ----------footer----------- */

#footer{
width:800px;
padding-top: 25px;
margin: 0 auto 0 auto;
text-align: center;
font-size: 11px;
color:#FFFFFF;
background-image:url(../_images/footer.jpg);
background-repeat:no-repeat;
background-position:top;
}

#footer a:link {
color: #FFFFFF;
text-decoration: underline;
padding: 0 3px 0 3px;
}

#footer a:visited {
color: #FFFFFF;
text-decoration: underline;
}


/* ----------classes----------- */

.programtitle {
font-size: 2em;
font-weight: bolder;
line-height: 130%;
}

.programsubtitle {
font-size: 1.3em;
font-style: italic;
font-weight: bolder;
}

.pagetitle {
font-size: 1.5em;
line-height: 130%;
color: #008BAB;
}


.imageright{
float: right;
padding: 0 0 10px 10px;
}

.imageleft{
float: left;
padding: 0 10px 10px 0;
}


div#header {
	background:url(../images/top_nav_bg.gif) no-repeat top;
	margin: 0;
	padding-top: 6px;
	height: 89px;
}
	div#header img#logo_header {
		margin: 8px 0 0 24px;
		float: left;
	}