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

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

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

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

.bluemain {font-family:Arial; font-size:11px; font-weight:normal; color:#336699;}
A.bluemain:link {font-family:Arial; color:#003366; font-size:11px; font-weight:normal; text-decoration:underline; line-height:18px;}
A.bluemain:hover {font-family:Arial; color:#003366; font-size:11px; font-weight:normal; text-decoration:underline; line-height:18px;}
A.bluemain:visited {font-family:Arial; color:#003366; font-size:11px; 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:#FFFFFF;}
A.footertype:link {font-family:Arial; color:#FFFFFF; font-size:11px; line-height:14px;}
A.footertype:hover {font-family:Arial; color:#000000CCCCCC:#FFFFFF; font-size:11px;  line-height:14px;}
A.footertype:visited {font-family:Arial; color:#FFFFFF; font-size:11px;  line-height:14px;}

.bbtitle {font-family: Arial; color:#003366; font-size: 14px; font-weight:bold; text-decoration:none; line-height:18px; }

.bluesmall {font-family: Arial; color:#003366; font-size: 11px; font-weight:normal; text-decoration:none; line-height:18px; }
A.bluesmall:link {font-family:Arial; color:#336699; font-size:11px; line-height:14px; text-decoration:none;}
A.bluesmall:hover {font-family:Arial; color:#003366; font-size:11px;  line-height:14px; text-decoration:none;}
A.bluesmall:visited {font-family:Arial; color:#336699; font-size:11px;  line-height:14px; text-decoration:none;}






/*
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;
}


/***************************************************************
ANCHORS
****************************************************************/
	a:link,a:visited,a:active {color: #fff;}
/***************************************************************
MISC
****************************************************************/\
a img {
	border:none;
}


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


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

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;
}






/*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;
}

.subpagechannel {background:#FFF url(graphics/pg-watermark.jpg); background-repeat: repeat-x; padding-top:8px; padding-bottom:8px; padding-right:8px; padding-left:8px;}

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

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

.footer {background:#FFF url('graphics/footer-bg.jpg'); height:47px; padding-top:4px; padding-bottom:4px; padding-right:4px; padding-left:4px;}

.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;
}

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


/*ACCORDIAN MENU*/
#accordian {padding: 10px 14px;}
#accordian li {list-style-type: none;}
.sub-level-2  {text-align: left; list-style-type: none;padding:10px;margin: 0; background-color: #818788;}
.sub-level-2 a {color: #fff; text-decoration: none;padding: 6px 0; border-bottom: 1px solid #e0e0e0; display: block;}

a.parent {background: #363737  url("graphics/bg-subnav-btn.gif") bottom left repeat-x;color: #efefef;cursor: pointer; display: block;height: auto;line-height:1.2em;text-align: left;padding: 10px;text-decoration: none;font-size: 16px;}



/* Slideshow */
#slideshow {width:902px;height:301px;}
#slideshow div {width:902px;height:301px;}
#slide_nav {position:absolute;top:331px;width:429px;height:112px;z-index:6;}
#slide_nav a{margin-left:20px;}
#slide_nav a:focus {outline:none;}

/*SLIDING PANEL FOR SERVICES*/
#box {position: absolute; top: 150px; right:-1px; width: 902px; height:auto; z-index: 7;}

#panel {
	width: 902px;
	position: relative;
	top: 5px;
	right:4px;
	height: 0px;
	margin-left: auto;
	margin-right: auto;
	z-index: 10;
	overflow: hidden;
	text-align: left;
	color: #333;

	border-bottom: 1px solid #e0e0e0;
}



#panel_contents {
	background: #5d6667 url(graphics/bg-services-panel.gif) top left no-repeat;
	height: 100%;
	width: 862px;
	position: absolute;
	z-index: -1;
	padding: 10px 20px;
	color: #fff;
	font-size: 90%;
	line-height: 1.2em;
}

#panel_contents a {text-decoration: underline; font-size: 10px;}

#panel_contents ul {margin-bottom: 14px;}
#panel_contents ul li {margin-left: 20px;}

.panel_button {position: absolute; top:113px; right:3px;}


.panel-col1,.panel-col2,.panel-col3 {
float: left;
display: inline;
padding: 0 15px 15px 15px;
margin-top: 10px;
height:240px;
z-index: 100;
/*background-color: #000;*/
}

.panel-col4 p {position: absolute; top:14px; right:60px;width: 180px;}

.panel-col1,.panel-col2 {background: url(graphics/divider-panel.gif) top right repeat-y;}

a.panel-contact {position: absolute;bottom: 30px;right:10px;text-decoration: underline;color: #e0e0e0;}