/* Blue Gray Template CSS First Light Web Design 2007 */

body {font-size: 11px;
      font-family: Verdana, Arial, sans-serif;
      margin: 0;
      padding: 0;
      background: /*#F3F3F3*/ url(images/background.png) repeat-x;
      color: #4c5861/*#5B6973*/;
      text-align: center;} /* Needed to center layout in old IE browsers. */

acronym, abbr {cursor: help;
               border-bottom: 1px dotted;}

h1, h2, h3, h4, h5, h6 {margin: 5px 0 15px;
                           padding: 0; color: #013378;}

p {line-height: 160%;
	padding-bottom: 10px;
	margin: 0;
}

.justify {text-align: justify;}

ul {list-style-type: disc;
	/*float: right;*/
}

img {border: 0;
     margin: 0;}
       
h1 {font-size: 26px;}
h2 {font-size: 24px;}
h3 {font-size: 22px;}
h4 {font-size: 20px;}
h5 {font-size: 18px;}
h6 {font-size: 16px;}

.small {font-size: 9px;}

.bottom-border {border-bottom: 1px solid #D8D8D8;}

a {color: #013378 /*#F60*/; text-decoration: none;}
a:link {color: #013378 /*#F60*/;}
a:visited {color: #F60 /*#F60*/;}
a:hover {color: #F60 /*#4153AD*/; background-color: #F3F3F3;}

.right {float: right;}

.left {float: left;
       margin: 3px 5px 0 0;}

.clear-fix:after {content: ".";
                  display: block;
                  clear: both;
                  height: 0;
                  visibility: hidden;}

.clear-fix {display: inline-block;}

/* Hide from IE Mac \*/

.clear-fix {display:block;}

/* End hide from IE Mac */
                  
#container {width: 780px;
            margin: 0 auto;
            text-align: left;}

#header {width: 100%;
         height: 144px;
         position: relative;}

#header h1 {margin: 0;}

#logo {position: absolute;
       left: 0;
       top: 0px;
       width: 780px;
       height: 140px;}

#logo img {display: block;}

#logo a {background: transparent;}

/* Begin Search Form CSS */

#search {position: absolute;
         right: 0;
         top: 70px;}

#search input#s {margin-right: 5px;
                 vertical-align: middle;
                 border: 1px solid #6A7A86;
                 padding: 0.24em;
                 width: 135px;
                 background-color: #E4E4E4;
                 color: #6C7074;}

#search input#s:focus {background-color: #F3F3F3;
                       color: #6C7074;}

#search input#submit
 
{background: #6C7074 url(images/search_background.png) repeat-x;
 color: #D8DCE0;
 border: 1px solid #515D67;
 vertical-align: middle;
 padding: 0.38em;
 font-size: 0.8em;}

/* End Search Form CSS */

/* Begin main navigation menu. */

#menu {width: 100%;
       height: 29px;
       clear: both;
       background: url(images/button_end_gradient.png) center left no-repeat;
       position: relative;
	left: 0;
}

#menu ul {list-style-type: none;
          margin: 0;
          padding: 0;
          position: absolute;
          left: 2px;
          background: #6A7A86 url(images/menu_background.png) repeat-x;
          color: #DCE0E4;}

#menu ul li {display: inline;}

#menu ul li a {text-decoration: none;
               height: 29px;
               padding: 0 17px;
               margin: 0;
               line-height: 29px;
               display: block;
               float: left !important;
               background: url(images/button_end_gradient.png) center right no-repeat;
               color: #D8DCE0;
               font-size: 12px;
               font-weight: bold;}

#menu ul li a:hover {background: url(images/button_end_gradient.png) center right no-repeat;
                     color: #FFF;}

/* End main navigation menu. */

#wrapper {width: 100%;
          margin-top: 11px;
          padding: 15px 5px 20px 0;} 

#left-column {width: 510px;
              float: left;
              padding: 0;
              margin: 0;}

#right-column {width: 240px;
               padding: 0;
               float: right;
               margin: 0;}

/* @group product pages */
#product-left-column {width: 340px;
              float: left;
              text-align: left;
              padding: 0;
              margin: 0 0 0 20px;}

#product-right-column {width: 560px;
               padding: 0;
               /*float: right;*/
               margin: 0 0 0 220px;
	/*display: inline;*/
}




#product-right-column  img {float: right;
             padding: 5px;
	display: block;
}

#sidebarContainer {
	width: 200px;
	float: left;
	text-align: left;
	position: relative;
	
}

#sidebarContainer #sidebar {
	line-height: 1.0em;
}



