/* CSS Document */

html {overflow-y:scroll;}

body {
	margin: 0;
	padding: 0;
	background: #f2f2f2;
}

* {font-family: Arial, Helvetica, sans-serif;}

p {
	font: 12px Arial, Helvetica, sans-serif;
	color: #555;
	padding: 4px 0px 4px 10px;
	margin: 0px;
}

a:link {color: #5568BF; text-decoration: none;}
a:visited {color: #5568BF; text-decoration: none;}
a:hover {color: #6F7614; text-decoration: underline;}
a:active {color: #656B12; text-decoration: underline; outline:expression(hideFocus=true); outline:0;}

ul {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	color: #666666;
	margin: 4px 0px;
	padding: 0px 0px 0px 35px;
}
ol {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	color: #666666;
	margin: 0px;
	padding: 0px 0px 0px 35px;
}
li {
	margin: 2px 0px;
	padding: 0;

}



#container {
	width:740px;
	margin: 0 auto;
	padding:0 20px;
	text-align: center;
}

.bodyheight{height:280px;}
.bodywidth{width:100%;}

#banner{
	margin: 0;
	padding: 0;
	height: 60px;
	background: #211D1E url(images/banner.jpg) no-repeat;
	text-align:right;
}
.bannerwidth{
	width: 740px;
	height: 1px;
}
#bannerspacer{
	margin: 0;
	padding: 0;
	height: 24px;
	background: url(images/diaglines.jpg) repeat-x top left;
}

#visanmainmenu{
	height:56px;
	margin: 0 15px 0 0;
	padding: 0;
	font: bold 12px Arial, Helvetica, sans-serif;
	float:right;
}

#visanmainmenu td{
	padding: 0 2px;
	text-align:center;
}

#visanmainmenu a.menu, #visanmainmenu a.selected{
	display:block;
	text-align:center;
	margin:0;	
	padding: 2px 6px 1px 6px;
	text-decoration: none;
	font-weight: bold;
	color: #ddd;
	border: none;
	outline:none;
} 
#visanmainmenu a.menu:hover, #visanmainmenu a.menu:focus, #visanmainmenu a.menu:active{
	text-decoration: none;
	color: #fff;
	padding: 1px 5px 1px 5px;
	border: 1px solid #ccc;
	border-bottom: none;
	background: none;
}
#visanmainmenu a.signinlink, #visanmainmenu a.signinlink:active{
	display:block;
	text-align:center;
	margin:0;	
	padding: 1px 6px;
	text-decoration: none;
	font-size:11px;
	font-weight: bold;
	color: #ddd;
	border: none;
	outline:none;
	background: none;
} 
#visanmainmenu a.signinlink:hover, #visanmainmenu a.signinlink:focus{
	text-decoration: underline;
	color: #fff;
}
/*#visanmainmenu a.menu:active {
	color: #ddd;
	padding: 2px 5px 3px 5px;
	border: 1px solid #aaa;
	border-bottom: none;
}*/
#visanmainmenu a.selected, #visanmainmenu a.selected:hover, #visanmainmenu a.selected:focus{
	text-decoration: none;
	color: #000;
	padding: 1px 5px 1px 5px;
	border: 1px solid #bbb;
	border-bottom: none;
	background: #eee url(../assets/images/tabgrad.jpg) repeat-x bottom left;
}

#pagebody h1 {
	font-size: 14px; 
	background-color:#f2f2f2;
	color:#666;
	margin:0;
	padding:0 4px 0 0;
}
#pagebody h2 {
	font-size: 13px; 
	background-color:#f2f2f2;
	color:#666;
	margin:0;
	padding:0;
}
#pagebody h3 {
	font-size: 12px; 
	background-color:#f2f2f2;
	color:#666;
	margin:0;
	padding:0;
}


#contact a, #contact a:active {
	text-decoration:none;
	outline:none;
	color:#669; 
	margin-top:5px; 
	border:solid 1px #f2f2f2;
	padding: 0px 3px 1px 3px;
}
#contact a:hover, #contact a:focus{
	color: #fff;
	text-decoration: none;
	text-decoration:none;
	background-color: #aaa;
	border:solid 1px #999;
}

#contact a.selected{
	color: #444;
	text-decoration: none;
	background-color: #eee;
	text-decoration:none;
	border:solid 1px #bbb;
	cursor:default;
	
}

