﻿@charset "utf-8";
/* CSS Document */

body {
	background:#ffffff;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 35px;
}
body,td,th {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #606060;
}

a {
	font-family:Arial, Helvetica, sans-serif;
	color:#2c3581;
}
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
a:active {
	text-decoration: none;
}

#PageBodyOuter{
	position:relative;
	width:930px;
	margin:0px auto 0px auto;
	height:auto;
}

#LeftShadow{
	position:relative;
	float:left;
	height:694px;
	width:26px;
	background:url(../images/shadow_left.jpg) no-repeat 0px 45px;
}

#RightShadow{
	position:relative;
	float:left;
	height:694px;
	width:26px;
	background:url(../images/shadow_right.jpg) no-repeat 0px 45px;
}

#PageBodyOuterTop{
	position:relative;
	clear:both;
	width:855px;
	height:31px;
	background:url(../images/page_top_bg.jpg) no-repeat center top;
}
#PageBody{
	position:relative;
	clear:none;
	width:855px;
	margin:0px 10px 0px 10px;
	height:auto;
	background-color:#FFFFFF;
	float: left;
}

#topnav{
	position:relative;
	clear:both;
	width:855px;
	height:28px;
	background:#5e0056;
	margin-top:17px;
}

#topnav ul{
	list-style: none;
	padding: 0px;
	margin: 0px;
	position:relative;
	color:#ffffff;
	margin-left:15px;
	padding-top:5px;
}

#topnav li {
	list-style:none;
	float:left;
	height:18px;
	padding-right:15px;
	margin-right:15px;
	border-right:1px solid #45013f;
}


#topnav li a {
	font-size:11px;
	display: block;
	text-align: center;
	color:#ffffff;
	text-transform:uppercase;
	text-decoration:none;
	padding-top:2px;
}

#topnav li a:hover {
	font-size:11px;
	display: block;
	text-align: center;
	text-decoration:underline;
	color:#ffffff;
}


#Header {
	position:relative;
	clear: both;
	float: none;
	height: 248px;
	width: 855px;
	background:url(../images/header_image.jpg) no-repeat;
}

#HeaderLogo{
	position:absolute;
	width:218px;
	height:140px;
	top:0px;
	left:0px;
}

#HeaderSearchForm{
	position:absolute;
	bottom: 18px;
	width: 220px;
	left: 30px;
	text-align: left;
}

#HeaderSearchForm label{
	display: block;
	color: #45013f;
	text-transform: uppercase;
	font-size:11px;
}

#HeaderSearchForm form{
	width: 220px;
	float: left;
	color: #45013f;
}

#MidSep{
	position:relative;
	clear:both;
	width:855px;
	height:19px;
	background:url(../images/top_header_sep.jpg) no-repeat;
}

#ColContainer{
	position:relative;
	clear:both;
	height:auto;
	width:855px;
	background-image: url(../images/page_bg.jpg);
	background-repeat: repeat-y;
}

#LeftNavHeader{
	position:relative;
	clear:both;
	height:25px;
	width:208px;
	background:url(../images/col1_header_resources.jpg) no-repeat;
}

#LeftNav{
	position:relative;
	clear:both;
	width:208px;
	min-height:142px; height:auto !important; height:142px; 
	z-index:900000;
}
#LeftNav ul{
	margin:0px 0px 0px 0px; 
	padding:8px 0px 9px 0px; 
	list-style-type: none;
}
#LeftNav ul li{
	list-style-type: none; display:block; min-height:24px; height:auto !important; height:24px; width:208px; font-size:11px; background:url(../images/col1_leftnav_icon.jpg) no-repeat 0px 5px; text-transform:uppercase; color:#585757;
}
#LeftNav ul li a{
	display:block; min-height:18px; height:auto !important; height:18px; padding-top:4px; width:188px; color:#585757; font-size:11px; text-transform:uppercase; text-decoration:none; border-bottom:1px dashed #d0d0d0; padding-left:20px;
}
#LeftNav ul li a:hover{
	display:block; min-height:18px; height:auto !important; height:18px; padding-top:4px; width:188px; color:#585757; font-size:11px; text-transform:uppercase; text-decoration:underline; border-bottom:1px dashed #d0d0d0; padding-left:20px;
}
.LeftNav ul li a:active{
	display:block; min-height:18px; height:auto !important; height:18px; padding-top:4px; width:188px; color:#585757; font-size:11px; text-transform:uppercase;  border-bottom:1px dashed #d0d0d0; padding-left:20px;
}

