/* Css Reset */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{ margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; font-family:Trebuchet MS; }
ol,ul{ list-style:none; }
blockquote,q{ quotes:none; }
blockquote:before,blockquote:after,q:before,q:after{ content:''; content:none; }
:focus{ outline:0; }
ins{ text-decoration:none; }
del{ text-decoration:line-through; }
table{ border-collapse:collapse; border-spacing:0; }

/* General Styles */
label{ cursor:pointer; }
a,
a:visited{ color:#097cbe;; text-decoration:none; }
a:focus,
a:hover{ text-decoration:underline; }
body{ background:#fff; background-image:url('../images/background.png'); background-repeat:repeat-x; color:#000; font:10px Verdana,Arial,Helvetica,sans-serif; }

/* Containers */
#wrapper{ width:960px; margin:0px auto; }
#main-container{ width:960px; float:left; }
#left-content{ width:400px; float:left; padding-bottom:20px; margin-left:45px; }
#right-content{ width:400px; float:right; margin-right:20px; padding-bottom:20px; margin-right:45px; }
#sub-content{ clear:both; width:616px; padding:12px 0 0; }

#left-content img {float:left; padding-right:10px; }
#left-content h2 {font-size:2em; color:#000;}
#left-content p {font-size:1.2em; color:#000; padding-bottom:10px; }
#left-content ol { padding-bottom:10px;}
#left-content ol li { font-size:1.2em; color:#000; padding-bottom:10px; list-style-position:inside; list-style-type:lower-alpha; }

#right-content img {float:left; padding-right:10px; }
#right-content h2 {font-size:2em; color:#000;}
#right-content p {font-size:1.2em; color:#000; padding-bottom:10px; }
#right-content ol { padding-bottom:10px;}
#right-content ol li { font-size:1.2em; color:#000; padding-bottom:10px; list-style-position:inside; list-style-type:lower-alpha; }

#panel1 { width:300px; float:left; margin-left:30px;}
#panel-top {width:280px; height:25px; background-image:url('../images/panel-top.png'); margin-left:10px; margin-right:10px;}
#panel-body {background-color:#cccccc; margin-left:10px; min-height:380px; margin-right:10px; padding:10px;}
#panel-top h2 {font-size:14px; text-align:center; padding-top:5px;}
#panel-body p {font-size:12px; text-align:left; padding-bottom:5px;}
#panel-bottom {width:280px; height:25px; background-image:url('../images/panel-bottom.png'); margin-left:10px; margin-right:10px;}
#panel-bottom p {padding-left:20px;}
#panel-bottom a {text-decoration:none;}
#panel-bottom img {padding-right:5px; border:0; margin-bottom:-5px;}

#panel2 { width:300px;  float:left; padding-bottom:20px; }
#panel3 { width:300px; float:left; padding-bottom:20px; }

#sidebar1 {width: 210px; float:left; background-color:#cccccc; height: 400px; padding:5px; }
#sidebar2 {width: 210px; float:right; margin-right:10px; padding:5px; }

#sidebar2 p {padding-bottom:10px; }

#social1 {width: 210px; text-align:center;} 
#social2 {width: 210px; text-align:center; padding-bottom:10px;} 
#copyright {width:210px; float:right; text-align:right; }
#copyright p {font-size:10px; padding:0; }

.alignleft {float:left; }
.alignright  {float:right; padding-left:10px; padding-right:10px; }

/* Navigation */
#nav{ float:right; margin-right:25px; }
	#nav li{margin:0 0 3px; padding:0; display:inline; }
	#nav span{ font-size:18px; color:#097cbe; margin:0 0 0 20px; display:block; }
	#nav a{ font-size:18px; color:#097cbe; margin:0 0 0 20px; }
	#nav ul{ margin:5px 0 8px; padding:5px 0; }
	#nav ul li{ padding:0; height:auto; margin:0 0 6px 8px; }
	#nav ul a{ font-size:12px; margin:0; }

/* Headlines */
#main-headline { font-family:Verdana, Geneva, sans-serif; float: left; padding-top:45px; width:600px; text-align:center; font-size:46px; color:#000; margin-left:35px;}
#sub-headline {  font-family:Verdana, Geneva, sans-serif; float: left; padding-top:0px;width:600px; text-align:center; font-size:46px; color:#5600c2; margin-left:35px;}
#header-text {  float: left; padding-top:73px;padding-left:10px; width:600px; text-align:center; font-size:12px; color:#000;}
#header-text p { font-size:12px; padding-bottom:10px; text-align:left; margin-left:35px;}
#header-text h1 { font-size:18px; text-align:left; padding-bottom:10px; margin-left:35px;}
#header-text ul { padding-bottom:10px;}
#header-text ul li { font-size:12px; text-align:left; margin-left:35px; list-style-type:disc; }
#header-text a { font-size:12px; color:#097cbe; text-decoration:none;}
#header-text a:hover { font-size:12px; color:#097cbe; text-decoration:underline;}

/* Login Bar */
#login-bar p {font-size:14px; color:#000; text-align:center;}
#login-bar a {color:#097cbe;}
#login-bar hr { color:#a5a5a5; height:1px;}
#login-bar img {padding:0; margin:0; border:0; text-align:left;}


/*Small Banner */
#smallbanner{ float:left; background-image:url('../images/small-logo.png'); background-repeat:none; display:block; width:79px; height:30px; overflow: none; margin-top:3px;}
#vaultlogin{ float:right; background-repeat:none; display:block; width:117px; height:24px; overflow: none; margin-top:6px; margin-right:0px;}
#biglogo{ float:right; background-image:url('../images/big-logo.png'); background-repeat:none; display:block; width:223px; height:400px; overflow: none; margin-top:-149px; margin-right:20px;}

#cleared {float:left; width:960px; height:1px;}


/* root element for tabs  */
ul.css-tabs {  
	margin:0 !important; 
	padding:0;
	height:30px;
	border-bottom:1px solid #666;	 	
}

/* single tab */
ul.css-tabs li {  
	float:left;	 
	padding:0; 
	margin:0;  
	list-style-type:none;	
}

/* link inside the tab. uses a background image */
ul.css-tabs a { 
	float:left;
	font-size:10px;
	display:block;
	padding:5px 5px;	
	text-decoration:none;
	border:1px solid #666;	
	border-bottom:0px;
	height:18px;
	background-color:#efefef;
	color:#777;
	margin-right:2px;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright:4px;
	position:relative;
	top:1px;	
}

ul.css-tabs a:hover {
	background-color:#F7F7F7;
	color:#333;
}
	
/* selected tab */
ul.css-tabs a.current {
	background-color:#ddd;
	border-bottom:2px solid #ddd;	
	color:#000;	
	cursor:default;
}

	
/* tab pane */
div.css-panes div {
	display:none;
	border:1px solid #666;
	border-width:0 1px 1px 1px;
	min-height:350px;
	padding:15px 20px;
	background-color:#ddd;	
	margin-bottom:20px;
}

div.css-panes h2 {
	font-size:24px;
}

div.css-panes p {font-size:12px; text-align:left; padding-bottom:5px;}

div.css-panes ul { padding-bottom:10px;}
div.css-panes ul li { font-size:12px; text-align:left; margin-left:35px; list-style-type:disc; }