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

html{
	background-color: #1C4054;
}

body{
	margin: 0px;
	background: #F6F1EB;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	text-align: center;
}

img{
	border-style: none;
}

.container{
	margin: 0 auto;
	width: 900px;
	width /**/: 900px;
	text-align: left;
	position: relative;
}


/*-- --------------------------------   Icons stuff   ------------------------------------------------*/
#bg_icons{
	background: url(../images/bg_icons.png) no-repeat center bottom;
	position: absolute;
	bottom: 8px;
	right: 0px;
	width: 238px;
	height: 120px;
}

#icons{ margin-top: 20px; }

a#logo_uwi{
	display: block;
	width: 65px; 
	height: 97px;
	background-image: url(../images/logo_uwi_1.png);
}

a#logo_uwi:hover{
	background-image: url(../images/logo_uwi_2.png);
}

a#logo_barb{
	display: block;
	width: 40px; 
	height: 35px;
	background-image: url(../images/logo_barb_1.png);
}

a#logo_barb:hover{
	background-image: url(../images/logo_barb_2.png);
}

a#logo_jam{
	display: block;
	width: 40px; 
	height: 35px;
	background-image: url(../images/logo_jam_1.png);
}

a#logo_jam:hover{
	background-image: url(../images/logo_jam_2.png);
}

a#logo_tnt{
	display: block;
	width: 40px; 
	height: 35px;
	background-image: url(../images/logo_tnt_1.png);
}

a#logo_tnt:hover{
	background-image: url(../images/logo_tnt_2.png);
}


/*-- --------------------------------   navBar stuff   ------------------------------------------------*/
#bg_navBar{
	background: #0B3248 url(../images/bg_navBar.jpg) repeat-x;
	width: 100%px;
	height: 70px;
	margin: 0 auto;
	margin-top: -8px; 
}

#navBar{
	margin: 0 auto;
}


/*-- --------------------------------   Drop-down menu stuff   -----------------------------------------*/
ul#topnav {
	margin: 0; padding: 0;
	float: left;
	width: 900px;
	list-style: none;
	position: relative; /*--Set relative positioning on the unordered list itself - not on the list item--*/
	font-size: 1.2em;
}

ul#topnav li {
	float: left;
	margin: 0; 
	padding: 0px 25px 0px 0px;
}

ul#topnav li a {
	padding: 10px 0px 7px 0px;
	display: block;
	color: #0C3248;
	text-decoration: none;
}

/*--Notice the hover color is on the list item itself, not on the link. 
    This is so it can stay highlighted even when hovering over the subnav--*/
ul#topnav li:hover { background: #0B3248 no-repeat; }

ul#topnav li span {
	float: left;
	padding: 5px 15px;
	position: absolute;
	left: 0; 
	top: 40px;
	display: none; /*--Hide by default--*/
	width: 900px;
	background: url(../images/bg_dropMenu.png) no-repeat;
	color: #0C3248;
	/*--Bottom right rounded corner--*/
	-moz-border-radius-bottomright: 5px;
	-khtml-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	/*--Bottom left rounded corner--*/
	-moz-border-radius-bottomleft: 5px;
	-khtml-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
}

/*--Show subnav on hover--*/
ul#topnav li:hover span { display: block; }

/*--Since we declared a link style on the parent list link, 
    we will correct it back to its original state--*/
ul#topnav li span a { 
	display: inline;
	font-size: 11px;
	padding: 0px 15px;
}

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


/*-- --------------------------------   Mid Section stuff   --------------------------------------------*/
#bg_middleSection{
	background: #99B2B5 url(../images/bg_middleSection.jpg) repeat-x;
	margin: 0 auto;
	width: 100%;
	height: 351px;
}

#bg_middie{
	background: url(../images/blur_mid.png) no-repeat;
	background-position: -50px 0px;
	height: 351px;
}

#middle_section{
	padding-top: 34px;
}


/*-- --------------------------------   Pic galley stuff   --------------------------------------------*/
pre { 
	text-align: left; 
	overflow: visible;
	display: none;
}

code { background-color: #ffc; }

pre code { background-color: #eee; }

.pics { 
	height: 283px;
	width: 200px;
	padding: 0;
	margin: 0;
	overflow: hidden; 
}

.pics img {
	height: 283px;
	width: 200px;
	padding: 0;
	border: 0px;
	top:0;
	left:0;
}


/*-- --------------------------------   Content stuff   -----------------------------------------------*/
#content_wrapper{
	background-color: #FFF;
	width: 100%;
}

#content_strip{
	background: #FFF url(../images/strip_content.png) repeat-x;
	margin: 0 auto;
	width: 100%;
	height: 20px;
}

#content_container{
	background: #F0F0F0 url(../images/bg_content_mid.jpg) repeat-y;
	margin: 0 auto;
	margin-top: -7px;
	width: 900px;
	position: relative;
}

#bg_content_top{
	background: url(../images/bg_content_top.jpg) no-repeat;
	height: 17px;
}


/*-- --------------------------------   Content Left Side stuff   --------------------------------------*/
.box{
	background: url(../images/box.jpg) no-repeat;
	background-position: 0px 48px;
	width: 594px;
	height: 248px;
	margin-left: 10px;
	padding-bottom: 35px;
}

.box_txt{
	width: 574px;
	margin-top: 10px;
	margin-left: 10px;
	line-height: 175%;
}

.more{
	margin-top: 15px;
}


/*-- --------------------------------   Content Right Side stuff   --------------------------------------*/
#flags{
	margin-left: 5px;
}

#bg_documents{
	background: url(../images/bg_documents.png) no-repeat;
	width: 265px;
	height: 189px;
	margin: 10px 0px 0px 0px;
}

#documents ul{
	padding: 45px 0px 0px 30px;
}

#documents li{
	margin: 8px 0px;
	border-bottom: 1px dotted #F0F0F0;
	list-style-position: outside;
	list-style-image: url(../images/pic_document.jpg); 
	width: 200px;
}

#documents li a, #documents li a:visited{
	color: #003;
	text-decoration: none;
}

#documents li a:hover{
	color: #900;
	text-decoration: none;
	border-bottom: 1px dotted #900;
}


/*-- --------------------------------   Bottom Section stuff   ------------------------------------------*/
#strip_botSect{
	background: url(../images/strip_botSect.jpg) repeat-x;
	width: 100%;
	height: 7px;
}

#bg_bottomSect{
	background: url(../images/bg_bottomSection.jpg) repeat;
	width: 100%;
	min-height: 105px;
	color: #FFF;
	padding: 10px 0px 0px 0px;
}

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

#bg_bottomSect a:hover{
	color: #FC3;
	border-bottom: 1px dotted #FC3;
}

#bg_legalSect{
	background-color: #1C4054;
	border-top: 1px solid #E8F2F3;
	width: 100%;
	vertical-align: middle;
}