body
{
	background-color: White;
	margin: 0;
	padding: 0;
	font-family: Arial, Sans-Serif;
	font-size: 0.8em;
}
.noscript
{
	color: #fff;
	font-weight: bold;
	background-color: #393784;
	padding: 5px;
	margin-bottom: 5px;
	margin-right: 20px;
}
img
{
	border: 0px;
}
.console
{
	position: absolute;
	top: 0;
	left: 0;	
	width: 175px;
}
#pagebackground
{
	width: 824px;
	padding: 0;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0;
	margin-bottom: 0;
	background-image: url(../images/pageback.gif) ;
	background-repeat:repeat-y;
}
#pageinner
{
	width: 778px;
	padding-top: 0px;
	padding-left: 22px;
	padding-right: 22px;
	padding-bottom: 0px;
}
#pageinnertop
{
	font-size: 0.1em;
	height: 11px;
	width: 100%;
	padding: 0;
	margin: 0;
	background-image: url(../images/pageinnertop.gif) ;
	background-repeat: no-repeat;
}
#pageinnerbottom
{
	color: #A4ACC0;
	height: 60px;
	width: 100%;
	padding: 0;
	margin: 0;
	background-image: url(../images/pageinnerbottom.gif) ;
	background-repeat: no-repeat;
	padding-left: 10px;
}
#pageinnerbottom a
{
	color: #A4ACC0;
	text-decoration: underline;
}
#pageinnerbottom a:hover
{
	color: #888FA2;
	text-decoration: underline;
}
#pageinnerbottom #getadobereader
{
	float: right;
	margin-right: 25px;	
	margin-top: 1px;
}
#pageinnerbottom #getadobereader .lssa
{
	margin-right: 5px;	
	border: solid 1px #ddd;
}
#pageinnermain
{
	width: 100%;
	padding-left: 9px;
	padding-right: 9px;
	padding-top: 4px;
	padding-bottom: 10px;
	margin-top: 0px;
	background-image: url(../images/pageinnermain.gif) ;
	background-repeat: repeat-y;
}
#headerleft
{
	float: left;
	width: 8px;
	height: 84px;
	background-image: url(../images/headerleft.gif) ;
	background-repeat:no-repeat;
}
#headerright
{
	float: left;
	width: 6px;
	height: 84px;
	background-image: url(../images/headerright.gif) ;
	background-repeat:no-repeat;
}
#headermiddle
{
	float: left;
	width: 735px;
	height: 84px;
	background-image: url(../images/headermiddle.gif) ;
	background-repeat: repeat-x;
	padding-left: 10px;
	margin-bottom: 1px;
}
#headermiddle #search
{
	clear: both;
	color: White;
	font-weight: normal;
	margin-top: 8px;
}
#headermiddle #search #lblSearch
{
	font-size: 0.9em;
}
#headermiddle #search .headerSearchBox
{
	background-color: #F0F0F0;	
	font-size: 1em;
	border: solid 1px gray;
}
#headermiddle #search .searchButton
{
	position: relative;
	top: 4px;
}
#headermiddle #imgL2clogo
{
	float: right;
	margin-right: 15px;
	margin-top: 15px;	
}
#headermiddle .headerlink
{
	float: left;
	color: White;
	font-weight: bold;
	text-decoration: none;
	margin-top: 15px;
	padding-left: 15px;
	padding-right: 15px;
	background-image: url(../images/headerlinkarrow.gif) ;
	background-repeat:no-repeat;
	background-position: 0 3px;
}
#headermiddle .headerlink:hover
{
	text-decoration: underline;
}
#tickerpanel
{
	clear: both;
	width: 759px;
}
#tickerpanel #tickerpanelleft
{
	clear: left;
	float: left;
	width: 9px;
	height: 21px;
	background-image: url(../images/tickerpanelleft.gif) ;
	background-repeat:no-repeat;
}
#tickerpanel #tickerpanelright
{
	float: left;
	width: 6px;
	height: 21px;
	background-image: url(../images/tickerpanelright.gif) ;
	background-repeat:no-repeat;
}
#tickerpanel #tickerpanelmiddle
{
	float: left;
	width: 734px;
	height: 21px;
	background-image: url(../images/tickerpanelmiddle.gif) ;
	background-repeat: repeat-x;
	padding-left: 10px;
}
#tickerpanel #tickerpanelmiddle #tickerframe
{
	float: left;
}
#tickerpanel #tickerpanelmiddle #tickerpanelbuttons
{
	float: right;	
	height: 21px;
	width: 110px;
}
#tickerpanel #tickerpanelmiddle #tickerpanelbuttons #textsize
{
	position: relative;
	top: 4px;
}
#tickerpanel #tickerpanelmiddle #tickerpanelbuttons #contactus
{
	position: relative;
	top: 4px;
	left: 8px;
}
#tickerpanel #tickerpanelmiddle #tickerpanelbuttons #carthandletop
{
	position: relative;
	top: 8px;
	left: 25px;
}
#cartseparator
{
	clear: both;
	height: 4px;	
	width: 759px;
}
#cartseparator #carthandlemiddle
{
	margin-left: 708px;
	/*position:absolute;
	left:525px;
	top:121px;*/
}
#civicalogopanel
{
	clear: left;
	width: 759px;
}
#civicalogopanel #CivLogo
{
	float: left;
	padding-top: 6px;
	padding-left: 10px;
}
/*#civicalogopanel #adbannerleft
{
	margin-left: 17px;
	float: left;
	width: 6px;
	height: 79px;
	background-image: url(../images/adpanelleft.gif) ;
	background-repeat:no-repeat;
}
#civicalogopanel #adbannerright
{
	float: left;
	width: 6px;
	height: 79px;
	background-image: url(../images/adpanelright.gif) ;
	background-repeat:no-repeat;
}*/
#civicalogopanel #adbannermiddle
{
	margin-left: 17px;
	
	float: left;
	width: 396px;
	height: 79px;
	/*background-image: url(../images/adpanelmiddle.gif) ;
	background-repeat: repeat-x;*/
}
#civicalogopanel #adbannermiddle .bannerad
{
	margin-top: 8px;	
	margin-bottom: auto;	
	margin-left: auto;	
	margin-left: auto;	
}
#civicalogopanel #placeorder
{
	clear: right;
	float: right;
}
#menuseparator
{
	clear: both;
	height: 4px;	
	font-size: 0.1em;
}
#menubar
{
	clear: left;
	width: 759px;
	height: 30px;
}
#menubar a
{
	float: left;
	
	color: #41739D;
	font-weight: bold;
	font-size:1em;
	text-decoration: none;
	background-color: #E1E4EC;	
	border-bottom: solid 1px #C0C4D8;
	border-top: solid 1px #C0C4D8;
	border-left: solid 1px #C0C4D8;
	border-right: solid 1px White;
	padding-top: 6px;
	padding-bottom: 6px;
	/*width: 149px;*/
	text-align: center;
	overflow: auto;
	/*font-size: 10pt;*/
}
#menubar a:hover
{
	background-color: #C8CBD2;	
	text-decoration: none;
}
#menubar .linkfinal
{
	border-right: solid 1px #C0C4D8;
}
#contentseparator
{
	clear: left;
	height: 2px;	
	font-size: 0.1em;
}
#content
{
	width: 759px;
	color: #2D518A;
	min-height: 250px;
	font-size: 1.0em;
	color: #2D518A;
}
/*Need to figure out the size issue here*/
#content h2
{
	margin-top:1em;
	font-weight:bold;
}