#sidebar ul {
        /*padding: 10px;*/
  font-size: 11px;
	border-style: groove;
	border-width: 1px;
	width: 102%;
}

#sidebar li {
	padding-bottom: 1em;
	margin-left: 1em;
	font-size: 120%;
	padding-top: 3px;
}

#navcontainer {
	line-height: 2.0em;
	padding-top: 0px;
	position: relative;
	margin-bottom: 5px;
}

#navcontainer #group {
	color: #ffffff;
	background: #013378;
	height: 100%;
	
	font-size: 11px;
	letter-spacing: 1px;
	font-weight: bold;
	text-transform:uppercase;
	line-height: 1.1em;
	margin: 10px 0 5px;
	padding-left: 0.5em;
}

#navcontainer #subgroup {
	color: #696b6e;
	background-color: #F3F3F3;
	/*border-bottom: 1px dotted silver;*/
	font-size: 10px;
	/*margin: 0 0 5px;*/
	padding-left: 0.5em;
	display : block;
}


#navcontainer #subsubgroup {
	color: #696b6e;
	background-color: #F3F3F3;
	/*border-bottom: 1px dotted silver;*/
	font-size: 10px;
	/*margin: 0 0 5px;*/
	padding-left: 0.5em;
	display : block;
}


#navcontainer #group:hover {
		/*background: #6A7A86;*/
}

#navcontainer #subgroup:hover {
		/*background: #ffd7ae;*/
		color: #F60 /*#4153AD*/; background-color: #F3F3F3;
}

#navcontainer #subsubgroup:hover {
		/*background: #ffd7ae;*/
		color: #F60 /*#4153AD*/; background-color: #F3F3F3;
}

#navcontainer #current {
	color: #696b6e;
	background-color: #F3F3F3;
	/*border-bottom: 1px dotted silver;*/
	font-size: 10px;
	display : block;
}

#navcontainer #current:hover {
			/*background: #ffd7ae;*/
		color: #F60 /*#4153AD*/; background-color: #F3F3F3;
			
}

#navcontainer .currentAncestor {
	color: #ffffff;
	background: #72848f;
	font-weight: bold;
}

/* Parent - Level 0 */
#navcontainer, #navcontainer ul { /* all lists */
		padding: 0 0 10px;
		margin: 0;
		list-style: none;
		float : left;
	font-size: 88%;
	text-transform:uppercase;
	line-height: 1.4em;
	
}
	
	/*#navcontainer li {*/  /*all list items*/ 
		/*position : relative;
		float : left;
		line-height : 1.25em;
		margin-bottom : -1px;
		width: 105%;
		color: #603913;
		display: block;*/
	/*}*/
#navcontainer ul{
	list-style: none;
	padding: 0;
	margin: 0;
}



/*#navcontainer a {
	color: #696b6e;
	background: #ffffff;
	border-bottom: 1px dotted silver;
	font-size: 10px;
	margin: 0 0 5px;
	padding-bottom: 3px;
}*/

/*#navcontainer a:hover {
	background: #98afbe;
	color: #61727a;
}*/

/*#navcontainer a:active {
}*/



#nav, #nav ul { /* all lists */
		padding: 0 0 10px;
		margin: 0;
		list-style: none;
		float : left;
	font-size: 88%;
	text-transform:uppercase;
	line-height: 1.4em;
	
}
	
	#nav li { /* all list items */
		position : relative;
		float : left;
		line-height : 1.25em;
		/*margin-bottom : -1px;*/
		width: 100%;
		color: #603913;
	padding-bottom: 5px;
	border : 1px dotted silver;
	padding-top: 5px;
}
	
	#nav li ul { /* second-level lists */
		position : absolute;
		left: -999em;
		margin-top : -1.35em;
	margin-left: 17.50em;
	z-index: 1;
	width: 85%;
}

#nav li ul li { /* all list items */
		position : relative;
		float : left;
		line-height : 1.25em;
	margin-left: 45px;
}
	
	#nav li ul ul { /* third-and-above-level lists */
		left: -999em;
	}
	
	/*#nav li a {*/
		/*width: 85%;*/
		
		/*display : block;*/
		/*color: #603913;*/
		/*font-weight : bold;*/
		/*text-decoration : none;
		background-color : white;*/
		/*border : 1px dotted silver;*/
		/*padding : 0 0.5em;*/
	/*}*/
	
	#nav li a:hover {
	background: #ffd7ae;
	}
	
	#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
		left: -999em;
	}
	
	#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { /* lists nested under hovered list items */
		left: auto;
	}


#sub-wrapper img {float: right;
             padding: 5px;
}


