/* CSS Document */

html { overflow: -moz-scrollbars-vertical; 
}

body {
	background: #FFF url(images/bg.jpg) repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0px 0px 10px;
	color: #333;
}

hr {
	border: 0;
	height: 2px;
	color: #CCC;
	background: #CCC;
}

a {
	color: #87002D;
	font-weight: bold;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

.site_main {
	border-collapse: collapse;
	margin-left: auto;
	margin-right: auto;
	width: 950px;
	text-align: center;
}

.site_main #header {
	background: #FFF url(images/header.jpg) no-repeat;
	background-position: center;
	height: 125px;
	padding: 0px;
	margin: 0px;
}

.site_main #header h1 {
	display: none;
}

.site_main #header h2 {
	color: #87002D;
	font-size: 16px;
	text-transform: uppercase;
	margin: 0px;
	padding: 32px 150px 0px 0px;
	text-align: right;
}

.site_main #header p {
	color: #333;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	text-align: right;
	margin: 10px 150px 0px 0px;
}

.site_main #nav {
	background: #0F2F83 url("images/nav_bg.jpg") repeat-x;
	text-align:	center;
	height: 50px;
	text-transform: uppercase;
	line-height: 2.3em;
}

.site_main #nav a {
	color: #FFF;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	border-left: 1px solid #758EE4;
	border-right: 1px solid #000F2C;
	padding: 12px 35px 13px;
}

.site_main #nav a:hover {
	background: #87002D url("images/nav_bg_over.jpg") repeat-x;
	color: #FFF;
}

.site_main #nav ul {
	list-style: none;
	padding: 0px 0px 0px 0px;
	margin: 0px;
}

.site_main #nav li {
	display: inline;
	margin: 0px -2px;
}

/*  Index Content */

.site_content_idx {
	text-align: left;
	padding: 10px;
	font-size: 12px;
	height: 100%;
	width: 950px;
}

.site_content_idx h1 {
	color: #0024A4;
	font-size: 18px;
	text-transform: uppercase;
	margin: 0px;
}

.site_content_idx h2 {
	color: #0024A4;
	font-size: 18px;
	text-transform: uppercase;
	margin: 20px 0px 0px;
}

.site_content_idx #intro {
	background: url("images/intro_bg.jpg") no-repeat;
	height: 179px;
	padding: 20px 250px 10px 10px;
}

.site_content_idx #intro h1 {
	color: #87002D;
	font-size: 18px;
	text-transform: uppercase;
	margin: 0px;
}

.site_content_idx #intro p {
	color: #0024A4;
	font-size: 16px;
	font-weight: bold;
	margin: 10px 0px;
}

.site_content_idx #intro a {
	background: #87002D url("images/nav_bg_over.jpg") repeat-x;
	color: #FFF;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	border: 1px solid #360013;
	padding: 11px 25px;
	text-transform: uppercase;
}

.site_content_idx #intro a:hover {
	background: #87002D url("images/nav_bg_over_2.jpg") repeat-x;
}

.site_content_idx #intro ul {
	list-style: none;
	padding: 10px 0px 13px 0px;
	margin: 30px 0px 0px;
}

.site_content_idx #intro li {
	display: inline;
	margin: 0px 10px 0px 0px;
}

.site_content_idx #right {
	float: right;
	width: 250px;
	margin: 40px 0px 0px;
	text-align: center;
}

.site_content_idx #right a {
	color: #378667;
	text-transform: uppercase;
}

.site_content_idx #left { 
	margin: 0 260px 0 0;
}

.site_content_idx #left ul { 
	margin: 15px 0px 0px;
	padding: 0px;
}

.site_content_idx #left li {
	background: url("images/bullet.jpg") no-repeat;
	list-style: none;
	padding: 2px 20px 5px;
	margin: 5px 0px;
}

.site_content_idx #left li a {
	color: #333;
	font-weight: normal;
}

.site_content_idx #ul_right {
	float: right; 
	width: 18.5em; /* since this element is floated, a width must be given */
	padding: 0 0; /* top and bottom padding create visual space within this div */
}

.site_content_idx #ul_left {
	float: left; 
	width: 18.5em; /* since this element is floated, a width must be given */
	padding: 0 0; /* top and bottom padding create visual space within this div */
}

