.content a { padding : 3px; }
a:visited { color: #000; }
a:hover { color: #fff; background-color:#000; }

h1 {
	border-bottom : black 1px solid;
	font-size : 1.5em;
	padding-bottom : 0.3em; 
	width : 96%;
	}

h2 {
	font-size : 1em;
	border-bottom : black 1px solid;
	width : 96%;
	}
	
table {
	border : #356AA0 2px solid;
	border-collapse : collapse;
	}

th {
	border-bottom : #356AA0 2px solid;
	border-right : #356AA0 2px solid;
	padding : 6px;
	margin : 0;
	font-size : 0.9em;
	
	}

td {
	border-right : #356AA0 2px solid;
	padding : 6px;
	}
p {
    width : 96%;
}
	
img {
	border : 0px
	}

div.red_box {
	border : #356AA0 2px solid;
	padding : 0.5em;
	margin : 1em;
	width : 583px;
	}
		
div.red_box div {
	border : #356AA0 1px solid;
	padding : 0.5em;
	margin : 1em;
	width : 90%;
	}
	
div.red_box h2 {
    margin: -.5em;
    margin-bottom : 0em;
    color : white;
    background-color : #356AA0;
    border : 0;
    padding : 0.2em;
    width : 592px;
    }



div.top h1 {
padding-left : 20px;
padding-top : 20px;
margin-top : -12px;
width : 892px;
height : 105px;
color : black;
background-image: url("../images/racentries-top.jpg");
border-bottom : black 2px solid;
font-size : 16px;
font-weight : bold;
font-family : Arial;
cursor : hand;
}

div.top a {
text-decoration : none;
}


div.container {
margin : 0 auto;
background-color : white;
width : 912px;
border : black 2px solid;
}

body {
  margin: 0px; 
  padding:0px;
  background-color : black;  	
  }

.content {
    padding-left : 15px;
    }
.welcome {
    margin-left : 80px;
    margin-right : 80px;
    text-align : justify;
    }
.logout {
    float : right;
    padding-right : 20px;
    z-index:1;
}

* html .logout {
    margin-top : -10px;
    }




 span {
    font-weight : bold;
    }
 input{
    font-size : 1.1em;
    font-family : verdana, arial;
    font-weight : bold;
    }
 select, textarea { 
    font-family : verdana, arial;
    }
 label {
    font-weight : bold;
    }
 
    
  .register {
    border : black 1px dashed;
    height : 8em;
    padding : 1em;
    width : 20em;
    padding-top : 3em;
    float : left;
    margin-left : 50px;
  }
  
  * html .register {
    height : 12em;
  }
  
  .cant_enter {
    background-color : #6E6E6E;
  }
  
  .notice {
    border : #356AA0 2px solid;
    margin-left : 35px;
    margin-right : 35px;
    padding : 1em;
    background-color : #C3D9FF;
    color : black;
    width : 800px;
  }
  
 /* 
	Plain old table styles
	written by Chris Heilmann http://wait-till-i.com
*/

table.front_page {
	width : 95%;
}


table,td,th{
	border:1px solid #000;
	border-collapse:collapse;
	margin:0;
	padding:0;
}
td,th{
	padding:.2em .5em;
	vertical-align:top;
	font-weight:normal;
}


th{
	background:#666;
	color:#fff;
	font-weight : bold;
}
tbody td{
	background:#ccc;
}
tbody th{
	background:#999;
}
tbody tr.odd td{
	background:#eee;
}
tbody tr.odd th{
	background:#ccc;
}
caption{
	text-align:left;
	font-size:140%;
	text-transform:uppercase;
	letter-spacing:-1px;
}

li {
    padding : 8px;
}


div.dl { width : 15em;
padding-left : 1em;
float : left;
}
.dl a { padding: 1em 12px; 
        padding-left : 1em;
        display: block; margin-bottom: 1em; font-size: 20px; line-height: 28px; background-color: #356AA0; color: #fff; text-decoration: underline; }

.dl a:hover { background-color: #233AA0; }
.dl a:visited { color : #fff; }

.dl { border-bottom: 0; border-top: 0; }

.wrapper {
    margin-left : 20em;
}

.styled {
    padding : 1em;
    border : #cccccc 1px solid;
    margin-bottom : 1em;
    width : 95%;
}

.styled-small {
    padding : 1em;
    border : #cccccc 1px solid;
    margin-bottom : 1em;
    width : 250px;
}

div#left-image {
    width : 230px;
    float : left;
    margin-right :15px;
    margin-top : 2px;
}


div#right-images {
    width : 230px;
    float : left;
    margin-right :15px;
    height : 600px;
    margin-top : 2px;
}

div#form-content {
	margin-left : 300px;
}

div#right-images img {
    padding : 10px;
}

div#rimage {
	float : right;
	margin-right : 35px;
}

