/* All style reset */
@import "reset.css";

/* Elements */
@import "elements.css";

html {height:100%}

body{
	font-family: "Century Gothic", Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
	color: #000;
	font-size: 0.8em;
	margin:0;
	padding:0;
	background:#dcdcdc url(../media/body_bg.jpg) repeat-x top;
	}
		
/* layout */

#wrapper {
	position:relative;
	margin:6px auto;
	width:800px;
	/*border:3px solid #666;*/
	 background:#fff url(../media/top_hatch.gif) top no-repeat;
	 background-position: 2px 237px;
    }

#header{ width:800px; height:60px; position:relative; background:#dcdcdc url(../media/body_bg.jpg) repeat-x top;}
#header img{ margin-left:20px; margin-top:12px;}
#header p{ position:absolute; width:300px; right: 0; top:10px; text-align:right; font-variant:small-caps;}

/* content */	
#content {padding:1px; width:600px; float:left; /*position:relative;*/}
#content p {padding:0 1em;}	

/* capabilities */
#capabilities{width:536px; height:186px; margin:10px auto; background:url(../media/capabilities.png) top left no-repeat #666; position:relative; color:#fff;}
#capabilities a:link,#capabilities a:visited{ color:#fff;}
#capabilities a:hover,#capabilities a:active{ color:#ff0;}
#cap1{ width:150px; height:30px; padding:3px; display:block; text-align:center; position:absolute; top:14px; left:14px;}
#cap2{ width:150px; height:30px; padding:3px; display:block; text-align:center; position:absolute; top:14px; left:193px;}
#cap3{ width:150px; height:30px; padding:3px; display:block; text-align:center; position:absolute; top:18px; right:18px;}
#cap4{ width:150px; height:30px; padding:3px; display:block; text-align:center; position:absolute; top:80px; left:14px;}
#cap5{ width:150px; height:30px; padding:3px; display:block; text-align:center; position:absolute; top:74px; left:193px;}
#cap6{ width:150px; height:30px; padding:3px; display:block; text-align:center; position:absolute; top:80px; right:18px;}
#cap7{ width:150px; height:30px; padding:3px; display:block; text-align:center; position:absolute; top:142px; left:190px;}

/* capabilities new*/
#capabilitiesNew{width:536px; height:124px; margin:10px auto; background:url(../media/capabilitiesNew.png) top left no-repeat #666; position:relative; color:#fff;}
#capabilitiesNew a:link,#capabilitiesNew a:visited{ color:#fff;}
#capabilitiesNew a:hover,#capabilitiesNew a:active{ color:#ff0;}
#cap1{ width:150px; height:30px; padding:3px; display:block; text-align:center; position:absolute; top:12px; left:14px;}
#cap2{ width:150px; height:30px; padding:3px; display:block; text-align:center; position:absolute; top:12px; left:193px;}
#cap3{ width:150px; height:30px; padding:3px; display:block; text-align:center; position:absolute; top:12px; right:18px;}
#cap4{ width:150px; height:30px; padding:3px; display:block; text-align:center; position:absolute; top:74px; left:14px;}
#cap5{ width:150px; height:30px; padding:3px; display:block; text-align:center; position:absolute; top:74px; left:193px;}
#cap6{ width:150px; height:30px; padding:3px; display:block; text-align:center; position:absolute; top:74px; right:18px;}

/* sitemap floatboxes */
.floatbox{ display:block; width:210px; height:100px; float:left; margin-left:4px; margin-top:6px;}

/* logos */
#logo{ width:800px; height:38px; border-top: 1px solid #666;border-bottom: 1px solid #666; text-align:center; line-height:30px; margin:4px 0;}

/* footer */	
#footer{ width:800px; font-size:0.85em; margin:10px auto; text-align:right; padding:4px;font-family:'Trebuchet MS', 'Lucida Grande',Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;}

/* info bar */
#info_bar{ width:800px; height:150px; margin:0 auto 2px auto; background:#fff; color:#fff;}
#info_bar img{ border-bottom:1px solid #333;border-top:1px solid #333;}
#info_bar ul{list-style: none; text-align:right;font-variant:small-caps; font-size:1em; font-family:'Trebuchet MS', 'Lucida Grande',Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;}
#info_bar ul li{ display:inline; padding-right:3px;}
#info_bar ul li a:link, #info_bar ul li a:visited {color:#fff; }
#info_bar ul li a:hover { color:#ccc;}

/*Credits: CSSplay */
/*URL: http://www.cssplay.co.uk/menus/pro_drop2 */

#navholder{width:800px; margin:0 auto;}