.site_content_idx #ul_middle { 
	margin: 0 19.5em 0 19.5em; /* the right margin can be given in ems or pixels. It creates the space down the right side of the page. */
	padding: 0px 10px;
}

/*  //Index Content */

/*  Content */

.site_content {
	text-align: left;
	padding: 10px;
	font-size: 12px;
	height: 100%;
}

.site_content h1 {
	color: #0024A4;
	font-size: 18px;
	text-transform: uppercase;
	margin: 0px;
}

.site_content h2 {
	color: #87002D;
	font-size: 16px;
}

.site_content ul { 
	margin: 0px;
	padding: 0px;
}

.site_content ul li {
	background: url("images/bullet.jpg") no-repeat;
	list-style: none;
	padding: 2px 20px 5px;
	margin: 5px 0px;
}

.site_content ol li {
	background: url("images/bullete.jpg") no-repeat;
	list-style: disc;
	padding: 0px;
}

.site_content #footer {
	float: right;
	margin: 10px;
}

.site_content #footer a {
	background: url(images/arrow_up.jpg) no-repeat;
	background-position: right;
	font-size: 10px;
	text-decoration: none;
	padding: 0px 7px 0px 0px;
}

.site_content #footer a:hover {
	background: url(images/arrow_up_over.jpg) no-repeat;
	color: #0024A4;
	background-position: right;
	padding: 0px 7px 0px 0px;
}

/*  //Content */

/*  Formulas*/

.site_content_formulas {
	text-align: left;
	padding: 10px;
	font-size: 12px;
	height: 100%;
}

.site_content_formulas h1 {
	color: #0024A4;
	font-size: 18px;
	text-transform: uppercase;
	margin: 0px 0px 12px;
}

.site_content_formulas th {
	background: #87002D url("images/nav_bg_over.jpg") repeat-x;
	color: #FFF;
	text-transform: uppercase;
	margin: 0px;
	width: 50%;
	text-align: left;
	padding: 10px;
	border: 1px solid #360013;
}

.site_content_formulas td {
	text-align: left;
	vertical-align: top;
}

.site_content_formulas h2 {
	color: #87002D;
	font-size: 16px;
}

.site_content_formulas #footer {
	float: right;
	margin: 10px;
}

.site_content_formulas #footer a {
	background: url(images/arrow_up.jpg) no-repeat;
	background-position: right;
	font-size: 10px;
	text-decoration: none;
	padding: 0px 7px 0px 0px;
}

.site_content_formulas #footer a:hover {
	background: url(images/arrow_up_over.jpg) no-repeat;
	color: #0024A4;
	background-position: right;
	padding: 0px 7px 0px 0px;
}

/*  //Formulas */

/*  Footer */

.logos a img {
	border: 0px;
	margin: 4px;
}

.logos a:hover img {
	filter:alpha(opacity=75);   
	-moz-opacity: .75;   
	opacity: .75;
}

.site_footer #copy {
	float: left;
	font-size: 10px;
	color: #0024A4;
	font-weight: bold;
	margin: 2px 0px 0px;
	padding: 0px 10px;
}

.site_footer #author {
	float: right;
	text-align: right;
	font-weight: bold;
	padding: 0px 10px;
}

.skiva {
	color: #87002D;
}

.site_footer #author a {
	font-size: 12px;
	color: #0024A4;
	text-decoration: none;
}

/*  //Footer */


.fltrt {
	float: right;
	margin-left: 8px;
}
.fltlft {
	float: left;
	margin-right: 8px;
}
.clearfloat {
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
--> 
</style><!--[if IE 5]>
<style type="text/css"> 
/* place css box model fixes for IE 5* in this conditional comment */
.twoColFixRt #sidebar { width: 320px; }
</style>
<![endif]--><!--[if IE]>
<style type="text/css"> 
/* place css fixes for all versions of IE in this conditional comment */
.twoColFixRt #sidebar { padding-top: 30px; }
.twoColFixRt #mainContent { zoom: 1; }
/* the above proprietary zoom property gives IE the hasLayout it needs to avoid several bugs */
</style>
<![endif]-->