/* GLOBAL MARGIN AND PADDING
-------------------------------------*/

h1, h2, h3, h4, h5, h6, pre, form, body, html, p, blockquote, fieldset, input, textarea { 
	font-family: Arial, Helvetica, Verdana, sans-serif; font-size:8pt; font-weight:normal; 
	color:#666; padding:0; margin-left:0; margin-right:0; margin-top:0;
	}

/* MAIN SETTINGS
-------------------------------------*/
html { height: 100%; margin-bottom: 1px; background-color:#003d71; }
body { margin: 0px; padding: 5px 0px 0px 0px; overflow:scroll}
form { display: inline; }
input, textarea { padding: 0px 0px 0px 0px;}
p { margin: 0px 0px 10px; padding: 0px 0px 0px 5px; text-align: left;}

/* LINK STYLES
-------------------------------------*/
a { color:#00ff00; text-decoration: none; }
a:hover { color:#ff0000; text-decoration: none; }
span.u { text-decoration: underline; }

/* HEADING STYLES
-------------------------------------*/
h1 {margin: 5px 0px 5px 0px; padding: 5px 0px 0px 0px; font: normal normal bold small normal; 
    text-align:center; height:21px; color: #666666; background:none; }
h2 {margin: 10px 10px 10px 10px; padding: 5px 0px 0px 70px; font: normal normal bold medium normal; 
	height: 22px; color: #003399; background: url(images/logoVSmall.jpg) 0px 0px no-repeat;}
h3 {margin: 10px 10px 10px 10px; padding: 0px 0px 0px 0px; font:normal normal bold 10pt normal; 
	color: #003399;}
h4 {margin: 5px 0px 5px 10px; padding: 5px 0px 0px 0px; font: normal normal bold 10pt normal; 
	color: #003399;}
h5 {margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; text-align:center; font-size:medium; 
	font-weight:bold;color: #003399; border: 1px #ffbb00 solid; background-color:white; 
	width:335px; height: 38px;}
h6 {margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; font: normal normal bold medium normal; 
	text-align:center; height:22px; color: #ffbb00;}

/* LIST STYLES
-------------------------------------*/
ul {margin: .5em 3em .5em 2em; padding-left: 0em;}
ul li {text-align:left; list-style:none; background:url('Images/bullet_ffbb00.gif') no-repeat 0em .4em; padding-left:2em; margin-bottom:.4em;} 

ol {margin: 0em 3em .5em 4em; padding-left: 0em;} 
ol li {text-align:left; font-weight:bold; color:#003399;} 
ol li span {color:#666666;font-weight :normal;} 
 

/* STRUCTURE
-------------------------------------*/
#root {position: relative; width: 900px; margin: 0px auto 0px auto; text-align:left;}
  #header {background: url(Images/HeaderMouth_BlueBG.jpg) no-repeat; position: relative; width: 100%; height : 175px; top: 0px; left: 0px;}
    #HeaderLogo {display:block; position:absolute; top:10px; height:125px; width:316px; left:60px;}
    #header p {text-align: left; position:absolute; right:20px; top:153px; color:#004826; left:464px; height: 14px;}
    #header p a {font-weight: bold; color: #777777;}  
    #header p a:hover {color: #003399;}
    #header p a.pd {padding: 0px 0px 0px 7px; background: url(images/arrowGR.gif) 0px 50% no-repeat;}

  #menu { z-index:1; position: absolute; background: url(images/menubar.gif) no-repeat 0 0; width:449px; margin:0px 0px 0px 0px; padding:0px 0px 0px 20px; height:27px; top:149px; left:0px;}
  #menuBlock {float:left; height:27px; margin:0px 0px 0px 0px; padding:7px 10px 0px 0px;}
  #menuBlock a {color:#ffffff; font-weight:bold; text-decoration: none;}
  #menuBlock a:hover {color:#ffbb00; text-decoration: none; }
	.StaticMenuStyle {}
	.StaticMenuItemStyle {color:#ffffff !important; font-weight:bold; padding:0px 2px 2px 5px; cursor:pointer !important; height:21px;margin-top:-2px;}
	.StaticHoverStyle {color:#ffbb00 !important;}
	.DynamicMenuStyle { z-index:1000; border:1px #ffbb00 solid; margin:0px 0px 0px 1px; background-color:black}
	.DynamicMenuItemStyle {display:block; font-weight:normal !important; padding:2px 3px 2px 4px; color:#444444 !important; background-color:#ffffff;}
	.DynamicHoverStyle {background-color:#ffbb00;}

  #path {top:0px; height:26px; padding:0px 15px 0px 15px;}
    #path div.pl {margin: 5px 0px 3px 0px; float: left; padding: 2px 8px 1px 0px; color:#ffffff; font-weight:bold; height:14px; width:550px;}
    #path div.pl a {color:#dddddd; text-decoration:none;}
    #path div.pl p {color:#dddddd;}
    #path div.pl a:hover {color: #ffbb00;}
    #path div.pr {float:right; text-align:right; width:300px ;padding:3px 0px 3px 0px; color:#888888; font-weight:bold;}

  #paper {width:900px; margin:1px 0px 0px 0px; padding:0px 0px 0px 0px; list-style: none; background-color:#ffffff;}
    .T {height:5px; padding:0px 0px 0px 0px; background:url(images/papert.jpg) no-repeat;}
    .M {padding:0px 0px 0px 0px; background:url(images/paperm.jpg) repeat-y;}
    .B {height:10px; padding:0px 0px 0px 0px; background:url(images/paperb.jpg) no-repeat;}

  #content {float:left; width:880px; margin:0px 0px 0px 10px; padding:0px 0px 0px 0px;}
    .normal{margin-top: .7em; padding:0px 0px 0px 0px; font-weight:normal;}
    .justPlain {font-weight: normal; color: #666666;}
    #content p {margin: 0px 10px 8px 10px; padding: 0px 0px 0px 0px; text-align: left;}
    .S2 {margin: 0px 10px 5px 15px; padding: 0px 0px 0px 0px;font-size:9pt; text-align: left;}
    #content a {color: #003399; }
    #content a:hover {color: #ffbb00; }
    #contentfull {float:left; width:880px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;}
    #contentdata {float:left; width:580px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;}
    #contentmid {float:left; width:730px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;}
    #contentright {float:right; width:150px; margin:0px 0px 0px 0px; padding:50px 0px 0px 0px; text-align: center;}
    .rList {line-height: 1.4em;}     

/* Expandable DIVs--------------------------- */
    #products {float:left; width:558px; margin:10px 0px 0px 0px; padding:0px 10px 0px 10px;}
	#products h1{font-weight:bold; text-align:center; color:#003399; margin:0px 0px 0px 0px; padding: 10px 0px 0px 0px;}
	#products p{font-weight:normal; text-align:left; color:#666666; margin:0px 0px 0px 0px; padding: 0px 10px 0px 10px;}

/* Tabs--------------------------- */
	#tabsD {float:left; width:100%; background:#FFFFFF; line-height:normal; border-bottom:1px solid #ffbb00;}
	#tabsD ul {text-align:center; margin:0 !important; padding:0px 0px 0px 0px; list-style:none;}
	#tabsD ul li {display:inline; margin:0; padding:0;}
	#tabsD a {float:left; position: relative; top:0px; width:89px; background:url('Images/tab.gif') no-repeat left top; margin:0; padding:0 0 0 4px; text-decoration:none;}
	#tabsD a span {font-weight:bold; text-align:center; float:left; display:block; background:url(Images/tab.gif) no-repeat right top; padding:4px 5px 4px 5px; color:#888888;}
	/* Commented Backslash Hack hides rule from IE5-Mac \*/
	#tabsD a span {float:none;}
	/* End IE5-Mac hack */
	#tabsD a:hover {position: relative; top:0px; background-position:0% -40px;}
	#tabsD a:hover span {color:#003399; background-position:100% -40px;}
	#tabsD a.selected {position: relative; top:1px; background-position:0% -80px;}
	#tabsD a.selected span {color:#003399; background-position:100% -80px;}

/* Tabs Content--------------------------- */
	.contentholder{padding:0px 0px 5px 0px; background-color:#ffffff; border:1px solid #ffbb00; border-top:0;}
	.tabcontent{ /* Hide content when page loaded */ display:none;}
	.tabcontent .scroll{}

    #GalleryPanel {height:auto; text-align:center; clear:both; padding:0px 0px 0px 0px;}
    #GalleryPanel p {font-weight:bold; text-align:center; margin-left: -25px; margin-bottom:15px;}
    .Gallery {height:auto; width:auto; margin: 0px 0px 0px 0px; padding:0px 0px 0px 0px;}    
    .Gallery img {border-width: 0px; padding:5px 3px 5px 3px;}



    .TitleBarActive{background-color: #000000;color: #ffffff;font-weight: bold;padding: 2px;margin : 3px auto;
    border: 1px #000000 dashed;background-image: url('Images/gradientBlueToWhite.jpg'); 
    background-repeat: repeat-x;position: relative;left: 0px;cursor: hand;} 
 
/* Left Menu Stuff
-------------------------------------*/
    #Rootcontentleft {float:left; width:150px; margin:0px 0px 0px 0px; padding:50px 0px 0px 0px; text-align:left;}
    #contentleft {float:left; width:150px; margin:0px 0px 0px 0px; padding:50px 0px 0px 0px; text-align:left;}
    #contentleft p {text-align:center; font-weight:bold; color:#003399;}
    #contentleft a {display:block; color:#666666; text-align:left; text-decoration:none; background-image:url('Images/LMenubox.gif'); background-position:0% 0px; border-top:1px #cccccc solid; width:135px; height:20px; padding: 4px 0px 0px 10px;}
    #contentleft a:hover {background-image:url('Images/LMenubox.gif'); color:#003399; background-position:0% -24px; border-top:1px #ffffff solid; text-align:left; width:135px; font-weight:bold;}
	.LMenuBox {padding: 4px 0px 0px 0px; width:145px; background-color:#dddddd; border: 1px #ffbb00 solid;}

/* Footer Stuff
-------------------------------------*/
    .clear {width: 900px; clear: both; margin: 0px 0px 0px !important; height: 1px !important; margin: 0px; height: 2px !important; }

	#footer {width:890px; padding:4px 0px 0px; color:#666666; background:url(images/bdg.gif) repeat-x;}
    #footer a { font-weight:bold; color:#666666; text-decoration:none;}
    #footer a:hover {color:#003399;}
    #footer div.fl {float:left; padding-left: 20px; width: 410px;}
    #footer div.fm {float:left; width: 220px; text-align:center;}
    #footer div.fr {float:left; padding-right: 10px; width: 230px; text-align:right;}

/* Contact Us Format
-------------------------------------*/
	.MyBox2{ width: 625px; margin:0px 10px 15px 125px; border: 1px #cccccc solid; position:relative; background-color: #f6f6f6; padding:0px 0px 3px 0px; background-image: url('Images/gradientGreyToWhite.jpg'); background-repeat: repeat-x;background-position: -5px top;}   
	.MyBox2:after{content: ""; display:block; height:0; clear:both; text-align:left;}     
	.ContactDropDown {font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 8pt; color: #003399; height: 20px; padding: 0px 2px 0px 2px; margin: 0px 0px 0px 0px; background-color: #ffffff; border: 1px #9999FF solid;}    
	.ContactTextBox  {font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 8pt; color: #003399; height: 15px; padding: 1px 2px 2px 2px; margin: 0px 0px 0px 0px; background-color: #ffffff; border: 1px #9999FF solid;}  
	.ContactRequired {font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 7pt; color: #ff0000;}  

/* Response Page Formats
-------------------------------------*/
  #contentThanks {float:left; width:880px; height: 255px; margin:0px 0px 0px 10px; padding:0px 0px 0px 0px; background: url(images/JackContact.jpg) no-repeat 55%;}
  #downloadThanks {float:left; width:880px; height: 255px; margin:0px 0px 0px 10px; padding:0px 0px 0px 0px; background: url(images/JackPassword.jpg) no-repeat 55%;}
  #Error403 {float:left; width:880px; height: 305px; margin:0px 0px 0px 10px; padding:0px 0px 0px 0px; background: url(images/SpannaInWorks2.jpg) no-repeat 55%;}
  #Error404 {float:left; width:880px; height: 305px; margin:0px 0px 0px 10px; padding:0px 0px 0px 0px; background: url(images/SpannaInWorks.jpg) no-repeat 55%;}
    #Error404 p a {font-weight: bold; color: #777777;}  
    #Error404 p a:hover {color: #003399;}
  #GenError {float:left; width:880px; height: 305px; margin:0px 0px 0px 10px; padding:0px 0px 0px 0px; background: url(images/SpannaInWorks1.jpg) no-repeat 55%;}







/* TESTIMONIALS BOX
-------------------------------------*/

div.testimonials { background: #efefef; border-bottom: 1px solid #e2e2e2; border-left: 1px solid #fff; padding: 8px 2px 8px 8px; }
div.testimonials p { padding: 3px 0px 0px 0px; margin: 0px;}
div.testimonials strong { color: #000000; }

div.CCards {
	border-bottom: 1px solid #e2e2e2;
	border-left: 1px solid #fff;
	padding: 2px 2px 2px 2px;
	text-align: center;
	height: 152px;
}
Cards strong { color: #000000; }

div.ContactUs {
	background: #fff;
	border-bottom: 1px solid #e2e2e2;
	border-left: 1px solid #fff;
	padding: 2px 2px 2px 2px;
	text-align: center;
	color: #333333;
}
div.ContactUs b {
	color: #004826;
	font-size: medium;
	text-align: center;
}