@charset "utf-8";
/* CSS Document */

body { padding:0px; margin: 0px; background: #e4e4e4 url(../images/bg_swatch.png) repeat-x top; font-family: Arial, Helvetica, sans-serif; font-size: 12px;}

#wrapper { width: 90%; min-width: 760px; margin: 0 auto;}
.clear {clear:both;}
.comingsoon { color:#990000; font-size: 10px; margin: 0px; padding: 0px;}
h1 { font-size: 14px; color: #000066;}
h2 { font-size: 12px; color: #003399;}
h3 { font-size: 12px; color: #990000; font-weight:normal; margin: 0px; padding: 0px;}

#headercontainer { width: 100%; height: 62px; background:url(../images/header_bg_repeat.png) repeat-x;
	border-right: 1px solid #00306f;
	border-left: 1px solid #00306f;}
#header { width: 100%; height: 62px; background:url(../images/header_bg.png) no-repeat left;}
#navigation { 
width: 100%; 
height: 27px; 
background: url(images/menu_bg.gif) repeat-x;
	border-right: 1px solid #00306f;
	border-left: 1px solid #00306f;}
ul.nav,ul.nav li {
list-style-type: none; 
margin: 0px; 
padding: 0px;
}
ul.nav {
margin:0px; 
height: 27px;
}
ul.nav li {
float: left; 
margin: 1px 0px 0px 0px; 
text-align: center; 
font-size: 12px; 
border-right: 1px solid #000000; 
border-left: 1px solid #9caec7;
}
ul.nav a {
float:left; 
padding: 5px 4px 5px 4px; 
text-decoration:none; 
color: #ffffff; 
margin:0px; 
font-weight: normal;
}
ul.nav a:hover {
color: #ffffff;
 background: url(images/menu_bg.gif) repeat-x;
 }
ul.nav li.activelink a,ul.nav li.activelink a:hover 
{
color: #ffffff; 
background: url(images/menu_bg_hover.gif) repeat-x;
}
ul.nav img.arrow { 
margin:0px 0px 0px 0px; 
padding:0px 0px 0px 0px; 
clear:both; 
position:relative;
}

#contentcontainer { width: 100%; padding: 0px; margin: 0px; background: #FFFFFF url(../images/sigma_icon_wash.png) no-repeat center;
	border-right: 1px solid #00306f;
	border-left: 1px solid #00306f;}
#content { padding: 5px;}
#content a {font-size: 12px; color:#000099; text-decoration: none; border-bottom: 1px dotted #000099;}
#content a:hover {color: #990000; text-decoration: none; border-bottom: 1px solid #990000;}

#contentleft { width: 78%; float: left;}
#contentleft ul { list-style-image: url(../images/red_dot.png); text-align: justify;}
#contentright { width: 150px; float: right; margin-top: 35px;}
#contentcontainer>#content>#contentright img.action { margin: 10px 0px 5px 0px; border: 1px dotted #CCCCCC;}
#contentcontainer>#content>#contentright img.action:hover { border: 1px solid #CCCCCC;}
#contentcontainer>#content>#contentright a { border: 0px; }
#content p { padding: 0px 0px 5px 0px; margin: 0px; text-align: justify;}
#tag {  height:11px; background-color:Navy; color:White;padding: 0px 0px 5px 0px; margin: 0px; text-align: justify;} 

#footer { width: 100%; height: 57px; background:url(../images/footer_bg.png) no-repeat right; padding: 0px; margin: 0px; background-color:#FFFFFF;
	border-right: 1px solid #00306f;
	border-left: 1px solid #00306f;
	border-bottom: 1px solid #00306f;}
.footerleft { float:left;}
#footer>.footerleft p { text-align: left; color:#000066; margin: 35px 0px 0px 5px; border-top: 1px dotted #CCCCCC; padding: 3px 0px 0px 0px;}
#footer>.footerleft a { color:#000099; text-decoration: none;}
#footer>.footerleft a:hover {color: #990000; text-decoration: none;}
.footerright { float:right;}
#footer>.footerright p {text-align: right; padding: 25px 5px 0px 0px; color: #FFFFFF; margin: 0px;}

.webportfoliodiv { width: 100%; margin: 20px 0px 10px 0px; border-top: 1px dotted #CCCCCC; padding-top: 5px;}
.webportfoliodiv img { float:left;}
.webportfoliotable {float: right; width: 83%; font-size: 12px; padding: 0px 0px 0px 0px;}
.webportfoliotable a {font-size: 12px; color:#000099; text-decoration: none; border-bottom: 1px dotted #000099;}
.webportfoliotable a:hover {color: #990000; text-decoration: none; border-bottom: 1px solid #990000;}
.webportfoliotable td { vertical-align:text-top; text-align: justify; padding: 0px 5px 5px 0px;}
.title { font-weight: bold; text-align: left;}
.webportfoliodiv h2 { padding: 0pc; margin: 0px; font-size: 12px; color: #003399;}

form.contactform { width: 350px; line-height: 23px;}
form.contactform label { float:left; width: 125px; font-size: 10px;}
form.contactform input { float: right; width: 200px; font-size: 10px;}
form.contactform textarea { float: right; width: 200px; font-size: 10px; height: 50px;}
form.contactform select { float: right; width: 206px; font-size: 10px;}
form.contactform input.submit{ float: right; width: 75px; font-size: 10px;}

div.tools { border: 1px solid #003399; margin-bottom: 20px; padding-bottom: 5px;}
#contentcontainer>#content>#contentright>div.tools h2 { color: #FFFFFF; background: #003399; margin: 0px; padding: 3px; text-align:center;}
#contentcontainer>#content>#contentright>div.tools p { margin: 0px; padding: 2px; text-align: center;}

form.login { width: 140px; line-height: 23px; margin: 0 auto;}
form.login label { float:left; width: 125px; font-size: 10px;}
form.login input { float: left; width: 135px; font-size: 10px;}
form.login input.submit{ float: right; width: 75px; font-size: 10px;}

div.regalproducts { padding: 0px 10px 0px 25px; border-bottom: 1px dotted #CCCCCC;}
div.regalfooter { width: 100%; padding: 0px;}
div.regalfooter img { display: inline-block;}
img.icons {float: left;}
img.learnmore { float:right; }


#dropmenudiv{
position:absolute;
border: 1px solid #000000;
border-bottom-width: 0;
line-height:18px;
z-index:100;
margin-left: -1px;}

#dropmenudiv a{
width: 100%;
color: #FFFFFF;
display: block;
text-indent: 3px;
font-size: 10px;
border-bottom: 1px solid black;
padding: 1px 0;
text-decoration: none;
font-weight: normal;}

#dropmenudiv a:hover{ /*hover background color*/
background-color: #264E84;}