.pageheadbar {
	height:20px;
	margin: 2px 0 6px 0;
	padding: 0;
	text-align: left;
	background: url(images/dashes.gif) repeat-x top left;
}
.pageheadbar h1 {
	font: bold 15px Arial, Helvetica, sans-serif;
	color: #666;
	background-color:#f2f2f2;
	text-align: left;
	margin: 0;
	padding:0 4px 0 0;
	float:left;
}

.pageheadbar h2 {
	font-size:12px;
	color: #990000;
	background-color:#f2f2f2;
	margin: 0;
	padding: 1px 6px;
	float:right;
}

#subheadbar a{
	display:block;
	float:left;
	font-size:11px;
	font-weight:bold;
	margin:1px 0;
	padding:1px 6px 1px 2px;
	border:solid 1px #ccc;
	background-color:#f2f2f2;
	color: #666;
	text-decoration: none;
	outline:none;
} 
#subheadbar  a:hover, #subheadbar  a:active{
	text-decoration: none;
	color: #333;
	border-color:#aaa;
	background-color:#ddd;
}

#subheadbar  a:focus, #subheadbar  a:active{
	color: #000;
	text-decoration: none;
	border-color:#999;
	background-color:#ccc;
}


#markets h2 {
	color: #555;
	border:solid 1px #ccc;
	background-color: #eee;
  padding:2px 0 2px 4px;
}
#markets {
	font: bold 10px Arial, Helvetica, sans-serif;
}
#markets a {
	display:block;
	float:right; 
	margin:3px 2px 2px 0; 
	padding: 2px 2px 2px 5px;
	color:#669; 
	text-decoration:none;
	outline:none;
}
#markets a:hover, #markets a:focus, #markets a:active{
	color: #444;
	background-color:#d4d4d4;
	text-decoration: none;
}


.leftimage {
	float:left;
	margin:2px 6px 25px 20px; 
}

.spacer {
	height:1px;
}

#previewbox {
	width:415px;
	height:315px;
	margin:5px 0 0 15px;
}

#videobox {
	width:400px;
	height:300px;
	margin:5px 0 0px 15px;
	padding:5px 10px 10px 5px;
	background:url(images/ScreenBlank.jpg) top left;
}

#imageswapper{
	margin: -1px 10px 0 10px;
	padding:0;
	font-weight: bold;
	text-align:center;
	width: 400px;
	height: 20px;
	position:relative;
	z-index:1;
	outline:none;
}
#imageswapper a{
	font:bold 11px Arial, Helvetica, sans-serif;
	text-decoration: none;
	margin:2px 3px 0 3px;	
	padding:1px 3px 1px 3px;
	color: #666;
	border:1px solid #ccc;
	border-top:1px solid #ececec;
	background-color: #ececec;
	position:relative;
	cursor:pointer;
	outline:none;
} 
#imageswapper a:hover{
	color: #222;
	text-decoration: none;
	position:relative;
	margin:2px 3px 0 3px;	
	padding:1px 3px 1px 3px;
	border-top:1px solid #eee;
	background-color: #eee;
}
#imageswapper a:focus, #imageswapper a:active, #imageswapper a.selected{
	color: #000;
	text-decoration: none;
	position:relative;
	margin:0px 3px 0 3px;	
	padding:3px 3px 1px 3px;
	border-color:#ccc;
	border-top:1px solid #d4d4d4;
	background-color: #d4d4d4;
}
#imageswapper img{
	margin:0 2px;	
	border:none;
	display:inline;
}

#headlinks {
	margin: 0;
	padding: 4px 0;
	font: bold 10px Arial, Helvetica, sans-serif;
	text-align: center;
	color: #666;
	text-decoration: none;
}

#headlinks a {
	text-decoration:none;
	outline:none;
	color:#669; 
	margin-top:5px; 
	border:solid 1px #f2f2f2;
	padding: 0px 3px 1px 3px;
}
#headlinks a:hover, #headlinks a:focus, #headlinks a:active{
	color: #fff;
	text-decoration: none;
	text-decoration:none;
	background-color: #aaa;
	border:solid 1px #999;
}

#headlinks a.selected{
	color: #444;
	text-decoration: none;
	background-color: #eee;
	text-decoration:none;
	border:solid 1px #bbb;
	cursor:default;
	
}

#footer {font: 10px Arial, Helvetica, sans-serif; color: #999;visibility:hidden;}
#footer a:link {color: #888; text-decoration: none;}
#footer a:visited {color: #888; text-decoration: none;}
#footer a:hover {color: #57B; text-decoration: underline;}
#footer a:active {color: #57B; text-decoration: none;}

#copyright {font: 10px Arial, Helvetica, sans-serif; color: #888;	text-align: center;}