/*
SITENAME 2008
/css/main.css
main site structure and common stylesheet
author: Chris Armstrong, thoughtbubble Ltd
created: 19 February 2008
*/

/*
-------------------------------------------
Remove the inconsistent default styling of HTML elements.
-------------------------------------------
*/

 body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
 	margin:0;
 	padding:0;
 }
 
 table {
 	border-collapse:collapse;
 	border-spacing:0;
 }
 
 fieldset,img { 
 	border:0;
 }
 
 address,caption,cite,code,dfn,em,strong,th,var {
 	font-style:normal;
 	font-weight:normal;
 }
 
 ol,ul {
 	list-style:none;
 }
 
 caption,th {
 	text-align:left;
 }
 
 h1,h2,h3,h4,h5,h6 {
 	font-size:100%;
 	font-weight:normal;
 }
 
 q:before,q:after {
 	content:;
 }
 
 abbr,acronym { 
 	border:0;
 }

/* 
-------------------------------------------
CLEARFIX FLOATING FIXES
-------------------------------------------
*/
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
 
/*
-------------------------------------------
MAIN SITE STRUCTURE
-------------------------------------------
*/
 
body { 
	margin:0;
	padding:0 0 20px 0;
	background-color:#A3548E;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:0.75em;
	color:#666666;
}

h1 {
	color:#234D9C;
	display:block;
	margin:0;
	padding:0 0 8px 0;
	font-weight:bold;
	font-size:1.4em;
}
h2 { margin:0px 0px 8px 0px; color:#133E8C; font-size:1.4em; font-weight:bold; }
h3 {}
h4 {}
h5 {}
h6 {}

.hr { background-color:#D8DFF2; height:1px; font-size:0.1em; }

p { margin:0 0 8px 0; }
strong { font-weight:bold; }
em { font-weight:italic; }

/* default link style */
a:link, a:visited { text-decoration:none; color:#999999; }
a:hover { text-decoration:none; color:#666666; }

/* Structural Layout */
#mainWrapper { width:100%; text-align:center; }
#pageWrapper { 
	width:760px; 
	margin:auto; 
	text-align:left;
	padding:0 20px 0 20px;
	background-image:url(/rollingout/images/layout/1pxLine.jpg);
	background-repeat:repeat-y;
}

#top_back_bar { background-color:#234D9C; padding:4px 5px 4px 0; }
#top_back_bar a:link, #top_back_bar a:visited {
	display:block;
	background-color:#234D9C;
	color:#FFFFFF;
	text-decoration:none;
	font-weight:bold;
	text-align:right;
}
#top_back_bar a:hover { text-decoration:underline; }

#topBar { background-color:#FFFFFF; }
#siteLogo { float:left; width:415px; }
#lotteryLogo { float:right; width:198px; text-align:right; }

#navBar {
	background-color:#C4829D;
	background-image:url(/rollingout/images/layout/Nav_Gradient.gif);
	background-repeat:repeat-x;
	height:31px;
	position:relative;
	padding:0 0 0 10px;
}

#mainBar {
	background-color:#FFFFFF;
}
#footerBar { 
	width:750px; 
	margin:auto; 
	text-align:right;
	padding:20px 30px 20px 20px;
	color:#FFFFFF;
	background-image:url(/rollingout/images/layout/Bottom.jpg);
	background-repeat:no-repeat;
}
#footerBar a:link, #footerBar a:visited { color:#FFFFFF; text-decoration:none; }
#footerBar a:hover { text-decoration:underline; }

#subNavCol { float:left; width:188px; margin-left:15px; display:inline; }
#contentCol { float:left; width:527px; margin-left:15px; display:inline; }

.content_left_col { float:left; width:265px; text-align:right; color:#AD7A9B; }
.content_left_col IMG { margin:0 0 5px 0; }
.content_right_col { float:left; width:495px; }