.preload2 {background: url(../media/btn_up.jpg) repeat-x;}
.menu2 {padding:0; margin:0; list-style:none; height:25px; background:url(../media/btn_up.jpg) repeat-x; position:relative; font-family:arial, verdana, sans-serif;}
.menu2 li.top {display:block; float:left; position:relative;}
.menu2 li a.top_link {display:block; float:left; height:25px; line-height:25px; color:#bbb; text-decoration:none; font-size:0.9em; font-weight:bold; padding:0 0 0 12px; cursor:pointer;}
.menu2 li a.top_link span {float:left; display:block; padding:0 24px 0 12px; height:25px; line-height:22px;font-variant:small-caps; font-size:1.4em; font-family:'Trebuchet MS', 'Lucida Grande',Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;}
.menu2 li a.top_link span.down {float:left; display:block; padding:0 24px 0 12px; height:25px; }
.menu2 li a.top_link:hover {color:#fff; background: url(../media/btn_down.jpg) repeat-x;}
.menu2 li a.top_link:hover span {background:url(../media/btn_down.jpg) repeat-x;}
.menu2 li a.top_link:hover span.down {background:url(../media/btn_down.jpg) repeat-x;}

.menu2 li:hover > a.top_link {color:#fff; background: url(../media/btn_down.jpg) repeat-x;}
.menu2 li:hover > a.top_link span {background:url(../media/btn_down.jpg) repeat-x;}
.menu2 li:hover > a.top_link span.down {background:url(../media/btn_down.jpg) repeat-x;}


.menu2 table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

/* Default link styling */

/* Style the list OR link hover. Depends on which browser is used */

.menu2 a:hover {visibility:visible;}
.menu2 li:hover {position:relative; z-index:200;}

/* keep the 'next' level invisible by placing it off screen. */
.menu2 ul, 
.menu2 :hover ul ul, 
.menu2 :hover ul :hover ul ul,
.menu2 :hover ul :hover ul :hover ul ul,
.menu2 :hover ul :hover ul :hover ul :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

/* make drop down width wider */
.menu2 :hover ul.sub {left:0; top:25px; background: #990000; padding:3px 0; border:1px solid #333; white-space:nowrap; width:212px; height:auto;}
.menu2 :hover ul.sub li {display:block; height:20px; position:relative; float:left; width:212px;font-weight:normal;}

/* make drop down width hover wider */
.menu2 :hover ul.sub li a {display:block; font-size:11px; height:20px; width:206px; line-height:20px; text-indent:5px; color:#fff; text-decoration:none; border:3px solid #990000; border-width:0 0 0 3px;}

/* make drop down sub width hover wider */
.menu2 :hover ul.sub li a:hover {background: #CC0000; color:#fff;}

.menu2 :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul :hover ul :hover ul
{left:120px; top:-4px; background: #fff; padding:3px 0; border:1px solid #333; white-space:nowrap; width:125px; z-index:200; height:auto;}

/* right nav bar */
#right_nav{ width:185px; float:right; padding:5px; position:relative;}
#right_nav ul {width:200px; margin:0; padding:0 0 0 15px; list-style: none;font-variant:small-caps; font-family:'Trebuchet MS', 'Lucida Grande',Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;}
#right_nav ul li {width:200px; line-height:20px; display:block; height:20px; padding-top:10px;}
#right_nav .top{ width:180px; border:1px solid #fff; text-indent:9px; color:#fff; font-size:1.2em;}
#right_nav ul li a:link, #right_nav ul li a:visited {width:200px; color:#fff; display:block; height:20px; line-height:20px;}
#right_nav ul li a:hover {width:200px;display:block; text-decoration:underline;}
#right_nav img { border:1px solid #999; margin:5px auto;}
#right_nav span{ background:#efefef url(../media/rt_nav_bg.jpg) repeat-x top; text-align: center; display:block; width:175px; height:25px; line-height:25px;border:1px solid #999; font-size:1.2em; margin-top:20px; margin-bottom:4px;}
#right_nav p{ font-size:0.8em; margin:1px; padding:1px; font-family:'Trebuchet MS', 'Lucida Grande',Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif; line-height:12px;}

/* links */
/* default link colours */
a:link, a:visited{ color: #990000; text-decoration:none;}
a:hover{color: #666666;}
a:active{color: #FF0000;}

.footer a:link, .footer a:visited{ color: #dedede; text-decoration:none;}
.footer a:hover{color: #efefef;}
.footer a:active{color: #efefef;}

/* contact */
#contact a{ display:block; width:500px; color: #CC0000; margin:0 0 0 40px; line-height:20px; padding:4px; border-bottom:1px dashed #dedede;}
#contact a:hover{ background-color:#dedede; color:#006699;}
#contact a:active{}
#contact a:visited{}