﻿@charset "utf-8";
/* CSS Document */

.clear {
clear: both;
}

html {
margin: 0; padding: 0;
background: #a2bdf4 url(../images/ra_cloud_bg.jpg) repeat-x;
background-repeat:repeat-x;
}

body {
	padding: 0;
	margin: 0;
	color: #333;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 17px;
	overflow:inherit;
	background: transparent;
	/*cursor:url(../images/little-red-arrow.jpg);*/
    cursor: default;
}


h1, h2, h3, h4, h5, h6 {
font-family: Arial, Helvetica, sans-serif;
}

h3 {
font-size: 14px;
margin-bottom: 6px;
font-weight: bold;
color: #333;
height: 18px;
margin: 14px 0 6px 0;
}

a {
color: #922;
font-style: italic;
}

a:hover {
text-decoration: none;
}

#site {
width:925px;
margin: 0 auto;
padding: 0 0 50px 0;
}

#header {

}

#logo {
margin-top: 15px;
float:left;
}

#logo img {
border: none;
}

/*** LOGIN ***/

#login {
	width: 550px;
	height: 45px;
	position:relative;
	top:0;
	*top:-20px; /* IE only */
	right:10px;
	z-index:100;
	float:right;
}
#login_box{
	padding:10px;
	color:white;
	font-weight:bold;
}

#login_box a:link{
	float:right;
	color:white;
	font-size:14px;
	text-decoration:none;
	font-style:normal;
	font-weight:bold;
}

#login_box a:hover, #login_box a:visited{
	float:right;
	color:white;
	font-size:14px;
	text-decoration:none;
	font-style:normal;
	font-weight:bold;
}

#ie_box{
	position: relative;
	top: -10px;
	*top: -25px; /* IE position */
	float:right;
}

#login label {
color: #900;
font-weight: bold;
font-size: 20px;
padding-right: 10px;
}

/********************
*  Main Menu / Nav  *
********************/

#nav {
	text-align: right;
	clear:both;
}

.MainMenu {
	text-transform: uppercase;
	font-weight: bold;
	font-size: 11px;
	color: #fff;
	white-space: nowrap;
	background: transparent url('../images/MainMenuSpaceBgr.gif') bottom left repeat-x;
	padding: 0;
}

.MainMenu span {
	display: inline-block;
	height: 20px;
}

.MainMenu a:visited {
	text-decoration: none;
}

.MainMenu a {
	height: 16px;
	display: inline-block;
	text-decoration: none;
	background: #5275BB url('../images/MainMenuBgr.gif') repeat-x;
	color: #fff;
	border: 1px solid #5274BA;
	padding: 4px 6px 0 6px;
	-moz-box-sizing: border-box;
	vertical-align: bottom;
	-webkit-box-shadow:0px -1px 3px rgba(0, 0, 0, 0.2);
	-moz-box-shadow:0px -1px 3px rgba(0, 0, 0, 0.2);
	box-shadow:0px -1px 3px rgba(0, 0, 0, 0.2);
}

.MainMenu a.Active, .MainMenu a:hover {
	height: 18px;
	background: #FFF;
	border-bottom: none;
	color: #000066;
	border-collapse: collapse;
}

.end {
margin: 0 5px 0 0;
}

#container {
	background: #fff;
	border:1px solid #638ada;
	border-top: none;
	padding: 20px 0 20px 0;
	-webkit-box-shadow:0px 0px 5px rgba(0, 0, 0, 0.5);
	-moz-box-shadow:0px 0px 5px rgba(0, 0, 0, 0.5);
	box-shadow:0px 0px 5px rgba(0, 0, 0, 0.5);
	width: auto;
	height:auto;
}

/*******************
*   Right Column   *
*******************/

#right_col {
	width: 250px;
	float: right;
	margin-right: 10px;
}

.marketingSpacer{
	height: 10px;
}

#marketing_box{
	width:192px;
	float:left;
	padding-right:12px;
	padding-bottom:20px;
}
#marketing_box img{
	border:1px solid #638ada;
	-webkit-transition: -webkit-box-shadow 0.5s ease-in-out;
	-moz-transition: box-shadow 0.5s ease-in-out;
}
#marketing_box img:hover{
	border:1px solid #3366cc;
	-webkit-box-shadow:0px 0px 15px rgba(0, 0, 0, 0.8);
	-moz-box-shadow:0px 0px 15px rgba(0, 0, 0, 0.8);
}

