/* Custom CSS file specifically for the servertosite.com website. Copyright 2011 Joshua Luther Hunt-Smith, all rights reserved. You can download a great open source customizable CSS theme I have made at: http://servertosite.com/css-themes-open-source/mivardia-customizable-css-theme.html it is released under the BSD license creativecommons.org/licenses/BSD/    */

html{
height:100%;
margin-bottom:1px;
overflow-y:scroll
}
body{
	text-align: center;
	height: 100%;
	width: 100%;
	margin: 0;
	padding: 0;
	background-color: #0f266f
}
#sts_wrapper{
	min-height: 100%;
	font-family: Arial;
	text-align: justify
}
#sts_wrapper a:focus{
outline:none
}#sts_wrapper a{
text-decoration:none
}#outop,#outerh,#outerm,#outerc,#outerft{
width:100%
}
#top,#header,#topm,#sl,#container,#footer{
margin: 0 auto;
width:960px
}
#outop{
	background-color: #0B0B0B;
	height: 34px
}
#top ul{
z-index:5;
position:absolute;
text-align:right;
margin:52px 0px 0px 549px;
margin-top:54px\9
}	
#top ul span{
	color: #6A6ABF
}
#top ul li{
float:left;
display:inline;
	margin-left: 56px;
	font-size: 14px;
	font-weight: bold;
	padding: 4px 7px 4px 7px;
	background-color: #0B0B0B;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}
#top ul li a{
	color: #422381
}
#top ul li:hover{
	background-color: #0A1A49
}
#top ul li a:active{
	
	color: #0C942E
}
#la{
	height: 1px;
	background-color: #120D44;
	border-bottom: #1A125C solid  1px
}
#header{
	position: relative;
	height: 85px;
	}
