/*	styles for VI main pages   */

/*********** layout styles ***********/

html {
	background:url(../wsimages/structural/bg_dots.gif) left top repeat;
}

body {
	color: #d4d2d2;
	font: 70%/1.5em Verdana, "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-align: left; /* Hack */
	margin: 0px;
}

#outerWrapper {
	height: auto !important; /* For Modern Browsers */
	height: 100%; /* For IE */
	padding: 0px 15px 40px 15px;
	width: 994px !important;
	width /**/: 1024px; /* Hack */
	background-color: #000;
	margin-left: auto;
	margin-right: auto;
}

/*********** generic styles ***********/

h1 {
	color: #000;
	font-family: "Trebuchet MS", Helvetica, Lucida Grande, Arial, sans-serif;
	font-size: 1.8em;
	font-weight:normal;
	height: 70px !important; /* For Modern Browsers */
	height: 82px; /* For IE */
	padding: 12px 0px 0px 16px;
	width: 582px !important;
	width /**/: 598px; /* Hack */
	background:url(../wsimages/structural/h1_top.gif) top left no-repeat;
	background-color: #96cdef;
	border:0px;
	margin: 0px 0px 10px 0px;
}

h2 {
	color: #4b561e;
	font: normal 1.2em/1em "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}

h3 {
	color: #86b4e1;
	font: bold 1.3em/1em "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}

h4 {
	color: #000;
	font: bold 1.3em/.5em "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}

img {
	border:0;
}

td, p {
	color: #d4d2d2;
	line-height: 1.5em;
	border:0px;
	padding:0px;
	margin:0.90em 0px 0.95em 0px;
}

.linkskipnav {
	display: none;
}

a:link, a:visited {
	color: #e86800;
	text-decoration: none;
}

a:hover, a:active {
	color: #71abdd;
	text-decoration: none;
}

/*********** navigation styles ***********/
/* tab nav level */

/*
#topLinks {
	padding: 0px 0px 0px 0px;
	margin-top: 20px;
	width: 994px !important;
	width /**/: 994px; /* Hack */
	margin-left: auto;
	margin-right: auto;
	text-align:left;
	height: 26px !important; /* For Modern Browsers */
	height: 26px; /* For IE *
}
*/
#topLinkz {
	padding: 0px 0px 0px 0px;
	margin-top: 0px;
	width: 300px !important;
	width /**/: 300px; /* Hack */
	text-align:left;
	height: 26px !important; /* For Modern Browsers */
	height: 26px; /* For IE */
}

.tabAlign {
	float:right;
}

#tabs {
	margin: 0px;
	padding: 0px 0px 0px 0px;
	list-style: none;
}

#tabs li {
	float: left;
	margin: 0px;
	padding: 0px;
	font-family: "Trebuchet MS", Helvetica, Lucida Grande, Arial, sans-serif;
	font-size: 95%;
}

#tabs a {
	float: left;
	display: block;
	height: 21px !important; /* For Modern Browsers */
	height: 22px; /* For IE */
	margin: 0px 1px 0px 0px;
	padding: 4px 18px 0px 18px;
	color: #414141;
	text-decoration: none;
	border-bottom: 1px solid #9b8748;
	border-left: 1px solid #9b8748;
	border-right: 1px solid #9b8748;
	background: #f9e9a9 url(../wsimages/navigation/on_bg.gif) repeat-x bottom left;
}

#tabs a:hover {
	color: #414141;
	padding-bottom: 0px;
	background: #fff url(../wsimages/navigation/off_bg.gif) repeat-x bottom left;
}

/* main nav level */

#topNav {
	width:994px;
	background:url(../wsimages/navigation/main_bg.gif) top left repeat;
	background-color: #ff9900;	
	height: 34px !important; /* For Modern Browsers */
	height: 34px; /* For IE */
	clear: both;
}

#menu {
	list-style-type: none;
	padding: 0px 0px 0px 40px;
	background:url(../wsimages/navigation/main_bg.gif) top left repeat;
	background-color: #ff9900;
	color: #fff;
	font-family: "Trebuchet MS", Helvetica, Lucida Grande, Arial, sans-serif;
	font-size: 1.6em;
	clear: both;
	margin:0;
	text-transform:uppercase;
}

#menu li {
	display: inline;
	padding: 0;
	margin: 0;
}

#menu li a:link, #menu li a:visited {
	text-decoration: none;
	text-align: center;
	float: left;
	display: block;
	width: 137px;
	margin: 0;
	padding: 8px 0px 8px 0px;
	margin: 0;
	border-left: 1px solid #fff;
	border-right:1px solid #fff;
	border-bottom:1px solid #fff;
	color: #fff;
}

#menu li a:hover, #menu li a:active {
	text-decoration: none;
	color: #000;
	border-bottom: 1px solid #ff9900;
	background-color: #ff9900;
}

#menu li a.selected {
	background-color: #ff9900;
	color: #000000;
	border-bottom: 1px solid #ff9900;
}

/*********** sidenavBar link styles ***********/

#sidenavBar {
	float: left;
	padding: 0px 0px 0px 0px;
	margin-top: 10px;
	margin-bottom: 10px;
}

