﻿/* If you want a copy similar to this CSS file along with included drop down menus and html files, please go to the address in the line below to get one. Please leave this CSS file alone as it is my personalized version for servertosite.com Thankyou very much from Joshua L Hunt-Smith
This line must remain here. Thankyou. The Stylisticade Customizable Theme CSS File. Copyright 2010 Joshua L Hunt-Smith, all rights reserved. Project page: http://servertosite.com/css-themes-open-source/stylisticade-customizable-css-theme.html and 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;
}
#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 60px 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: #98AEF1
}
#container h4{
font-size:17px;
color: #E7FFCC
}
#container a{
	text-decoration: none;
	color: #D5FFFF
}
#container a:hover{
	border-bottom: #B39FFF 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: 0 auto 18px auto
}
.left{
float:left;margin: 2px 9px 0px 0px
}
.right{
float:right;margin:2px 0px 1px 6px
}
.center,.left,.right{
padding:14px
}
#container input[type=text],#container textarea{
	margin-bottom: 26px;
	border: 2px solid #091B4A;
	background-color: #FFEDD9;
	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: #FFEDD9
}
#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: #C2FCD3
}
#column .w{
	color: #CEDCFB
}
#column #pc{
color:#9D9FFF
}
#column form span input{
display:none
}
#column h1 span{
	color: #FF4646
}
#area{
	margin: 36px 5px 40px 6px;
}
#area h1{
	padding-bottom: 4px;
	font-size: 18px;
	color: #DDE6FB;
}
#area h1 a{
	padding: 0px 0px 1px 4px;
	border-bottom: #4A3DEF solid 1px;
	border-left: #4A3DEF solid 1px
	}
#area h1 a:hover{
	border-bottom: #6386FE dashed 1px;
	border-left: #6386FE dashed 1px;
}

#area p{
	margin: 28px 0px 61px 0px;
}
#area ol li{
}
#ar{
	margin: 0px 0px 56px 0px;
}
#area #co{
	color: #251027;
}
#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: #EED7FB
}
#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 span{
padding-bottom:6px;
opacity: .9;
filter: alpha(opacity=90);
display:block;
margin:0 auto
}
#column #frs span:hover{
opacity: 1;
filter: alpha(opacity=100);
}
#crt{
font-weight:bold;
color:#EAFFF1
}