/* CSS Document */
*{
	margin:0;
	padding:0;
}
html{
	height:100%;
}
body{
	font-family: Helvetica, Arial, sans-serif;
	font-size:.9em;
	line-height:1.3em;
	text-align: center;
	color:#333333;
	background:#ccc url(/images/bg_body.jpg) repeat-x top left;
	width:100%;
	height:100%;
}
h1
{
	font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
	color:#069;
	font-size:18px;
}
h2{
	font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
	color:#000;
	font-size:16px;
}
h3{
	font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
	color:#666;
	font-size:14px;
}
a:link, a:active, a:visited{
	text-decoration:none;
	color:#390;
	border:none;	
}
a:hover{
	color:#390;
	text-decoration:underline;
}
a img{
	border:none;
}
#container {
	width: 928px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: none;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: none;
	text-align: left; /* this overrides the text-align: center on the body element. */
}
/* HEADER */
#header {
	background: none; 
	padding: 10px 10px 10px 20px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
}
#header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}
.main-menu {
	background:url(/images/menu_bg.gif) top left no-repeat;
	padding: 0;
	height: 72px;
}
.login{
	float: right;
	border: none;
}
.login tr td{
	color:#fff;
	padding:1.2em 1em 0 0;
	font-family:Helvetica, Arial, sans serif;
}
.login tr td a{
	color:#ccc;
	font-family:Helvetica, Arial, sans serif;
	font-size:1.2em;
	font-weight: normal;
}
.login tr td a:hover{
	color:#fff;
	text-decoration: none;
}
.login tr td input{
	font-family:Helvetica, Arial, sans serif;
	font-size:1.2em;
	font-weight: normal;
	border: none;
}
/* MIDDLE CONTENT AREA */
#mainContent {
	padding: 0 14px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	background: none;
}
#contentFrame {
	padding: 0px 12px 12px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	background-color: #FFFFFF;
}
.sub-menu{
	padding:.4em 0 1.5em 1em;
	text-align:left;
	background:#fff url(/images/bg_subnav.jpg) repeat-x;
}
.sub-menu a.mainlevel{
	color:#999; margin:0 2em 0 0;
	font-size:1em;
	padding:1em 2em 0 0;
	height:37px!important;
}
.sub-menu a:hover.mainlevel{
	color:#666;
	background:url(/images/logo_footer.gif) no-repeat right bottom;
	text-decoration:none;
}
/* LEFT COLUMN */
#content-left{
	width:588px;
	float:left;
	overflow:hidden;
	position:relative;
	padding-left: 12px;
}
#content-left ul,.content-left2 ul{
	padding-left:16px;
}
#content-left ol,.content-left2 ol{
	padding-left:20px!important;
	padding-left:23px;
}
#content-left h1{
	margin: 2em 0 1em;
}
#content-left h2{
	margin: 2em 0 1em;
}
#content-left h2{
	margin: 2em 0 1em;
}
#content-left p{
	margin: 1em 0;
}
#content-left .message-box{
	width:100%;
}
.content-left-2cols{
	overflow:hidden;
	width:100%;
}
.content-left-left{
	float: left;
	width:280px;
}
.content-left-right{
	float: right;
	width:280px;
}
.pushfooter{
	height:2px;
	clear:both; 
}
.information{
	font-size:11px;
}
/* RIGHT COLUMN */
#content-right{
	width:248px;
	float:right;
	margin-left:1px;
	padding-right:1em;
	padding-top:15px;
}
.header-small-box{
	background-image:url(/images/box-laterale-top.png);
	width:280px;
	height:48px;
	background-repeat:no-repeat;
	position:relative;
	overflow:hidden;
}
.header-small-box h3
{
	font-family: Helvetica, Arial, sans-serif;
	font-size:1.2em;
	color:#003366;
	font-weight:normal;
	position:relative;
	padding: 10px 16px 0;
}
.small-box-content{
	width:225px;
	background-image:url(/images/box-laterale-content.png);
	background-repeat:repeat-y;
	overflow:hidden;
	position:relative;
	padding: 8px 16px;
}
.module-small-content ol li
{
	padding: 3px inherit 3px 0;
	margin: 0 0 0 20px;
}
.close-small-box{
	background-image:url(/images/box-laterale-bottom.png);
	width:280px;
	height:24px;
	background-repeat:no-repeat;
	margin-bottom:20px;
}
.header-small-black-box{
	background-image:url(/images/box-laterale-black-top.png);
	width:280px;
	height:48px;
	background-repeat:no-repeat;
	position:relative;
	overflow:hidden;
}
.small-black-box-content{
	width:225px;
	color:#FFFFFF;
	background-image:url(/images/box-laterale-black-content.png);
	background-repeat:repeat-y;
	overflow:hidden;
	position:relative;
	padding: 8px 16px;
}
.close-small-black-box{
	background-image:url(/images/box-laterale-black-bottom.png);
	width:280px;
	height:24px;
	background-repeat:no-repeat;
	margin-bottom:20px;
}
/* FOOTER */
#footer {
	padding: 0 10px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background: url(/images/bg_footer.gif) top center no-repeat;
	height: 87px;
}
#footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 30px; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}
#footer a{
	color:#fff;
	text-decoration:none;
}
#footer a:hover{
	color:#999!important;
	text-decoration:none;
}
.footer-content{
	width:891px;
	margin:0 auto;
	color:#999;
	font-size:.85em;
}
.footer-content-left{
	background:url(/images/logo_footer.gif) no-repeat center left;
	height:27px;
	width:400px;
	float:left;
	margin:1.3em 0 0 1.5em;
	padding:0 0 0 3em;
	font-size: 1em;
}
.footer-content-right{
	width:430px;
	float:right;
	margin-top:0;
	font-size:.85em;
}
.socials{
	padding:20px;
}
.socials tr td{
	padding:4px;
}
#subFooter {
	padding: 0 10px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
}
#subFooter p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}
#subFooter a{
	color:#fff;
	text-decoration:none;
}
#subFooter a:hover {
	color:#999!important;
	text-decoration:none;
}
/* FORMS */
.highlight 
{
	background-color:#CC0;
}
/* MISCELLANEOUS */
.prizeVaultItem
{
	padding: 6px 0px;
	margin: 6px;
}
.prizeVaultItem:hover
{
	background: #CCCCCC;
}