#sidenavBar ul a:link, #sidenavBar ul a:visited {
	display: block;
}

#sidenavBar ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

/* hack to fix IE/Win's broken rendering of block-level anchors in lists */
#sidenavBar li {
	border-bottom: 1px solid #4d4d4d;
}

/* fix for browsers that don't need the hack */
html>body #sidenavBar li {
	border-bottom: 1px  solid #4d4d4d;
}

/*********** sidenav  styles ***********/

#sectionLinks{
	clear: both;
	margin: 0px;
	border-top:0px;
	color:#96cdef;
}

#sectionLinks a:link, #sectionLinks a:visited, #sectionLinks a:active {
	padding:5px;
	padding-left:15px;
	height:20px;
	width:152px;
	text-decoration:none;
	color:#96cdef;
	font-size:1em;
	font-weight:bold;
	background:url(../wsimages/navigation/on_state.gif) top right no-repeat;
}

#sectionLinks a:hover{
	padding: 5px;
	padding-left:15px;
	width:152px;
	text-decoration:none;
	color:#ff6900;
	background:url(../wsimages/navigation/on_state_over.gif) top right no-repeat;
	background-color: #333;
}

#sectionLinks li a.selected {
	background:url(../wsimages/navigation/on_state_over.gif) top right no-repeat;
	background-color: #333;
	color:#ff6900;
}

#subsectionLinks a:link, #subsectionLinks a:visited, #subsectionLinks a:active {
	padding: 5px;
	padding-left:22px;
	background-color:#232323;
	font-size: .9em;
	font-weight: normal;
	color:#e86800;
	width: 145px !important;
	width /**/: 155px; /* Hack */
	height: 20px !important; /* For Modern Browsers */
	height: 20px; /* For IE */
}
#subsectionLinks a:hover {
	padding: 5px;
	padding-left: 22px;
	text-decoration:none;
	background-color: #232323;
	color:#ff6900;
}

/*********** breadcrumbs styles ***********/

#breadcrumbs {
	padding: 0px 0px 10px 0px;
	margin:0px;
}

/*********** content styles ***********/

#header {
	float: left;
	padding: 0px 0px 0px 0px;
	width: 994px !important;
	width /**/: 994px; /* IE hack */
	height: 152px !important; /* For Modern Browsers */
	height: 152px; /* For IE */
	background:url(../wsimages/structural/bg_header.gif) top right no-repeat;
}

#logo {
	float: left;
	padding: 20px 0px 0px 20px;
	width: 674px !important;
	width /**/: 694px; /* IE hack */
	height: 132px !important; /* For Modern Browsers */
	height /**/: 152px; /* For IE */
}

.leftContent {
	float: left;
	padding: 0px 0px 0px 0px;
	margin-top: 15px;
	margin-bottom: 16px;
	width: 570px !important;
	width /**/:570px; /* IE hack */
	color: #d4d2d2;
}

.rightContent {
	float: right;
	text-align: left;
	padding: 0px 0px 0px 0px;
	margin-top: 15px;
	margin-bottom: 16px;
	width: 424px !important;
	width /**/: 424px; /* IE hack */
	color: #d4d2d2;
}

.leftContentColOne {
	float: left;
	padding: 0px 0px 0px 0px;
	width: 212px !important;
	width /**/: 212px; /* IE hack */
	color: #d4d2d2;
}

.rightContentColOne {
	float: right;
	text-align: left;
	padding: 0px 0px 0px 10px;
	width: 348px !important;
	width /**/: 358px; /* IE hack */
	color: #d4d2d2;
}

.leftContentColTwo {
	float: left;
	padding: 0px 0px 0px 10px;
	width: 240px !important;
	width /**/: 250px; /* IE hack */
	color: #d4d2d2;
}

.rightContentColTwo {
	float: right;
	text-align: left;
	padding: 0px 0px 0px 10px;
	width: 164px !important;
	width /**/: 174px; /* IE hack */
	color: #d4d2d2;
}

.leftContentInner {
	float: left;
	padding: 0px 0px 0px 0px;
	margin-top: 15px;
	margin-bottom: 16px;
	width: 212px !important;
	width /**/: 212px; /* IE hack */
	color: #d4d2d2;
}

.rightContentInner {
	float: right;
	text-align: left;
	padding: 0px 0px 0px 0px;
	margin-top: 15px;
	margin-bottom: 16px;
	width: 782px !important;
	width /**/: 782px; /* IE hack */
	color: #d4d2d2;
}

.leftContentColTwoInner {
	float: left;
	padding: 0px 0px 0px 10px;
	width: 598px !important;
	width /**/: 608px; /* IE hack */
	color: #d4d2d2;
}

/*********** panel styles ***********/
/*********** nav panel styles ***********/