#sideNav{
	width:200px;
	height:200px;
	position:fixed;
	top:110px;
	margin-left:30px;
}

/*** NEWS ***/
#news_col {
	color: #555;
	font-size: 11px;
	line-height: 13px;
}

#news_col h2 {
	font-weight: bold;
	font-style: italic;
	font-size: 11px;
	margin: 0 0 4px 0;
}

#news_col p {
	color: #666;
	font-style: normal;
	margin: 0 6px 10px 10px;
}

#news_col a, .arrow_link {
	font-size: 11px;
	font-style: italic;
	/*text-decoration: underline;*/
	color: #3366cc; 
	/*background: url(../images/uparrow.jpg) top right no-repeat;*/
	float: right;
	margin-right:20px;
	padding: 2px 15px 0 0;
}

#news_col a:hover {
	text-decoration: none;
}

/*** Sub Nav ***/
ul.subnav {
	list-style: none;
	margin: 0 5px 0 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	line-height: 20px;
}

.subnav li {
	text-align: right;
}

.subnav li a, .subnav li a:active, .subnav li a:visited {
	color: #922;
}

.subnav li.active a {
	color: #333;
	text-decoration: none;
}

.subnav li.active a:hover, .subnav li a:hover {
	color: #36c;
	text-decoration: none;
}

.post {
	border-bottom: 1px solid #ddd;
	margin-bottom: 10px;
	padding: 10px 0;
}

/*******************
*    Left Column   *
*******************/

#left_col {
	float: left;
	margin-left:20px;
	margin-right: 10px;
	width: 630px;
}

#banner{
	height:400px;
	width: 600px;
	background-color:#666666;
}

img.features{
	border:1px solid #638ada;
	margin:5px 80px;
}

img.ffint{
	margin:15px 150px;
}

img.ima{
	border:1px solid #638ada;
	margin:5px;
}

#main_info {
	margin-top: 20px;
	line-height: 18px;
}

#main_info h1, #news_col h1, h2.arrow_title {
	background: url(../images/arrow-horiz.png) left no-repeat;
	color: #3366cc;
	font-size: 14px;
	font-weight: bold;
	padding: 2px 0 0 22px;
	margin: 3px 0;
}

#main_info p {
	color: #333;
	font-size: 13px;
	font-weight: normal;
	margin: 0 0 8px 0;
}

#main_info ul {
	color: #333;
	margin: 0 0 0 15px;
	padding: 0 0 8px 10px;
}

#main_info li {
	margin: 0 0 4px 0;
	list-style-type: disc;
}

.main_info {;
	float: left;
	margin-right: 13px;
	padding-bottom: 20px;
}

#tagcloud{
	*border:1px solid #638ada;
	*width: 603px;
}

/********************
*		Wiki		*
********************/
#wiki{
	text-align:center;
	padding:20px 150px;
	width:600px;
}

.big_btn{
	background-image:url(../images/big_btn.gif);
	background-repeat:repeat-x;
	background-position:top left;
	width:300px;
	height:20px;
	padding:20px 30px;
	margin:auto;
	border:1px solid #000066;
}

.big_btn:hover{
	border:1px solid #A82D30;
}

#wiki a{
	text-decoration:none;
	color:white;
	font-style:normal;
}

/********************
*      FOOTER       *
********************/

#standard {
margin: 0 15px 15px 15px;
}

#standard h1 {
	font-size: 24px;
	font-weight: bold;
	padding: 0;
	margin: 0 0 15px 0;
	color: #333;
}

.charts {
	margin: 0 0 30px 0;
}

.quote {
	background: #eaeffa;
	padding: 15px;
	font-style: italic;
	margin: 20px 6px;
}

.quote .author {
	float: right; margin: 0;
	color: #333;
	font-weight: normal;
	font-size: 12px;
}

#contact_form {
padding: 20px 0 0 0;
}

input {
width: 200px;
float: right;
}

div.checkbox {
margin: 25px 0 20px 0;
}

input.checkbox {
width: auto;
float: none;
margin-left: 15px;
}

#contact_form label {
width: 300px;
margin-right: 30px;
}

#contact_form p {
width: 400px;
}

input.textbox {
float: none;
width: 400px;
height: 100px;
}

input.submit {
width: auto;
float: none;
}

/********************
*      FOOTER       *
********************/

#footer {
color: #647393;
font-size: 11px;
font-style: italic;
}

#footer p {
float: left;
margin: 11px 0;
}

#footer a {
margin-top: 6px;
float: right;
}