#outerm{
	height: 38px;
}
#topm ul{
	margin:0px 0px 0px 5px;
	padding:0px;
	z-index:2;
}
#topm ul li{
	margin:0px 20px 0px 11px;
	float: left;
	list-style-type: none;
	font-size: 19px;
	font-weight: bold
}
#topm #rt{
float:right;
margin-right:93px
}
#topm li a{
	color: #E1E8FB
}
#topm li a span{
	color: #4018DC
}
#topm ul li ul li{
	display: block;
	_display:inline;
	padding: 4px;
	font-size: 16px;
	width: 230px;
	text-align: left;
	color: #EAA7F8;
}
#topm ul li ul li a:hover,#topm ul li:first-child a:hover{
color: #286DD5
}
#topm ul li ul{
	border: 1px dashed #4018DC;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	width: 191px;
	position: absolute;
	padding: 11px 68px 12px 5px;
	margin: 0px 0px 0px -1px;
	display: none;
	background-color: #04042B;
}
#topm ul li:hover > ul{
display:block
}
#topm ul li ul li > ul{
z-index:3;
padding: 11px 95px 12px 5px;
margin:-29px 0px 0px 204px;
}
#topm ul li ul li ul li > ul{
z-index:4;
margin-left:235px;
padding-right:10px
}
#topm ul li ul li ul li ul li{
width:171px
}
#vt{
position:absolute;
z-index:2;
margin-left:527px;
	border-left: #0B1A46 solid 1px;
	background-color: #102B78;
	width: 1px;
	height:123px;
}
.b{
	border-top: #0B1C4F solid 1px;
	background-color: #102B78;
	height: 1px; 
}
#sl{
height:43px
}
#outerc{
height: 100%;
}
#container{
overflow:hidden
}
#container h1,#container h2,#container h3,#container h4{
	line-height: 150%;
	margin: 0px 0px 23px 0px;
	padding: 0px;
	font-size: 20px;
	color: #8FDFFA
}
#container h3,#container h4{
	font-size: 17px;
	color: #8FA8EF
}
#container a{
	text-decoration: none;
	color: #88FFED
}
#container a:hover{
	border-bottom: #FF4848 dotted 1px;
}
#container p{
	line-height: 154%;
	margin: 0px 0px 22px 1px;
	padding: 0px;

}
#container ul{
margin:0px 0px 24px -24px;
*margin-left:17px
}
#container p,#container ul li,#container ol{
color: #BFD1FB;
font-size: medium;
font-weight: bold
}
#container ul li,#container ol{
	line-height: 163%;
}
#container ol{
margin:0px 0px 23px -18px;
*margin-left:24px
}
#container ol li{
list-style-type:decimal
}
#container ol li,#container ul li{
margin:5px 0px 4px 0px
}
#v{
	position: absolute;
	margin: 6px 0px 0px 21px;
	font-weight: bold;
	color: #383881;
	font-size: 17px;
	font-family: Georgia;
	font-style: italic;
	text-align: left
}
#v span#u{
	color: #6F2659;
}
#v span#e{
	position: absolute;
	display: block;
	top: 11px;
	top: -34px\9;
	*top: -34px;
	left: 21px;
	left: -1px\9;
	*left: 0px;
	transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	color: #0E1572;
	font-family: Arial;
	font-style: normal;
	font-weight: normal;
	font-size: 35px;
}
#v span#c{
	font-family: Georgia;
	font-size: 89px;
	color: #0E1576;
}
#v span{
	color: #383883;
}
#v span#j{
	width: 40px;
	position: absolute;
	color: #1A1A3C;
	margin: -1px 0px 0px -19px;
}
.center{display:block;margin: 30px auto 23px auto}
.left{
float:left;margin:8px 28px 0px 0px;padding-bottom:18px
}
.right{
float:right;margin:8px 0px 0px 28px;padding-bottom:18px
}
#container input[type=text],#container textarea{
	margin-bottom: 26px;
	border: 2px solid #091B4A;
	background-color: #F9F9F9;
	padding: 4px 0px 4px 2px;
	font-family: Arial;
	font-size: small;
	font-weight: bold;
	color: #131622
}
#container input[type=text]{
margin-top:-2px
}
#container input[type=text]:focus,#container textarea:focus{
	border-color: #F9F9F9
}
#container input[type=submit]{
	border: 1px solid #0C0C0A;
	padding: 5px;
	background-color: #99A2BF;
	cursor:pointer
}
#container form select{
margin:1px 0px 27px 0px
}
#column .ct{
	color: #FF622D
}
#column .w{
	color: #89A3EF
}
#column #pc{
	color: #D5BFFF
}
#column .dnl{
	color: #FF2889;
}
#column .fi{
	color: #FF622D;
}
#column form span input{
display:none
}
#column h1 span{
	color: #FF4646
}
#area{
	width: 504px;
	height: 378px;
	margin: 80px auto 0 auto;
	background-image: url('images/servertosite.png');
	background-repeat: no-repeat;
}
#column{
	padding: 0px 48px 36px 0px;
	float: left;
	width: 658px;
	height: 100%;
	margin: 34px 0px 0px 10px;

}
#ri{
	margin: 34px 1px 0px 0px;
	float: right;
	width: 222px;
	padding-bottom: 36px;
	text-align: left;
	opacity: .5;
	filter: alpha(opacity=50)
}
#ri a:hover{
	border-bottom-style:none\9
}
#ri h1,#ri h2,#ri h3{
	font-size: 17px;
	color: #FF6835
}
#ri p{
line-height:153%
}
#outerft{
	position:relative;
}
#footer{
position:relative;
padding-top:18px;
	height: 128px;
	text-align: left;
	font-size: 14px;
	font-family: Arial
}
#footer span{
margin-left:7px;
float:left;
text-align: justify;
color: #5A76B6;
font-size: 12px
}
#footer span a{
	color: #B4C6F3;
	text-decoration: none;
}
#footer span a:hover{
text-decoration:underline
}
#cr{
position:absolute;
right:0px;
bottom:3px;
padding-bottom:2px;
border-bottom: #6F72FF dotted 1px;
color: #5A76B6;
font-weight: normal;
font-size: 12px
}
#twi{
float:left;
width:399px;
padding-bottom:23px
}
#frs{
float:right;
width:217px;
}
#frs h2{
margin-top:1px
}
#twi h2,#frs h2{
color:#E8FBFD
}
#column #frs p{
display:block;
padding-bottom:11px;
text-align: center;
}
#column #frs a{
	background-color: #161135;
	padding: 7px 11px 7px 11px;
	color: #B9E7FF;
	border-radius: 15px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;

}
#column #frs a:hover{
	border: 0 none;
	background-color: #18075F;
}
#crt{
font-weight:bold;
color:#EAFFF1
}