.quoteTxt {
	font: 1em/1.6em Verdana, "Trebuchet MS", Arial, Helvetica, sans-serif;
	padding: 0px 20px 0px 20px;
}
.navPanelTop {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 212px !important;
	width /**/: 212px; /* IE hack */
	height: 12px !important;
	height /**/: 12px; /* IE hack */
	background: url("../wsimages/panels/nav_top_bg.gif") top no-repeat;
}
.navPanelMid {
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	width: 212px !important;
	width /**/: 212px; /* IE hack */
	background: url("../wsimages/panels/nav_mid_bg.gif") repeat;
}
.navPanelBot {
	clear: both;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 212px !important;
	width /**/: 212px; /* IE hack */
	height: 11px !important;
	height /**/: 11px; /* IE hack */
	background: url("../wsimages/panels/nav_bot_bg.gif") bottom no-repeat;
}

/*********** feed panel styles ***********/
.feedPanelTop {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 212px !important;
	width /**/: 212px; /* IE hack */
	height: 12px !important;
	height /**/: 12px; /* IE hack */
	background: url("../wsimages/panels/feeds_top_bg.gif") top no-repeat;
}
.feedPanelMid {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 212px !important;
	width /**/: 212px; /* IE hack */
	background: url("../wsimages/panels/feeds_mid_bg.gif") repeat;
}
.feedPanelBot {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 212px !important;
	width /**/: 212px; /* IE hack */
	height: 12px !important;
	height /**/: 12px; /* IE hack */
	background: url("../wsimages/panels/feeds_bot_bg.gif") bottom no-repeat;
}

/*********** members panel styles ***********/

.memberBanner {
	float:left;
	clear:both;
	margin: 0px 0px 10px 0px;
	padding: 0px;
	width: 240px !important;
	width /**/: 240px; /* IE hack */
}

.membersTxt {
	font: 1em/1.5em Verdana, "Trebuchet MS", Arial, Helvetica, sans-serif;
	padding: 0px 25px 5px 25px;
	color: #666;
}
.membersPanelTop {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 240px !important;
	width /**/: 240px; /* IE hack */
	height: 12px !important;
	height /**/: 12px; /* IE hack */
	background: url("../wsimages/panels/members_top_bg.gif") top no-repeat;
}
.membersPanelMid {
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	width: 240px !important;
	width /**/: 240px; /* IE hack */
	background: url("../wsimages/panels/members_mid_bg.gif") repeat;
}
.membersPanelBot {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 240px !important;
	width /**/: 240px; /* IE hack */
	height: 95px !important;
	height /**/: 95px; /* IE hack */
	background: url("../wsimages/panels/members_bot_bg.gif") bottom no-repeat;
}

/*********** login panel styles ***********/

.loginTxt {
	font: 1em/1.5em Verdana, "Trebuchet MS", Arial, Helvetica, sans-serif;
	padding: 0px 25px 0px 25px;
	color: #666;
}
.loginPanelTop {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 240px !important;
	width /**/: 240px; /* IE hack */
	height: 12px !important;
	height /**/: 12px; /* IE hack */
	background: url("../wsimages/panels/login_top_bg.gif") top no-repeat;
}
.loginPanelMid {
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	width: 240px !important;
	width /**/: 240px; /* IE hack */
	background: url("../wsimages/panels/login_mid_bg.gif") repeat;
}
.loginPanelBot {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 240px !important;
	width /**/: 240px; /* IE hack */
	height: 80px !important;
	height /**/: 80px; /* IE hack */
	background: url("../wsimages/panels/login_bot_bg.gif") bottom no-repeat;
}

/*********** photo panel styles ***********/

.photoTxt {
	font: 1em/1.3em Verdana, "Trebuchet MS", Arial, Helvetica, sans-serif;
	padding: 12px 0px 32px 25px;
	margin: 0px;
}
.photoPanelBot {
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 6px 0px;
	width: 348px !important;
	width /**/: 348px; /* IE hack */
	height: auto !important;
	height /**/: 100%; /* IE hack */
	background: url("../wsimages/panels/photo_bot_bg.gif") bottom no-repeat;
	clear:both;
}
.adPanels {
	clear:both;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	width: 348px !important;
	width /**/: 348px; /* IE hack */
}

/*********** video panel styles ***********/
.videoTxt {
	font: .9em/1.2em Verdana, "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin-bottom:27px;
}

.videoTxtInner {
	font: .9em/1.2em Verdana, "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin-bottom:20px;
}

/*********** footer styles ***********/

#sponsoredLinks {
	clear: both;
	text-align: center;
	margin: 0px 0px 20px 0px;
	padding: 0px;
}

#footer {
	clear: both;
	font-size: .8em;
	color: #797979;
	text-align: center;
	padding: 4px 0px 8px 6px;
}

#footer a:link, #footer a:visited{
	border-bottom: 1px dotted #e86800;
	color: #e86b0f;
	text-decoration: none;
}

#footer a:hover, #footer a:active{
	border-bottom: none;
	color: #fff;
}

/********* FORM OBJECTS STYLES **********/

.input {
    border-right: 1px solid;
    border-top: 1px solid;
    font-size: .8em;
    border-left: 1px solid;
    border-bottom: 1px solid;
    border-color: #aeaeae;
	background-color: #ffffff;
    font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 6px 0px 2px 0px;
}
.inputChk {
    position: absolute;
    clip: rect(5px, 16px, 16px, 5px);
    padding: 0px;
}