/* Sidebar Content
----------------------------------------------- */
#sidebar ul {
  /*border-bottom:1px dotted #ccc;*/
  list-style:none;
	font-size: 85%;
	/*letter-spacing:.1em;*/
	padding: 0 2px 10px 0;
	margin-bottom: 1.5em;
}
/*#sidebar li {
  margin:0;
  padding:0 0 .25em 15px;
  text-indent:-15px;
  line-height:1.5em;
  }*/
#sidebar p {
  color:#666;
  line-height:1.5em;
  margin:0;
  padding-top:15px;
  font:78%/1.6em "Trebuchet MS",Trebuchet,Verdana,Sans-serif;
  text-transform:uppercase;
  /*letter-spacing:.1em;*/
  }
/*Navigation Menus
----------------------------------------------- */


/* @end */

p#intro {font-size: 16px;
         /*font-style: italic;*/
         margin: 0;
	line-height: 24px;
}
         
ul#intro {font-size: 14px;
	line-height: 27px;
         /*font-style: italic;*/
         margin: 15px 0 0 15px;
}         


#learn-more {width: 100%;}

#learn-more a img {/*display: block;*/
                   /*float: right;*/
                   border: 1px;
                   border-color: #ccc;}

/* Sub-content section */

#sub-outer {width: 100%;
            clear: both;
            padding: 0;
            margin: 0;}

#sub-wrapper {float: left;
              width: 100%;
	margin-top: 10px;
}


#sub-center {margin: 0 270px;}

#sub-right {float: left;
            width: 240px;
            margin-left: -240px;}

#sub-left {float: left;
           width: 240px;
           margin-left: -780px;}

/* End sub-content section */

/* The footer is outside of the main container and has an extra 10px in width to compensate visually for the background shadows. */

#footer {width: 790px;
         height: 56px;
         margin: 0 auto;
         background: #F3F3F3 url(images/footer_background.png) repeat-x;
         color: #5B6973;
         clear: both;
         text-align: left;
         padding: 0;
         position: relative;
	font-size: 11px;
}

#footer-content {padding: 19px 15px;}

#footer-right {position: absolute;
               right: 0;
               top: 0;
               width: 15px;
               height: 56px;
               background: #F3F3F3 url(images/footer_right.png) no-repeat;
               color: #5B6973;}
               
#footer-left {position: absolute;
              left: 0;
              top: 0;
              width: 15px;
              height: 56px;
              background: #F3F3F3 url(images/footer_left.png) no-repeat;
              color: #5B6973;}

#footer p {margin: 0; font-size: 10px;}

#footer a {background: transparent;}

#footer-navigation {float: right;
                    margin: 0;}

/* Featured services */

.featured-wrapper {background: #013378 url(images/featured_background.png) repeat-y;
                   color: #DCE0E4;
                   width: 100%;
                   margin-bottom: 20px;}

.featured-content {padding: 0;
                   margin: -8px 0 0;
                   font-size: 16px;}

.featured-content ul {margin: 0;
                      padding: 0 0 10px 20px;
                      /*font-style: italic;*/
                      list-style-type: none;
                      font-size: 12px;
                      line-height: 150%;}
                      
.featured-content li {margin: 0;
	padding: 0 0 5px;
}

.featured-content p {margin: 0;
                     padding: 0 10px 10px;
                     line-height: 125%;}

.featured-content a {background: transparent;}

.featured-content a img {padding: 0;
                         margin: 0;
                         display: block;}

.featured-top {width: 240px;
               height: 18px;
               background: #013378 url(images/featured_top.png) no-repeat;
               color: #DCE0E4;}

/* End Featured Services CSS */

/* Featured news */

.headline {margin: 0 0 5px;
           padding: 0 0 10px;
           font-size: 14px;}

.date {color: #013378 /*#F60*/;
       background-color: #F3F3F3;
       float: right;}

/* A single column division. Good for terms of use, privacy policy, etc. */

#single-column {width: 95%;
                clear: both;
                margin-top: 11px;
                padding: 15px 0px 20px 0;
}

#single-column ul {
		line-height: 1.7em;
	margin: 0 0 20px;
	padding-bottom: 10px;
}         

#faq-column p {/*width: 95%;*/
                clear: both;
                /*margin-top: 11px;*/
                padding: 0 0px 5px 15px;
	
} 

         

#faq-column h6 {/*width: 95%;*/
                /*clear: both;*/
                /*margin-top: 11px;*/
                padding: 10px 0px 0 5px;
	border-top-style: dotted;
	border-top-width: 1px;
}