/*
Mirage Engineering

MWISMedia New Media Design & Development

Author: Garry Bartle

 */


/* ---------------------------------------------------------------*/
/* Forces vert scrollbar on all pages*/
/* Removes unpredictable 'browser default' settings */
/* Body tag settings */

html { height: 100%; margin-bottom: 1px; }  

html,body{height:100% !important}

p, td, li, ul,ol, h1, h2, h3 ,h4 ,h5 ,h6, label, input {
	font: normal 12px "arial", Arial;
	margin: 0 0 0 0; 
	padding: 0 0 0 0; 
}
body {
	margin: 0px;
	padding: 0px;
	font: normal 12px "arial", Arial;
	color:#666666;
	background: #7B7C80 url(../images/header.jpg) no-repeat center top;  }
	
a { text-decoration: none; }
	
#main_container {	width: 801px;	margin: auto;	position:relative; background-color:#FFFFFF;}

#header { float:left; width:100%; height:214px; }

#top_blue {float:left; width:801px; height:5px; background-color:#5B92CA; line-height:5px;}

#logo {float:left; width:801px; }

#nav {float:left; width:801px; height:54px; background: url(../images/nav_bg.jpg) no-repeat}

#page_container {float:left; width:801px; background:#ffffff url(../images/shad1.jpg) center top no-repeat; margin:0 0 20px 0; }

#col_one {float:left; width:465px;  background:url(../images/vert_dash1.gif) right repeat-y; margin:30px 0 0 0; padding:0 20px 0 35px; }

#col_two { float:left; width: 230px;  margin:30px 0 0 0;; padding:0 0 0 22px;}

#col_full { float:left; width: 740px; margin:30px 0 0 0; padding:0 20px 0 35px;}

.bullet_box { float:left; width:210px;  margin:20px 15px 10px 0;}

.bullet_box_two { float:left; width:420px;  margin:5px 15px 10px 0;}


/* ---------------------------NAV-----------------------------*/


#nav ul { margin:20px 0 0 0; padding:0 0 0 0;}

#nav li { padding:0 18px 0 37px; list-style:none; display:inline; color:#FFFFFF; font-weight:bold; font-size:11px;}

#nav li a { text-decoration:none; color:#FFFFFF; }

#nav li.line { padding:0 0 0 15px; list-style:none; display:inline; color:#FFFFFF; font-weight:bold; font-size:11px;}

#nav li.hyd { padding:0 0 0 23px; list-style:none; display:inline; color:#FFFFFF; font-weight:bold; font-size:11px;}

#nav li.hyd a { text-decoration:none; color:#FFFFFF; }

#nav li.gen { padding:0 0 0 24px; list-style:none; display:inline; color:#FFFFFF; font-weight:bold; font-size:11px;}

#nav li.gen a { text-decoration:none; color:#FFFFFF; }

#nav li.port { padding:0 0 0 33px; list-style:none; display:inline; color:#FFFFFF; font-weight:bold; font-size:11px;}

#nav li.port a { text-decoration:none; color:#FFFFFF; }


/* ---------------------------HEADERS & PARAGRAPHS----------------------------*/

h1 { margin:0 0 0 0; font-size:20px; color:#0171BB}

h2 { margin:0 0 0 0; font-size:18px; color:#0171BB}

h3 { margin:0 0 0 0; font-size:18px; color:#0171BB}

p {line-height:140%; padding:10px 0 10px 0;}

b { margin:0 0 0 0; font-size:25px; color:#0171BB}

.boring {line-height:140%; padding:0 0 5px 0;}

#address_box p {line-height:120%;}

.small_text {font-size:11px;}

.big_blue { margin :15px 0 5px 0; font-size:16px; color:#BBBBBB;  line-height:140%; font-weight:bold;}

.bluebold { font-weight:bold; color: #0171BB; font-size:14px}

.home_header { margin:0 0 0 0; font-size:20px; color:#0171BB}

.blue_bold { color:#0171BB; font-weight:bold;}

.important { font-weight:bold; color:#666666;}

/* ---------------------------LINKS----------------------------*/

.blue_link a { color:#0171BB; text-decoration:none; border-bottom: dotted 1px #0171BB; font-size:13px; font-weight:bold;}

p a { color:#0171BB; text-decoration:none; border-bottom: dotted 1px #0171BB; font-size:12px;}

.cf_link  { color:#ffffff; text-decoration:none; border-bottom: dotted 1px #ffffff; font-size:14px; font-weight:bold; line-height:200%}

.bullet_box a{ color:#666666; text-decoration:none;}

.bullet_box_two a{ color:#666666; text-decoration:none;}

/* ---------------------------LISTS----------------------------*/

.bullet_box ul {margin:0 0 0 30px;}

.bullet_box li{padding:0 0 10px 0; list-style:url(../images/bullet1.gif)}

.bullet_box_two ul {margin:0 0 0 30px;}

.bullet_box_two li{padding:0 0 10px 0; list-style:url(../images/bullet1.gif)}



/* ---------------------------FOOTER----------------------------*/

#footer { float:left; width:100%; height:235px; background:url(../images/footer.jpg) center top no-repeat;}

#address_box  {	width: 736px;	margin: auto;	position:relative; color:#FFFFFF; padding:0 0 0 10px; }

address {	color:#ffffff;	font-style:normal;	padding:10px 0 0 0;	line-height:140% ; font-size:11px}

#links_box  {	width: 801px;	margin: auto;	position:relative; color:#666666; padding:30px 0 0 0;  text-align:center; text-decoration:none; }

#links_box a {color: #666666;	text-decoration:none;	padding: 20px 10px 0 10px; font-size:11px;}



/* ---------------------------MISC----------------------------*/

.spacer1 {padding:0 0 15px 0;}

.pictures { width: 720px; float: left; margin: 5px 0 5px 0; text-align: left;  } 

.left { width: 720px; float: left; margin: 5px 0 5px 0; }

.port_pix { float:left;padding:3px; border:solid 3px #CCCCCC; }