@charset "utf-8";
body { font-size: 62.6%; font-family: Arial, Verdana, Helvetica, sans-serif; background: #C8C8C8; color: #000; margin: 0; padding: 0; position:relative;  }
a:link, a:visited, a:active { color: #003399; text-decoration: none; }
a:hover { color: #50483D; text-decoration: none; }
label{display:block;}
label span {width: 12em; float:left; font-weight: bold; }
img { border: none; margin: 0; padding: 0; }
h1 {position:relative; font-size:1.6em; margin: 0 0 1em 0;}
h2 {position:relative; font-size:1.6em; margin: 0 0 0.7em 0; font-weight:normal; border-bottom:1px dotted #ccc; }
caption{text-align:left; font-size:1.2em;}

/******************* Main Styles *******************/
#container { position:relative; width: 955px; font-size: 1.2em; margin: 0 auto; padding: 0; background: #FFFFFF url(../pics/layout/main-bg.jpg) repeat-y; }
	#container p { line-height: 1.4em; margin: 0; padding: 0; }
	#container fieldset { background-color: #ECF2F4; }
	#container fieldset p { margin: 0 0 5px 0;}
	#zone{display:none;}
	#banner { position:relative; width: 955px; height: 121px; padding: 0; margin:0; z-index: 1; background: url(../pics/layout/wowi-header-all.jpg) no-repeat; }
		#logo { position: absolute; top: 0; left: 0; width: 186px; height: 89px; }
			#logo a:visited, #logo a:active, #logo a:link { display: block; width: 186px; height: 89px; background: url(../pics/layout/wowi-logo.gif) no-repeat; }
			#logo a:hover { display: block; width: 186px; height: 89px; background: url(../pics/layout/wowi-logo.gif) no-repeat; }
		#banner #flashcontent { position: absolute; top: 0; right: 0; z-index: 6; padding: 0; marging: 0; line-height: 0; border: none; }
		#banner .banner-links { position: absolute; top: 5px; right: 5px; width: 200px; text-align: right; color: #fff; z-index: 50; }
		#banner a:link, #banner a:visited, #banner a:active { color: #fff; text-decoration: none; }
		#banner a:hover { color: #50483D; text-decoration: none; }
		#banner .search { position: absolute; top: 96px; right: 5px; text-align: right; }
	#content { position:relative; width: 955px; padding: 0; margin:0; z-index: 5; }
	#main { position:relative; width: 955px; background: url(../pics/layout/left-bg.jpg) no-repeat left bottom; padding: 0; margin:0; z-index: 5; }
	#menu { display: none; }
		#menu-links { background: url(../pics/layout/menu-bg.jpg) repeat-y; }
	#content-area { position:relative; width: 955px; padding: 0 0 0 0; margin:0; z-index: 5; float: left; }
		#content-area a:link, a:visited, a:active { color: #003399; text-decoration: none; }
		#content-area a:hover { color: #50483D; text-decoration: none; }
	#actions { display: none; }
	#footer { position: relative; margin: 0; padding: 0; width: 955px; height: 301px; background: url(../pics/layout/wowi-footer-all.jpg) no-repeat bottom; z-index: 5; }
		#footer .footer-bottom { position:absolute; bottom: 30px; left: 30px; font-size: 0.9em; }
		#footer .footer-copyright { color: #999; }
		#footer a:link, #footer a:visited, #footer a:active { color: #0461C8; text-decoration: none; }
		#footer a:hover { color: #50483D; text-decoration: none; }
		#footer .contact { position: absolute; width: 300px; height: 51px; background: url(../pics/layout/phone.jpg) no-repeat; padding: 10px 0 0 40px; margin-left: 0; color: #999; top: 0; left: 365px; }
		#footer .panel-text { font-size: 0.9em; padding: 0; margin: 0; line-height: 0; }
		#footer .panel1 { position: relative; width: 185px; float: left; margin: 105px 0 0 30px; }
		#footer .panel2 { position: relative; width: 185px; float: left; margin: 105px 0 0 0; }
		#footer .panel3 { position: relative; width: 185px; float: left; margin: 105px 0 0 0; }
		#footer .panel4 { position: relative; width: 185px; float: left; margin: 105px 0 0 0; }
		#footer .panel5 { position: relative; width: 185px; float: left; margin: 105px 0 0 0; }
		
/*** HOME PAGE ***/
#home-left { position:relative; float: left; width: 318px; height: 510px; background: url(../pics/layout/wowi-home-panel-left-318-710.gif) no-repeat; }
#home-middle { position:relative; float: left; width: 318px; height: 510px; background: url(../pics/layout/wowi-home-panel-middle-318-710.gif) no-repeat; }
#home-right { position:relative; float: left; width: 318px; height: 510px; background: url(../pics/layout/wowi-home-panel-right-319-710.gif) no-repeat; }

#home-left .home-image a:visited, #home-left .home-image a:active, #home-left .home-image a:link { position: relative; background: url(../pics/layout/wowi-home-panel-left-image-n.gif) no-repeat; display: block; width: 318px; height: 123px; }
#home-left .home-image a:hover { background: url(../pics/layout/wowi-home-panel-left-image-r.gif) no-repeat; }

#home-middle .home-image a:visited, #home-middle .home-image a:active, #home-middle .home-image a:link { position: relative; background: url(../pics/layout/wowi-home-panel-middle-image-n.gif) no-repeat; display: block; width: 318px; height: 123px; }
#home-middle .home-image a:hover { background: url(../pics/layout/wowi-home-panel-middle-image-r.gif) no-repeat; }

#home-right .home-image a:visited, #home-right .home-image a:active, #home-right .home-image a:link { position: relative; background: url(../pics/layout/wowi-home-panel-right-image-n.gif) no-repeat; display: block; width: 318px; height: 123px; }
#home-right .home-image a:hover { background: url(../pics/layout/wowi-home-panel-right-image-r.gif) no-repeat; }

#content-area .home-title-for { color: #CCCCCC; }

#content-area .home-image { position:relative; margin-top: 47px; } 

#content-area .home-title-larger { position:absolute; color: #B8B814; margin-top: 27px; margin-left: 80px; font-weight: bold; font-size: 1.3em; } 
#content-area .home-title-smaller { position:absolute; color: #B8B814; margin-top: 27px; margin-left: 52px; font-weight: bold; font-size: 1.3em; } 
#content-area .home-title-agencies { position:absolute; color: #B8B814; margin-top: 27px; margin-left: 24px; font-weight: bold; font-size: 1.3em; } 
#content-area .home-content-larger { position:relative; width: 200px; margin: 15px 0 0 80px; } 
#content-area .home-content-smaller { position:relative; width: 195px; margin: 15px 0 0 52px; } 
#content-area .home-content-agencies { position:relative; width: 195px; margin: 15px 0 0 24px; } 
#content-area .home-text { font-size: 1.2em; color: #999999; line-height: 1.2em;} 

#content-area .home-links { margin: 30px 0 0 0; } 
#content-area .home-links-row { margin: 0 0 20px 0; width: 150px;} 


/*** GALLERY ***/
.gallery { float: left; width: 154px; margin: 0 10px 10px 0; padding: 0 0 0 0; }

/*** MENU ***/
#menu #menu-links ul { list-style: none; margin: 0 0 0 0; padding: 0; color: #fff; }
#menu #menu-links li { list-style: none; margin: 0; padding: 0; display: block; width: 180px; font-weight: bold; }
#menu #menu-links a:link, #menu #menu-link a:visited, #menu #menu-link a:active { display:block; width: 180px; position:relative; margin: 0; padding: 0; z-index: 10; background: url(../pics/layout/menu-normal.jpg) no-repeat; color: #ff6600; }
#menu #menu-links a:hover { display:block; height: 31px; width: 180px; position:relative; margin: 0; padding: 9px 0 0 38px; z-index: 10; background: url(../pics/layout/menu-over.jpg) no-repeat; }
#menu #menu-links .active { display:block; height: 31px; width: 180px; position:relative; margin: 0; padding: 9px 0 0 38px; z-index: 10; background: url(../pics/layout/menu-over.jpg) no-repeat; color: #50483D; }

/*** BANNER NAV ***/
#banner .bannerNav ul { list-style: none; margin: 0 0 0 0; padding: 0; color: #fff; }
#banner .bannerNav li { list-style: none; margin: 0; padding: 0; display: block; width: 205px;}

/*** COMP STYLES ***/
.compLeft { width: 189px; float: left; margin-right: 10px; }
.compRight { width: 500px; float: left;}
.compTitle { font-size: 1.3em; padding-bottom: 10px; }

/*** TABLE STYLES ***/
.table1 { width: 100%; border: #A4B7BD 1px solid; }
.table1 th { text-align: left; font-weight: bold; background-color: #A4B7BD; color: #FFFFFF; padding: 3px 3px 3px 3px; }
.table1 td { text-align: left; padding: 3px 3px 3px 3px; }
.table1 .row1 { background-color: #F2F5F7; }
.table1 .row2 { }

.table2 { width: 100%; border: #A4B7BD 1px solid; }
.table2 th { background: #eee; font-size:0.9em; text-align:left; }
.table2 td { text-align:left; background:#f5f5f5; border: 1px solid #fff; padding: 0 0 3px 5px; }

/*** PAGINATION ***/
#container .pagination { padding: 0; margin: 0; font-family:Verdana; font-size:8pt; text-decoration:none; text-align: center; margin: 0; }
#container .pagination a:link, #container .pagination a:active, #container .pagination a:visited  { margin: 2px; border: 1px solid #7D99A2; text-decoration: none; color: #333;font-family:Verdana; font-size:8pt; padding-left:5px; padding-right:5px; padding-top:2px; padding-bottom:2px; }
#container .pagination a:hover { margin: 2px; border: 1px solid #800000; background-color: #C7D3DC; color: #333;font-family:Verdana; font-size:8pt; padding-left:5px; padding-right:5px; padding-top:2px; padding-bottom:2px; text-decoration:none; }
#container .pagination span.current { margin: 2px; border: 1px solid #000000; font-weight: bold; background-color: #A4B7BD; color: #FFFFFF;font-family:Verdana; font-size:8pt; padding-left:5px; padding-right:5px; padding-top:2px; padding-bottom:2px; }
#container .pagination span.disabled { margin: 2px; border: 1px solid #999999; color: #999999;font-family:Verdana; font-size:8pt; padding-left:5px; padding-right:5px; padding-top:2px; padding-bottom:2px; }
a:hover.list { font-family: Verdana; font-size: 8pt; font-variant: small-caps; text-decoration: underline; text-transform: capitalize; color: #fff; line-height: 200%; font-weight: bold; }
a.list { text-transform: capitalize; font-variant: small-caps; font-family: Verdana; font-size: 8pt; color: #FF0000; text-decoration: underline; line-height: 200%; font-weight: bold; }	

/*** USEFUL STYLES ***/
.rowLeft { }
.rowRight { }
.clear { clear: both; }
.inputMedium { width: 200px; }
.inputXlarge { width: 300px; }
.inputXXlarge { width: 500px; }
.txtareaMedium { width: 300px; }
.txtareaXlarge { width: 500px; height: 150px; }
.txtareaXXlarge { width: 500px; height: 150px; }
.txtareaXXXlarge { width: 650px; height: 150px; }
.errorMsg { color: #FF0000; }
.scrolldiv { height: 250px; overflow: auto; }
#content-left a.tcs:link, #content-left a.tcs:visited, #content-left a.active { color: #50483D; text-decoration: underline; }
#content-left a.tcs:hover { color: #fff;  text-decoration: underline; }
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }
.searchBox { height: 12px; width: 170px; font-size: 0.9em; padding: 0 0 2px 0; margin: 0; }
.searchBttn { height: 20px; line-height: 0px; font-size: 0.9em; }

/*** DIV TABLES ***/
.tablecontainer { 
	display: table;
	width: 100%;
	border: none;
	border-spacing: none;
	border-collapse: separate; }
.tablecontainerrow  { display: table-row; width: auto; }
.col1 { float:left; display: table-cell; width: 20%; }
.col2 { float:left; display: table-cell; width: 80%;} 


#warning { border: 1px solid #FF0000; margin-top: 10px; padding: 10px 10px 10px 50px; background:#FFE8E8 url(../pics/alerts/alert.jpg) no-repeat top left; }
#warning p { padding: 0; margin: 0; font-weight: bold; color:#990000;} 

#success { border: 1px solid #B7ED7B; margin-top: 10px; padding: 10px 10px 10px 50px; background:#E9FFEA url(../pics/alerts/success2.jpg) no-repeat top left; }
#success p { padding: 0; margin: 0; color:#009900; font-weight: bold; } 

#notice { border: 1px solid #F8D459; margin-top: 10px; padding: 10px 10px 10px 50px; background:#FFFEDF url(../pics/alerts/notice.jpg) no-repeat top left; }
#notice p { padding: 0; margin: 0;}