﻿
/*////////////////////////////////////////////////////////////////////
(c)2007 InfoStrength, Inc.
////////////////////////////////////////////////////////////////////*/

/* reset all elements */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; }
h1,h2,h3,h4,h5,h6 {	font-size:100%; font-weight:normal; }
table { border-collapse:collapse; border-spacing:0; }

address,caption,cite,code,dfn,em,strong,th,var { font-style:normal; font-weight:normal; }
ol,ul { list-style:none; }
caption,th { text-align:left; }
fieldset,img { border:0; }
a img { border: none; }
abbr,acronym { border:0; }
/* end reset all elements */
/* set defaults */
h1 { font-size:138.5%; }
h2 { font-size:123.1%; }
h3 { font-size:108%; }
h1,h2,h3 { margin: 1em 0; }
h1,h2,h3,h4,h5,h6,strong { font-weight:bold; }
abbr,acronym { border-bottom: 1px dotted #000; cursor: help; } 
em { font-style:italic; }
blockquote,ul,ol,dl { margin: 1em; }
ol,ul,dl { margin-left: 2em; }
ol li { list-style: decimal outside; }
ul li { list-style: disc outside; } 
li { padding-bottom: .2em; } 
dl dd { margin-left:1em; }
caption { margin-bottom:.5em; text-align:center; }
p,fieldset,table { margin-bottom:1em; }
table { font-size: 100%; }
pre,code,kbd,samp,tt { font-family: monospace; font-size:108%; line-height: 99%; }
/* end set default */


/* start homepage styling */
body 
{
	background-color: #C4D5E3;
	font-family: Verdana;
	font-size: .70em;
}

a { color: #36C; text-decoration: none; }
a:hover { color: #C00; }


#wrapper
{
	background-image: url(../images/backgroundshad.jpg);
	background-position: center;
	background-repeat: repeat-y;
	text-align: center;
}

#sitecontainer
{
	background-color: White;
	margin: 0 auto;
	text-align: left;
	width: 780px;
}

#masthead { position: relative; background-image: url(../images/logowatermark.gif); background-position: top right; background-repeat: no-repeat; }
#logo { padding: 5px; }

#mastheadnav { position: absolute; top: 0; right: 0; color: #666; padding: 6px 5px 6px 0; }
#mastheadnav ul { padding: 0; margin: 0; }
#mastheadnav ul li { list-style-type: none; display: inline; padding: 6px 0 6px 3px; }
#mastheadnav ul li a 
{
	color: #666;
	text-decoration: none;
	padding-right: 6px;
	border-right: 1px solid #666;
}
#mastheadnav ul li a:hover { color: #C00; }
#mastheadnav .sitesearchbox 
{
	font-family: Verdana;
	height: 17px;
	border: 1px solid #666;
}

#topnavigation 
{
	background-image: url(../images/topnavbar.jpg);
	background-position: left top;
	background-repeat: repeat;
	height: 30px;
}
#topnavigation ul { padding: 0 0 0 10px; margin: 0; }
#topnavigation ul li
{
	list-style-type: none;
	padding: 6px 0 6px 9px;
	margin: 3px 0;
	display: block;
	float: left;
}
#topnavigation ul li a
{
	font-family: Tahoma;
	font-weight: bold;
	font-size: .85em;
	text-transform: uppercase;
	color: White;
	text-decoration: none;
	display: block;
	padding-right: 9px;
	border-right: 1px white solid;
}
#topnavigation ul li a.last { border-right: none; }
#topnavigation ul li a:hover { color: #c4d5e3; }
#topnavigation ul li.current { }
#topnavigation ul li.current a { color: #c4d5e3; }

#contentarea { margin: 0; padding: 0; }
#content_left {
	float: left;
	width: 230px !important; /* maintain width for non-IE browsers */
	width: 228px; /* fix IE... */
	padding: 0 10px;
}
#content_mid {
	float: left;
	width: 305px;
	margin: 10px 0;
	padding: 0 10px;
	border-left: solid 2px #CEC6A2;
	border-right: solid 2px #CEC6A2;
}
#content_right {
	float: right;
	width: 180px;
	padding: 0 10px;
}
#content_billboard { float: right; }

