/* (CC) 2004 Tantek Celik. Some Rights Reserved.             */
/*   http://creativecommons.org/licenses/by/2.0                   */
/* This style sheet is licensed under a Creative Commons License. */


/* Purpose: undo some of the default styling of common (X)HTML browsers */

/* link underlines tend to make hypertext less readable, 

   because underlines obscure the shapes of the lower halves of words */

:link,:visited { text-decoration:none }

/* no list-markers by default, since lists are used more often for semantics */

ul,ol { list-style:none }

/* avoid browser default inconsistent heading font-sizes */

/* and pre/code too */

h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }

/* remove the inconsistent (among browsers) default ul,ol padding or margin  */

/* the default spacing on headings does not match nor align with 

   normal interline spacing at all, so let's get rid of it. */

/* zero out the spacing around pre, form, body, html, p, blockquote as well */

/* form elements are oddly inconsistent, and not quite CSS emulatable. */

/*  nonetheless strip their margin and padding as well */

ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input

{ margin:0; padding:0 }


/* whoever thought blue linked image borders were a good idea? */

a img,:link img,:visited img { border:none }




/* de-italicize address */

address { font-style:normal }


/* this adds a vertical scrollbar to all pages in non IE browsers, stopping the jumping as page lengths vary and scroll bars come and go */

html{
	height: 100%;
	margin-bottom: 1px;
}

/* finish undo html */


/* Main positioning and colours */

body  {
	margin:0px 0 10px 0;
	padding:0;
	font-family:verdana, arial, times, georgia, sans-serif;
	background-color: #ffffff;
	background-image: url(../images/bg.png);
	background-repeat: repeat-x;
	
}

#wrapper {
	height:100%;
	margin:auto;
	overflow:auto;
	width:900px;
	color:#ffffff;
}

#header {
	padding-top: 0;
	margin-bottom: 0;
	height: 150px;
	background-color: #002635;
}

#header_logo {
     float: left;
}





#nav {
	padding-top:2px;
	padding-bottom: 20px;
	width: 900px;
	height:15px;
	color: #013440;
	margin: 20px 0 5px 0;
	font-family: 'Quattrocento Sans', sans-serif;
	font-size: 15px;
	font-weight:400;
	font-weight: bold;
}
#nav a {
	color: #ffffff;
}


/* ticket purchase */

#ticketbloc {
font-family: 'Quattrocento Sans', sans-serif;
	font-size: 15px;
	font-weight:400;
	color: #002635;
	font-weight: bold;
	width:auto;
	display:block;
	padding-bottom: 10px;
}

#ticketbloc a {
	color: #002635;
}

#mainbody {
	width: 100%;
	background-color:#ffffff;
}

#mainbody h1 {
	font-family: 'Quattrocento Sans', sans-serif;
	font-size: 32px;
	font-weight:400;
	color: #002635;
}

#mainbody h2 {
	font-family: 'Quattrocento Sans', sans-serif;
	font-size: 26px;
	font-weight:400;
	color: #002635;
}

#mainbody h3 {
	font-family: 'Quattrocento Sans', sans-serif;
	line-height: 140%;
	font-size: 18px;
	font-weight:400;
	color: #002635;
	padding-bottom:10px;
}

#mainbody h4 {
	font-family: 'Quattrocento Sans', sans-serif;
	line-height: 140%;
	font-size: 16px;
	font-weight:400;
	color: #002635;
	padding-bottom:10px;
}
#mainbody ul li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	padding-bottom: 10px;
	color:#000000;
	background-color:#ffffff;
	line-height:150%;
}

#mainbody li {
	 list-style: square;
	 list-style-position: inside;
	 
	 padding-left:35px;
}

#facebook {
	float: right;
	text-align: center;
	padding: 20px 0px 0px 20px;
	font-family: 'Quattrocento Sans', sans-serif;
	font-size: 16px;
	font-weight:400;
	color: #002635;
}

#leadpic {
padding-top:20px; /* this needs to be removed when the menu bar is in operation */
width: 900px;
margin-bottom:20px;
}

#mainintro {
	width: 900px;
	margin-bottom: 20px;
}

#mainintro p{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight:bold;
	padding-bottom: 10px;
	color:#000000;
	line-height:150%;
}


/* internal 2 col layout */
#twocols{
	background: #ffffff;
}

#mainbody p{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	padding-bottom: 10px;
	color:#000000;
	line-height:150%;
}

#leftcol {
	width:435px;
	float:left;

}

#rightcol {
	width:435px;
	float:right;
}


/* styling for a pullquote */

.pullquote {
	margin:0px 35px 20px 35px;
	padding:10px 10px 10px 10px;
	font-style: italic;
	color:#000000;
	background-color:#cccccc;
}

/* three blocs positioning*/

#threeboxes{
width:auto;
display:block;
padding-bottom: 10px;
}

#threeboxes_lower{
width:auto;
display:block;
}

#column_left{
width:278px; 
margin-right:30px; 
float:left;
border: 1px solid #002635;
}

#column_mid{
width:278px; 
margin-right:30px; 
float:left;
border: 1px solid #002635;
}

#column_right{
width:278px; 
float:left;border: 1px solid #002635;
}

div.spacer{
clear:both; 
height:10px; 
display:block;
margin-bottom:10px;
}

.readmore {
	font-family: 'Quattrocento Sans', sans-serif;
	font-size: 15px;
	font-weight:400;
	color: #002635;
	font-weight: bold;
	float: right;
	padding-bottom: 10px;
	
}

/* images */
.picleft {
	 float: left;
	 margin:0 10px 0 0;
}

/* quick links */

#quicklinks {
font-family: 'Quattrocento Sans', sans-serif;
	font-size: 15px;
	font-weight:400;
	color: #002635;
	font-weight: bold;
	width:auto;
	display:block;
	padding-bottom: 10px;
}

#quicklinks a {
	color: #002635;
}

/* footer */
#footer{
	width:860px;
	font-family: 'Quattrocento Sans', sans-serif;
	font-size: 15px;
	font-weight:400;
	font-weight: bold;
	padding: 20px 20px 20px 20px;
	color:#fffff;
	background-color: #002635;
	clear: both;
}

#footer a {
	color: #ffffff;
}

/* menu styling */

.menu{
    width: 100%;
    background-color: #d97925; }

.menu ul{
    margin: 0; padding: 0;
    float: left;}
 
.menu ul li{
    display: inline;}
 
.menu ul li a{
    float: left; text-decoration: none;
    color: #013440;
    padding: 10.5px 11px;
    background-color: #d97925; }
	 
.menu ul li a{
	border-right:1px solid #013440;
}	 
 
.menu ul li a:visited{
    color: white;}
 
.menu ul li a:hover, .menu ul li .current{
    color: #fff;
    background-color:#ab1a25;}
	 
	 /* styling for sponsors' table */
	
table.sponsors {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color:#333333;
	border-width: 1px;
	border-color: #999999;
	border-collapse: collapse;
}
table.sponsors th {
	background-color:#c3dde0;
	border-width: 1px;
	padding: 8px;
	border-style: solid;
	border-color: #a9c6c9;
}
table.sponsors tr {
	background-color:#d4e3e5;
}
table.sponsors td {
	border-width: 1px;
	padding: 8px;
	border-style: solid;
	border-color: #a9c6c9;
}

#scripts {
	font-family:verdana, arial, times, georgia, sans-serif;
	font-size: 13px;
	background-color: #ffffff;
   color: #000000;
}