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

html {background:  #0730b4; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#666666; line-height: 14px;}

body {margin:0 auto; background:url(images/bd_bk.jpg) repeat-y #0730b4; background-position:center; }

#wrapper {background: #FFF; width: 900px; margin:0 auto;}

#slide {height: 346px; background: url(images/ftback.jpg) no-repeat; padding: 12px 21px 0 19px;}

/**	MENU **/

.menu {Margin-top: 64px; height: 45px; display: block;}

.menu ul {list-style: none; padding: 0; margin: 0;}

/* width and height of the menu items */  
			
.menu ul li {float: right; overflow: hidden; position: relative; text-align: center; line-height: 45px;}

/* must be postioned relative  */ 
			
.menu ul li a {position: relative; display: block; width: 110px; height: 45px; font-family: Arial; font-size: 11px; font-weight: bold; letter-spacing: 1px; text-transform: uppercase; text-decoration: none; cursor: pointer;}

/* all layers will be absolute positioned */
			
.menu ul li a span {position: absolute; left: 0; width: 110px;}

.menu ul li a span.out {top: 0px;}

/* hide */  
			
.menu ul li a span.over, .menu ul li a span.bg {top: -45px;}
		
/** 2nd example **/

#menu2 {background: #04175b;}
		
#menu2 ul li a {color: #FFF;}

#menu2 ul li a span.over {background: #FFF; color: #000;}

#active {width: 110px; height: 45px; font-family: Arial; font-size: 11px; font-weight: bold; letter-spacing: 1px; text-transform: uppercase; text-decoration: none; width: 110px; background: #FFF; color: #000;}

/* jquery feature css */
	
.fefe {margin: 0; padding: 7px 0 0 0; font-size: 16px; font-weight: 700; text-transform: uppercase;}
	
label {margin: 0; padding: 7px 0 0 0; font-size: 16px; font-weight: 700; text-transform: uppercase;}

div#feature_list {width: 860px; height: 320px; overflow: hidden; position: relative; border:solid #333 1px;}

div#feature_list ul {position: absolute; top: 0; list-style: none; padding: 0; margin: 0;}

ul#tabs {left: 0; z-index: 2; width: 320px;}

ul#tabs li {font-size: 12px; font-family: Arial;}
		
ul#tabs li img {padding: 5px; border: none; float: left; margin: 0 10px 0 0;}

ul#tabs li a {color: #222; text-decoration: none; display: block; padding: 9px; height: 46px; outline: none;}

ul#tabs li a:hover {text-decoration: underline;}

ul#tabs li a.current {background:  url('feature-tab-current.png'); color: #FFF;}

ul#tabs li a.current:hover {text-decoration: none; cursor: default;}

ul#tabs span {padding-right: 12px;}

ul#output {right: 0; width: 572px; height: 320px; position: relative;}

ul#output li {position: absolute; width: 572px; height: 320px;}

ul#output li a {position: absolute; bottom: 10px; right: 20px; padding: 8px 12px; text-decoration: none; font-size: 11px; color: #FFF; background: #000;}
		
ul#output li a:hover {background: #D33431;}

/* Mason CSS*/

#ttpbody {margin-left: 10px; margin-right: 10px; background-image:url(images/logoshield.jpg); background-repeat:no-repeat; }

#ttpbody h1 {display:inline; font-size:17px; font-style:italic; color:#03C;}

#ttpleft {float:left; width: 410px; text-align: left;}

#ttpleft a {color:#147937; font-weight:600; text-decoration:none;}

#ttpleft a:hover {color:#03C; font-weight:600; text-decoration:underline;}

#ttpmid {float:left; width: 40px; border-right: dotted #666 1px;}

#ttpright {float:right; width: 410px; text-align: left;}

#ttpright a {color:#147937; font-weight:600; text-decoration:none;}

#ttpright a:hover {color:#030; font-weight:600; text-decoration:none;}

#ttprightli a {color:#666; text-decoration:none; font-weight:200;}

#ttprightli a:hover {color:#030; font-weight:200; text-decoration:none;}

#ttpright p {margin-right: 10px;}

#btbody {font-size: 14px;}

#btbone {width: 210px; float: left; margin-right: 10px; text-align: justify;}

#btbtwo {width: 410px; float: left; text-align: justify; }

#btbtwo a {color:#147937; font-weight:600; text-decoration:none;}

#btbtwo a:hover {color:#03C; font-weight:600; text-decoration:underline;}

#btbthr {width: 235px; float: right; margin-left: 10px; text-align: right;}

#footer{ color:#666; margin:0; padding:0 0 0px 10px; background:#0730b4 url(images/ft_bk.jpg) no-repeat; background-position: center; height: 170px;}

#foot {padding: 15px;  background: #04175b;}

#inft {font-size:13px; color: #FFF;}

#inftleft {float:left; width: 340px; text-align: left;}

#inftright {font-weight: 500; float:right; width: 340px; text-align: right;}

#inftright a {color: #FFF; text-decoration:none;}

#inftright a:hover {color: #FFC; text-decoration:underline;}

.clr {clear: both;}