#LeftNav ul li ul{
	margin:0px 0px 0px 0px; 
	padding:8px 0px 9px 0px; 
	list-style-type: none;
}
#LeftNav ul li ul li {
	list-style-type: none; display:block; min-height:24px; height:auto !important; height:24px; width:208px; font-size:11px; background:none; text-transform:uppercase; color:#000000;
}

#LeftNav ul li ul li a{
	display:block; min-height:18px; height:auto !important; height:18px; padding-top:4px; width:178px; color:#000000; font-size:11px; text-transform:uppercase; text-decoration:none; border-bottom:none; padding-left:30px;
}
#LeftNav ul li ul li a:hover{
	display:block; min-height:18px; height:auto !important; height:18px; padding-top:4px; width:178px; color:#000000; font-size:11px; text-transform:uppercase; text-decoration:underline;  border-bottom:none; padding-left:30px;
}
.LeftNav ul li ul li a:active{
	display:block; min-height:18px; height:auto !important; height:18px; padding-top:4px; width:178px; color:#000000; font-size:11px; text-transform:uppercase;   border-bottom:none; padding-left:30px;
}

.LeftNavActive a{
	color:#5b5b5a; font-weight:bold; font-size:12px;
}

form{
	margin:0px;
	padding:0px;
}

.ClearDiv{
	clear:both;
	height:1px;
}

#Col1{
	position:relative;
	float:left;
	width:208px;
	min-height:613px;
	height:auto !important;
	height:613px;
	z-index:10000;
}


#Col1Container{
	position:relative;
	clear:both;
	width:182px;
	height:auto;
}

#Col1AdsContainer{
	position:relative;
	clear:both;
	width:182px;
	padding-top:9px;
}

#Col1AdsContainer .Col1AdCell{
	position:relative;
	clear:both;
	width:182px;
	height:auto;
	padding-bottom:5px;
}

#Col1AdsContainer .Col1AdCell img{
	display:block;
	margin:0px auto;
	border:none;
}



#Col2{
	position:relative;
	float:left;
	width:376px;
	min-height:613px;
	height:auto !important;
	height:613px;
	margin:0px 31px 0px 31px;
}

#Col2 h1, h1{	
	font-size:24px;
	color:#c51f43;
	font-weight:bold;
	line-height:30px;
	padding-top:0px;
	margin-top:0px;
}

.Col2LatestIssueTop{
	position:relative;
	clear:both;
	width:576px;
	height:4px;
	margin-left:20px;
	background:url(../images/col2_content_box_top.jpg) no-repeat;
}

.Col2LatestIssueFill{
	position:relative;
	clear:both;
	width:576px;
	min-height:97px;
	height:auto !important;
	height:97px;
	margin-left:20px;
	background:url(../images/col2_content_box_fill.jpg) repeat-y;
}

.Col2LatestIssueBottom{
	position:relative;
	clear:both;
	width:576px;
	height:4px;
	margin-left:20px;
	margin-bottom:7px;
	background:url(../images/col2_content_box_bottom.jpg) no-repeat;
}

.Col2LatestIssueFill .MagLogo{
	position:absolute;
	width:157px;
	height:75px;
	left:15px;
	top:20px
}

.Col2LatestIssueFill .MagLogo img{
	display:block;
	border:none;
	margin:0px auto 0px auto;
	
}

#Col3{
	position:relative;
	float:left;
	width:209px;
	min-height:613px;
	height:auto !important;
	height:613px;
	z-index:10000;
}

#Col3HeaderLatestNews{
	position:relative;
	clear:both;
	width:209px;
	height:25px;
	background:url(../images/col3_header_latest_news.jpg) no-repeat;
}

#Col3LatestNewsImage{
	position:relative;
	clear:both;
	width:209px;
	height:83px;
}

#Col3LatestNewsContent{
	position:relative; clear:both; width:209px; min-height:242px; height:auto !important; height:242px; color:#606060;
}

#Col3LatestNewsContent ul{
	margin:0px; clear:both; padding:0px; list-style:none; list-style-type:none;
}
#Col3LatestNewsContent li{
	display:block; min-height:68px; height:auto !important; height:68px; width:auto; border-bottom:#606060 1px dashed; padding-bottom:3px;
}
#Col3LatestNewsContent  li a{
	display:block; width:auto; font-size:12px; color:#2c3581; padding-top:3px; text-transform:uppercase
}
#Col3LatestNewsContent  li a:hover{
	display:block; width:auto; font-size:12px; color:#2c3581; text-transform:uppercase
}
#Col3LatestNewsContent  li a:active{
	display:block; width:auto; font-size:12px; color:#2c3581; text-transform:uppercase
}

