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

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

html {height:100%}

body{
	font-family:Arial, Helvetica, sans-serif;
	color: #000;
	font-size:0.8em;
	margin:0;
	padding:0;
	background:#b4b5b7 url(../media/horizon_bg.jpg) repeat-x;;
	}
		
/* layout */

#wrapper {
	position:relative;
	margin:3px auto;
	width:900px;
	border:3px solid #666;
	background:#fff url(../media/content_bg.gif) repeat-y;
    }
	
#dateline{ background:#005077; position:absolute; top:-10px; right:-3px; padding:3px 20px; color:#fff;font-family:'Lucida Grande',Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;}	

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

/* btm right icon */
#icon_right{ position:relative; left:-51px; bottom:-10px;}
#icon{ width:0; height:80px; display:block;} /* brings icon back inside nav bar */

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

/* members PDF filter box */
#medif_filter{ float:right; width:200px; margin-top:20px;}

/* footer */	
#footer{ width:900px; font-size:0.85em; margin:0 auto; text-align:right; padding:4px;}

/* info bar */
#info_bar{ width:900px; margin:20px auto 2px auto;}
#info_bar ul{list-style: none; text-align:right;font-variant:small-caps; font-size:1em; font-family:'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;}

/* top nav bar */
#top_nav{ width:900px; position: relative;}
#top_nav ul {width:900px; margin:0; padding:0; list-style: none;}
#top_nav ul li {width:225px; height:100px;display:block; float:left;font-variant:small-caps; font-size:1.25em; font-family:'Lucida Grande',Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;}
#247{position:absolute;	bottom:-82px;left:562px;}
#top_nav #one{ background: #0080C0;}
#top_nav #two{ background:  #0077B0;}
#top_nav #three{ background: #006B9F url(../media/247.png) no-repeat bottom right; }
#top_nav #three a:hover{ background: #008FD5 url(../media/247.png) no-repeat bottom right; }
#top_nav #four{ background: #005B88;}
#top_nav ul li span a:link, #top_nav ul li span a:visited {width:225px; height:100px; display:block; color:#fff; }
#top_nav ul li span a:hover {width:225px; height:100px;display:block; background: #008FD5;}
#top_nav ul li span span{ position:relative; top:10px; left:10px;}

/* right nav bar */
#right_nav{ width:215px; float:right; padding:5px; background:#005077; position:relative; color:#fff;}
#right_nav ul {width:200px; margin:0; padding:0 0 0 15px; list-style: none;font-family:'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 div{ width:190px; margin:10px auto; border:1px solid #fff; display:block; padding:4px;font-family:'Lucida Grande',Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;}
#right_nav em{display:block; width:186px; padding:2px; margin-top:2px; background:#fff; text-align:right;}
.right_nav_img { border:0; margin:5px 10px 0 40px;}
#right_nav span{ background:#fff; text-align: center; display:block;}

/* links */
/* default link colours */
a:link, a:visited{ color: #003366; 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{}