/* min-height hack Internet Exploder */
/*\*/
* html #content 
{
	height: 250px;
}
/**/
#content a
{
	color: #2D518A;
	text-decoration: underline;
}
#content td
{
	color: #2D518A;
}


#content a:hover
{
	color: red;
	text-decoration: underline;
}
#contentleftmain
{
	width: 588px;	
}
#contentleftnormal
{
	width: 437px;	
}
#contentright
{
	/*float: left;*/
	width: 162px;
	padding: 0 0;
	margin: 0 0;
	vertical-align: top;
}
#contentbody
{
	padding-left: 20px;	
	padding-right: 5px;	
}

#contentbody h1{
	font-size:1.4em;
	font-weight:bold;
	margin-bottom:5px;
	text-transform:uppercase;
}
#contentbody h2{
	font-size:1.2em;
	font-weight:bold;
	margin-bottom:5px;
	text-transform:uppercase;
}
#contentbody h3{
	font-size:1em;
	font-weight:bold;
	margin-bottom:5px;
	text-transform:capitalize;
}
#contentbody h4{
	font-size:1em;
	font-weight:normal;
	margin-bottom:5px;
	text-transform:capitalize;
}
#contentbody h5{
	font-size:1em;
	font-weight:normal;
	margin-bottom:5px;
	text-decoration: underline;
}
#contentbody ul{
	margin-top:10px;
}
#contentbody li{
	font-size:1.1em;
	margin:0.2em;
}