#sesdevfor, .sesdevfor_body, .sesdevfor_head, .sesdevfor_head h2 {
	background: transparent url(../Images/sesdevfor_box.jpg) no-repeat bottom right; 
}
#sesdevfor {
	width: 765px !important; /* intended total box width - padding-right(next) */
	width: 750px; /* IE Win = width - padding */
	padding-right: 15px; /* the gap on the right edge of the image (not content padding) */
	margin: 10px auto; /* use to position the box */ 
}

/* set the top-right image */ 
.sesdevfor_head { 
	background-position: top right; margin-right: -15px; /* pull the right image over on top of border */
    padding-right: 30px; /* right-image-gap + right-inside padding */ 
} 

/* set the top-left image */ 
.sesdevfor_head h2 { 
	background-position: top left; 
	margin: 0; /* reset main site styles*/ 
    border: 0; /* ditto */ 
    padding: 15px 0 10px 20px; /* padding-left = image gap + interior padding ... no padding-right */ 
    height: auto !important; height: 1%; /* IE Holly Hack */ 
} 

/* set the lower-left corner image */ 
.sesdevfor_body { 
	background-position: bottom left; 
	margin-right: 25px; /* interior-padding right */ 
	padding: 0 0 10px 15px; /* mirror .cssbox_head right/left */ 
} 

.sesdevfor_head h2 { color: #004A87; font-family: Arial; font-size: 140%; }

.sesdevfor_sections { width: 100%; margin: 0; padding: 0; }
.sesdevfor_sections td { width: 23%; margin: 0; padding: 0 1%; }
.sesdevfor_section { padding: .5em; }
.sesdevfor_section h3 { margin: 0 0 .1em 0; padding: 0; }
.sesdevfor_section img {  }
.sesdevfor_section p { margin: 0; padding: 0; }

#footer { position: relative; color: #666; }
#copyright { padding: 1em; }

#bottomnavigation { float: right; padding-right: 1em; height: 20px; }
#bottomnavigation ul { margin: 0; padding: 0; }
#bottomnavigation ul li { list-style-type: none; padding: 6px 0 6px 9px; margin: 3px 0; display: block; float: left; }
#bottomnavigation ul li a { display: block; padding-right: 9px; border-right: 1px solid #666; }
#bottomnavigation a { color: #666; }
#bottomnavigation a:hover { color: #C00; }

.quotebox { margin: 1em 0; padding: 0; }
.quotebox h3 { font-size: 100%; color: #004A87; margin: 0 0 .5em 0; padding: 0; }
.quotetext { font-style: italic; margin-bottom: .5em; }
.quoteowner { text-align: right; }

.newsbox { margin: 1em 0; padding: 0; }
.newsbox h3 { font-size: 100%; color: #004A87; margin: 0 0 .5em 0; padding: 0; }
.newsbox ul { margin: 0; padding: 0;  }
.newsbox li { display: block; list-style-type: none; border-bottom: solid 1px #CCC; margin-bottom: 1em; padding: 1em 0; }
.newsbox li:hover { background-color: #F9F8F2; cursor: pointer; }
.newsbox .newsdate { font-weight: bold; font-size: 90%; }
.newsbox .newssummary { margin-bottom: .5em; }
.newsbox .newslink { display: block; text-align: right; margin: 0; padding: 0; }

.newsletterbox { margin: 1em 0; padding: 0; }
.newsletterbox h3 { font-size: 100%; color: #004A87; margin: 0 0 .5em 0; padding: 0; }

.productbox { margin: 0; padding: 0; }
.productbox h2 {  margin: 0 0 .5em 0; padding: 0; }
.productbox img {  }
/* .productbox ul li { list-style-image: url(../images/arrowbullet.gif); padding: .3em; } */
.productbox ul li { padding: .3em; }

table.form td { padding: .1em 0; }

.imgfloatleft { float: left; margin: 5px; }
.imgfloatright { float: right; margin: 5px; }

div.clear { clear: both; }

h1, h2, h3, h4 { font-family: Tahoma; color: #C00; }