/*****************************************************************
css styles

website: PD Connect
author: josh fuller
e-mail: jfuller@treblered.com
created: 2.14.2009
*****************************************************************/
body {
	margin:0;
	padding:10px 0;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size:small;
	font-weight:normal;
	line-height:1.4em;
	color:#333333;
	background:#FFF url('graphics/pgbg.jpg');
background-repeat: repeat-x;
}


	
/***************************************************************
Typography
****************************************************************/
b {
	font-size:110%;
}
.bluehead {font-family:Arial; font-size:14px; font-weight:bold; color:#003366; line-height:16px;}

.bluehead2 {font-family:Arial; font-size:16px; font-weight:bold; color:#336699; line-height:16px;}

.bluethin {font-family:Arial; font-size:24px; font-weight:normal; color:#003366;}

.bluemain {font-family:Arial; font-size:12px; font-weight:normal; color:#003366;}
A.bluemain:link {font-family:Arial; color:#003366; font-size:12px; font-weight:normal; text-decoration:underline; line-height:18px;}
A.bluemain:hover {font-family:Arial; color:#003366; font-size:12px; font-weight:normal; text-decoration:underline; line-height:18px;}
A.bluemain:visited {font-family:Arial; color:#003366; font-size:12px; font-weight:normal; text-decoration:underline; line-height:18px;}

.main {font-family:Arial; font-size:12px; font-weight:normal; color:#666666;}
A.main:link {font-family:Arial; color:#6699cc; font-size:12px; font-weight:normal; text-decoration:underline; line-height:14px;}
A.main:hover {font-family:Arial; color:#003366; font-size:12px; font-weight:normal; text-decoration:underline; line-height:14px;}
A.main:visited {font-family:Arial; color:#6699cc; font-size:12px; font-weight:normal; text-decoration:underline; line-height:14px;}

.sublink {font-family:Arial; font-size:12px; font-weight:bold; color:#FFFFFF;}
A.sublink:link {font-family:Arial; color:#FFFFFF; font-size:12px; font-weight:bold; text-decoration:none; line-height:14px;}
A.sublink:hover {font-family:Arial; color:#000000; font-size:12px; font-weight:bold; text-decoration:none; line-height:14px;}
A.sublink:visited {font-family:Arial; color:#FFFFFF; font-size:12px; font-weight:bold; text-decoration:none; line-height:14px;}

.footertype {font-family:Arial; font-size:11px; font-weight:normal; color:#333333;}


/***************************************************************
Other
****************************************************************/

p {
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size:100%;
	font-weight:normal;
	line-height:1.4em;
	color:#FFF;
	margin:0;
	padding:8px 0 14px;
}

h1 {
	color:#000;
	font-size:250%;
	margin:0;
	padding:8px 0;
	display:none;
}

h2 {
	font-size:120%;
	font-weight:normal;
	color:#FFFFFF;
	margin:0;
	padding:0;
}

ul {
	margin:0;
	padding:0;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size:12px;
}


	
/***************************************************************
MISC
****************************************************************/
a img {
	border:none;
}

	
/***************************************************************
Navigation
****************************************************************/

	
/*Top nav bar*/
ul.nav-top {
	position:absolute;
	top:0px;
	left:515px;
	list-style-type:none;
	font:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-weight:bold;
	width: 453px;
	height: 49px;
}

ul.nav-top li {
	float:left;
	padding:12px 8px;
}

/*Sub nav bar*/
ul.sub-top {
	position:relative;
	top:0px;
	left:5px;
	list-style-type:none;
	font:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-weight:bold;
	width: 700px;
}

ul.sub-top li {
	float:left;
	padding: 4px 14px;
}

.demo {
	position:absolute;
	list-style-type:none;
	top:60px;
	left:782px;
	z-index:100;
}

.linktop {font-family: Arial; color:#666666; font-size: 12px; font-weight:bold; text-decoration:none; line-height:18px; }
A.linktop:link {font-family:Arial; color:#666666; font-size:12px; font-weight:bold; text-decoration:none; line-height:18px;}
A.linktop:hover {font-family:Arial; color:#000000; font-size:12px; font-weight:bold; text-decoration:none; line-height:18px;}
A.linktop:visited {font-family:Arial; color:#666666; font-size:12px; font-weight:bold; text-decoration:none; line-height:18px;}

.linktop2 {font-family: Arial; color:#99cc33; font-size: 12px; font-weight:bold; text-decoration:bnone; line-height:18px; }
A.linktop2:link {font-family:Arial; color:#99cc33; font-size:12px; font-weight:bold; text-decoration:none; line-height:18px;}
A.linktop2:hover {font-family:Arial; color:#669933; font-size:12px; font-weight:bold; text-decoration:none; line-height:18px;}
A.linktop2:visited {font-family:Arial; color:#99cc33; font-size:12px; font-weight:bold; text-decoration:none; line-height:18px;}


	
/*ul.nav-top li a:hover {border-bottom: 2px solid #b03329;} /*hover line...not using because bug with Safari*/
ul.nav-top .first {
	background:none;
}

	
/***************************************************************
Layout
****************************************************************/
#maincontainer {
	position:relative;
	width:930px;/*Width of main container*/
	margin:0 auto;
}

.homepromo {background:#FFF url('graphics/homepromo.jpg'); height:307px; width:903; padding-top:8px; padding-bottom:8px; padding-right:12px; padding-left:12px;}

.subcontainer {background:#FFF url('graphics/sub_container.jpg'); height:329px; width:266; padding-top:8px; padding-bottom:8px; padding-right:12px; padding-left:12px;}

.subcontainer2 {background:#FFF url('graphics/subcontain2.jpg'); height:329px; width:266; padding-top:8px; padding-bottom:8px; padding-right:12px; padding-left:12px;}

.subchannel {background:#d2d7e0; width:244; padding-top:8px; padding-bottom:8px; padding-right:12px; padding-left:12px;}

.subcontent {padding-top:8px; padding-bottom:8px; padding-right:12px; padding-left:12px;}

.clear {clear: both;}

.navtable {
position:relative;
clear: both;
}

ul.home {
	position: relative;
	list-style-type:none;
	width: 500px;

}

ul.home li {
	float:left;
}

ul.latest {
	position: relative;
	list-style-type:none;
	width: 310px;

}

ul.latest li {
	float:left;
}

ul.footer {
	position: relative;
	list-style-type:none;
	width: 900px;

}

ul.footer li {
	float:left;
}

.topsection {
	position:relative;
	height:120px; 
	background:#FFF url('graphics/header.jpg');


}

#contentwrapper {
	margin-bottom:10px;
	padding:0;
	width:944px;
	background-color:#fff;
}

.lftdiv1 {padding-top:5px; padding-bottom:5px; padding-right:5px;}
.lftdiv2 {padding-top:5px; padding-bottom:5px; padding-right:5px; border-bottom:#999999 1px solid; border-top:#999999 1px solid;}


	
/*Layout change for the homepage*/

.footdiv {padding-top:5px; padding-bottom:5px; padding-right:5px; border-top:#999999 1px solid;}


#contentcolumn {
	float:left;
	margin-right:305px;

	
/*Set right margin to RightColumnWidth*/
}

#rightcolumn {
	float:right;
	width:305px;

	
/*Width of right column*/
	margin-left:-305px;


	
/*Clears page floats*/
.innertube {
	padding:0 20px 20px;}

	
/*Margins for inner DIV inside each column (to provide padding)*/
	margin:0;
}