#Col3HeaderLatestEvents{
	position:relative;
	clear:both;
	width:209px;
	height:25px;
	background:url(../images/col3_header_events.jpg) no-repeat;
}
#Col3LatestEventsImage{
	position:relative;
	clear:both;
	width:209px;
	height:83px;
}

#Col3LatestEventsContent{
	position:relative; clear:both; width:209px; min-height:141px; height:auto !important; height:141px; color:#606060;
}

#Col3LatestEventsContent ul{
	margin:0px; clear:both; padding:0px; list-style:none; list-style-type:none;
}
#Col3LatestEventsContent li{
	display:block; min-height:36px; height:auto !important; height:36px; width:auto; border-bottom:#606060 1px dashed; padding-bottom:3px;
}
#Col3LatestEventsContent  li a{
	display:block; width:auto; font-size:12px; color:#606060; padding-top:3px;
}
#Col3LatestEventsContent  li a:hover{
	display:block; width:auto; font-size:12px; color:#606060;
}
#Col3LatestEventsContent  li a:active{
	display:block; width:auto; font-size:12px; color:#606060;
}


.LatestIssueText{
	position:absolute;
	width:312px;
	height:57px;
	font-size:12px;
	color:#747171;
	left:182px;
	top:10px
}

.LatestIssueText a{
	font-size:12px;
	color:#45478a;
	font-weight:bold;
}


.LatestIssueLinks{
	position:absolute;
	width:235px;
	height:19px;
	bottom:5px;
	left:255px;
}

.Col2LatestIssueFill .LatestIssuePic{
	position:absolute;
	width:73px;
	height:96px;
	right:4px;
	bottom:0px
}

.MarginTop20{
	margin-top:20px;
}

fieldset{
	border:none;
}

#Footer{
	position:relative;
	width:855px;
	height:28px;
	clear:both;
	background:#a55789;
}

#FooterNav{
	position:relative;
	float:left;
	height:21px;
	width:380px;
}

#FooterNav ul{
	list-style: none;
	padding: 0px;
	margin: 0px;
	position:relative;
}

#FooterNav li {
	list-style:none;
	float:left;
	margin: 0px 0.05em 0px 0.05em;
	padding:5px 0px 0px 0px;
}

#FooterNav li a {
	display: block;
	padding: 0px 16px 0px 16px;
	color: #ffffff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	text-align: center;
	margin:0px;
	border-right:1px solid #ffffff;
}

#FooterNav li a:hover {
	display: block;
	padding: 0px 16px 0px 16px;
	color: #ffffff;
	text-align: center;
	text-decoration:underline;
	border-right:1px solid #ffffff;
}

#Developer{
	position:relative;
	float:right;
	width:320px;
	height:20px;
	text-align:right;
	font-size:10px;
}

#Developer a {
	display: block;
	color: #ffffff;
	padding-right:15px;
	padding-top:5px;
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
	text-transform:uppercase;
}

#Developer a:hover {
	display: block;
	color: #cccccc;
	text-decoration:none;
}

.ListNoIndent{
	margin:0px 0px 15px 0px; clear:both; padding:0px; list-style:none; list-style-type:none;
}
.ListNoIndent li{
	display:block; height:auto; width:auto; border-bottom:#cececf 1px solid; padding-bottom:3px;
}
.ListNoIndent li h2 a{
	display:block; width:auto; font-size:14px; color:#2c3581; padding-top:3px;
}
.ListNoIndent li h2 a:hover{
	display:block; width:auto; font-size:14px; color:#2c3581;
}
.ListNoIndent li h2 a:active{
	display:block; width:auto; font-size:14px; color:#2c3581;
}
.ListNoIndent li a{
	display:block; width:auto; font-size:12px; color:#2c3581; padding-top:3px;
}
.ListNoIndent li a:hover{
	display:block; width:auto; font-size:12px; color:#2c3581;
}
.ListNoIndent li a:active{
	display:block; width:auto; font-size:12px; color:#2c3581;
}

.ListNoIndent li span{
	font-size:11px;
}

.Blue{
	color:#2c3581;
}

.date{
	font-size:11px;
}

.styledform fieldset {
  padding: 1em;
  font:80%/1 sans-serif;
  border:1px solid #999999;
  width:94%;
}

.styledform legend {
  padding: 0.2em 0.5em;
  border:1px solid #999999;
  color:#333333;
  font-size:100%;
  text-align:right;
  margin:10px 0px;
}

.styledform label {
  float:left;
  width:25%;
  margin-right:0.5em;
  padding-top:0.2em;
  text-align:right;
  font-weight:bold;
}
  
.styledform table td {
  color:#333333;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:100%;
}