div#rimage img {
	border : #CCCCCC 2px solid;
	padding : 8px;
}

div#main-content {
    float : left;
    width : 630px;
}

fieldset.form {
    width : 340px;
    border : #cccccc 1px solid;
}

div.or {
	font-weight: bold;
	text-align: center;
	font-size: 30px;
	margin: 20px;
}

fieldset.medium_width {
	width: 420px;
}

div.right_edit_link {
	float: right;
	width: 150px;
}


.view-map {
    width: 598px; 
    height: 400px;
    border : #356AA0 1px solid;
    margin-left : 13px;
}

.border_img, div.styled img, .screenshot img {
    padding : 10px; 
    border : #CCCCCC 1px solid;
}

.left-block {
    width : 50%;
    float : left;
}

input, option, textarea {
    padding : 4px;
    border : #7F9DB9 1px solid;
    font-weight : normal;
}

textarea {
	width : 98%;
}

.inline-img {
    vertical-align : middle;
}
div.left {
    width : 500px;
}

blockquote {
    background: transparent url(../images/layout/open_quote.png) no-repeat top left;
	color: #999;
	float: right;
	font-size: 150%;
	font-style: italic;
	margin: 20px 10px;
	width: 205px;
}

div#organisers {
    background-color : #FFF9D8;
    border-top : #FFE8CD 1px solid;
    border-bottom : #FFE8CD 1px solid;
    margin-top : 12px;
    padding-left : 20px;
    margin-left : -15px;
}



p.big {
    font-size : 150%;
    line-height : 25px;
}


div.right {
    width : 260px;
    float : right;
    text-align : right;
    padding-right : 50px;
}

div.right img {
    padding : 4px; 
    margin : 10px;
}

div.event-button {
	text-align: center;
	padding-right: 15px;
}


input:hover, input:focus, textarea:hover, textarea:focus {
    border : black 1px solid;
}

form {
    background-color : #EEEEEE;
    width : 95%;
    padding : 15px;
    padding-top : 10px;
    border : #7F9DB9 1px solid;
}

.screenshot {
    padding-top : 15px;
    width : 320px;
    margin-right : 20px;
}

.info-bullets-right {
    float : right;
}

.screenshot, .info-bullets-left {
    float : left;
}

.info-bullets-left, .info-bullets-right {
    width : 500px;
}
 
.clear {
    clear : both;
}

code {
    width : 100%;
}

div.footer {
	background-color: black;
    font-size : 10px;
	color:white;
    text-align : center;
	padding:10px;
}

div.footer a {
	color:white;
	text-decoration:none;
	text-decoration:underline;
	font-weight:bold;
}

div.footer a:hover {
	text-decoration:none;
}

/*-------------------------------------------------
FLASHES
-------------------------------------------------*/

.flash {
	text-align: left;
	border: 1px solid #ccc;
	padding: 5px 5px 5px 30px;
	font-size: 14px;
	margin: 12px auto;
    margin-right: 7px;
    margin-left : 7px;
}


.flash.message, .flash.notice {
	border-color: #9c9;
	color: #060;
	background: url(../images/icons/alertgood_icon.gif) #E2F9E3 left no-repeat;
}

.flash.warning {
	border-color: #c99;
	color: #fff;
	background: url(../images/icons/alertbad_icon.gif) #c00 left no-repeat;
}


/* -------------------------------------------------- */
/* ie hacks */

* html div.container {
    width : 908px;
}



* html div#main-content {
    width : 600px;
 }
 
 * html div#right-images {
    padding : 0;
    margin : 0;
 }
 
 * html fieldset {
    padding : 1em;
 }