#contentleft
{
	/*float: left;*/
	vertical-align: top;
	width: 100%;
	
	font-size: 1em;
	#font-size: 0.8em;
	_font-size: 0.8em;
}






#contentleft .contenttitle
{
	font-weight: bold;
	padding-bottom: 20px;
}
#contentleft .contentfloatrightpanel
{
	float: right;
	margin-left: 20px;
	margin-top: 10px;
}
#contentleft .newsitem
{
	background-image: url(../images/titlebullet2.gif) ;
	background-repeat: no-repeat ;
	margin-left: 15px;	
	margin-bottom: 15px;
}
#contentleft .newsitem .headline
{
	margin-left: 15px;	
}
#contentleft .newsitem .summary
{
	margin-left: 15px;	
}
#contentleft .newsitem .summary a
{
	color: #3366CC;
}
.featurepanel {width: 162px;}
.featurepanel h1, .featurepanel h2, .featurepanel p {margin:0 0px;}
.xtop, .xbottom {display:block; background:transparent; font-size:1px;}
.xb1, .xb2, .xb3, .xb4 {display:block; overflow:hidden;}
.xb1, .xb2, .xb3 {height:1px;}
.xb2, .xb3, .xb4 {background:white; border-left:1px solid #A4ACC0; border-right:1px solid #A4ACC0;}
.xb1 {margin:0 5px; background:#A4ACC0;}
.xb2 {margin:0 3px; border-width:0 2px;}
.xb3 {margin:0 2px;}
.xb4 {height:2px; margin:0 1px;}
.xboxcontent {display:block; background:white; border:0 solid #A4ACC0; border-width:0 1px;padding:0 5px}

.vendordropdown
{
	width: 162px; 
	margin-top: 5px; 
	margin-bottom: 5px;
}

#contentbottom
{
	margin-top: 10px;	
}

/* Home page specific styles */
#hoverbar
{
	width: 588px;
	padding-top: 4px;
}
#hoverbar .hoverbutton
{
	color: #BBC1D0;
	float: left;
	font-weight: bold;
	text-align: center;
	cursor: default;
}
#hoverbar .hoverbutton a
{
	color: #BBC1D0;
	text-decoration: none;
}
#hoverbar .hoverbutton a:hover
{
	color: #3A5C91;
	text-decoration: none;
}
.hoverpanelcontainer
{
	min-height: 25em;	
}
/* min-height hack Internet Exploder */
/*\*/
* html .hoverpanelcontainer 
{
	height: 25em;
}
/**/
.hoverpanel
{
	clear: left;
	padding-top: 5px;	
}
.sitemap
{
	margin-left: 20px;
}
.subitem
{
	padding-left: 30px;
	padding-top: 2px;
	background-image: url(../images/linkpoint.gif) ;
	background-repeat: no-repeat ;
	background-position: 2px 6px ;
}
.breadcrumbs
{
	margin-left: 4px;
	margin-top: 7px;
}

.breadcrumbs a
{
	display: inline;
	background-image: url(../images/crumbarrow.gif) ;
	background-repeat: no-repeat ;
	background-position: left center ;
	padding-left: 5px;
	padding-right: 8px;
	font-size: 0.8em;
	color: #333366;
	text-decoration: none;
}

.breadcrumbs a:hover
{
	color: #333366;
	text-decoration: underline;
}

.breadcrumbs .first
{
	display: inline;
	background-image: url(../images/firstcrumb.gif) ;
	background-repeat: no-repeat ;
	background-position: left 0 ;
	padding-left: 18px;
	padding-right: 8px;
	font-size: 0.8em;
	color: #333366;
	text-decoration: none;
}

#contentsidepanel
{
	background-color: #E1E4ED;
	vertical-align: top;
	width: 151px;
	/*width: 200px;*/
	float: left;
	margin-right: 4px;
	background-image: url(../images/leftmenugrad.gif) ;
	background-repeat: repeat-x;
	background-position: 0 bottom ;
	padding-bottom: 227px;
}
#contentsidepanel li
{
	font-size:1em;
	line-height:1.3em;
}
#contentsidepanel .menutitle
{
	padding-top: 5px ;
	padding-left: 10px ;
	padding-right: 10px ;
	padding-bottom: 5px ;
	font-weight: bold;
	font-size: 1.0em;
}

#contentsidepanel .navuplevel
{
	padding-top: 2px;
	padding-left: 12px ;
	padding-right: 10px ;
	padding-bottom: 2px;
	background-image: url(../images/navuplevel.gif) ;
	background-repeat: no-repeat ;
	background-position: 3px 7px ;
	background-color: #4869B8;
	font-weight: bold;
}

#contentsidepanel .navuplevel a
{
	color: White;
	text-decoration: none;
}

#contentsidepanel .navuplevel a:hover
{
	color: White;
	text-decoration: underline;
}

#contentsidepanel div.leftnavlink
{
	margin-top: 12px ;
	margin-left: 10px ;
	margin-right: 10px ;
	background-image: url(../images/linkpoint.gif) ;
	background-repeat: no-repeat ;
	background-position: 0px 4px ;
}

#contentsidepanel div.leftnavmoreinfo
{
	margin-left: 10px ;
	margin-right: 10px ;
}
#contentsidepanel div.leftnavmoreinfo a
{
	font-weight: bold;
	text-decoration: none;
}
#contentsidepanel div.leftnavmoreinfo a:hover
{
	font-weight: bold;
	text-decoration: underline;
}

#contentsidepanel div.leftnavlink div.leftnavlinkheader
{
	margin-left: 12px ;
	background-image: url(../images/leftnavsep.gif) ;
	background-repeat:repeat-x ;
	background-position: 0px bottom ;
}

#contentsidepanel div.leftnavlink div.leftnavlinkheader a
{
	font-weight: bold;
	text-decoration: none;
}

#contentsidepanel div.leftnavlink div.leftnavlinkheader a:hover
{
	font-weight: bold;
	text-decoration: underline;
}

#contentsidepanel div.leftnavlink div.leftnavlinkdescription
{
	margin-top: 0px ;
	margin-left: 12px ;
}

#contentsidepanel div.leftnavlink div.leftnavlinkdescription a
{
	color: #336699;
	text-decoration: none;
}
#contentsidepanel div.leftnavlink div.leftnavlinkdescription a:hover
{
	color: #336699;
	text-decoration: underline;
}
#contentsidepanel div.leftnavlink div.leftnavlinksublink
{
	padding-left: 22px ;
	background-image: url(../images/crumbarrow.gif) ;
	background-repeat: no-repeat ;
	background-position: 12px 6px ;
}

#contentsidepanel div.leftnavlink div.leftnavlinksublink a
{
	color: #336699;
	text-decoration: none;
}
#contentsidepanel div.leftnavlink div.leftnavlinksublink a:hover
{
	color: #336699;
	text-decoration: underline;
}
.leftnavmenugap
{
	padding-top: 25px;	
}
#contentsidepanel div.leftnavbottomlink 
{
	margin-left: 10px ;
	margin-right: 10px ;
	background-image: url(../images/leftnavlinkarrow.gif) ;
	background-repeat: no-repeat ;
	background-position: 0px 4px ;
	padding-bottom: 6px;
	padding-left: 4px;
}
#contentsidepanel div.leftnavbottomlink div.leftnavbottomlink_a
{
	padding-top: 3px;
	margin-left: 16px;
	margin-right: 10px ;
	background-image: url(../images/leftnavsep.gif) ;
	background-repeat:repeat-x ;
	background-position: 0px bottom ;
}
#contentsidepanel div.leftnavbottomlink div.leftnavbottomlink_a a
{
	font-weight: bold;
	text-decoration: none;
}
#contentsidepanel div.leftnavbottomlink div.leftnavbottomlink_a a:hover
{
	font-weight: bold;
	text-decoration: underline;
}
.sharethis
{
	margin-left:20px;
	margin-top: 20px;	
}


