@charset "UTF-8";
/* CSS Document */

body{
	margin:0;
	padding:0;
	background: url('images/bg.jpg') repeat-x #0d1e56;
}

img{
	border:0;
}

a:link{ color:#ff9400; text-decoration:none;}
a:visited{ color:#ff9400; text-decoration:none;}
a:hover{ color:#ffab30; text-decoration:underline;}

#container {
	position:relative;
	margin: 0 auto;
	width: 875px;
}

table{
	text-align:left;
}

#sponsors td { text-align:center;}

td#content{
	font: 9pt Arial, Helvetica, sans-serif;
	color: #003366;
	padding: 0px 10px 30px 50px;
	vertical-align:top;
	background: url('images/contentbg.jpg') repeat-y #ffffff;
}


td#rightcontent{
	font: 9pt Arial, Helvetica, sans-serif;
	min-height:250px;
	color: #003366;
	padding: 0px 10px 30px 10px;
	vertical-align:top;
	background: url('images/right_content.jpg') right repeat-y #ffffff;
}

#footer {
	font: 8pt Arial, Helvetica, sans-serif;
	text-align:center;
	color:#CCCCCC;
}

.leftside{
	background: url('images/leftrepeat.jpg') repeat-y;
	vertical-align:top;
}

.rightside{
	background: url('images/rightrepeat.jpg') left repeat-y;
	vertical-align:top;
}

#addthis{
	position:absolute;
	top:355px;
	left: 695px;
}

#sitemap li{
	list-style-image: url(images/new.png);
	line-height: 20px;
	vertical-align:middle;
}

#footer a:link{ color:#CCCCCC; text-decoration:none; margin: 0px 10px;}

#footer a:visited{ color:#999999; text-decoration:none; margin: 0px 10px;}

#footer a:hover{ color:#ffab30; text-decoration:underline; margin: 0px 10px;}

.errormess{
	display:block;
	width: 320px;
	background-color:#fc2a2a;
	border:solid 2px #990000;
	color:#FFFFFF;
	font: 9pt Arial, Helvetica, sans-serif;
	padding: 4px 4px;
	margin: 0 auto;
}

.successmess{
	display:block;
	width: 320px;
	height: 20px;
	background-color:#9bf899;
	border:solid 2px #138404;
	color:#034101;
	font: 9pt Arial, Helvetica, sans-serif;
	padding: 4px 4px;
	margin: 0 auto;
}


/*------ MAIN MENU -----*/

#menu {
  padding: 0;
  margin: 0;
  position: relative;
  width: 876px;
  height:36px;
  background-image:url('images/mainmenu.jpg');
}

#menu span {
	display: block;
	position: absolute;
	padding: 0px 0px 0px 0px;
	text-align:center;
	text-indent:-9999px;
}

#menu a {
  display: block;
  position: absolute;
  outline: none;
  text-decoration:none;
}

#menu a:hover {
  display: block;
  background-position: left bottom;
  text-decoration:none;
  text-align:center;
}

#menu .homelink { width: 76px; height: 36px; background: url(images/mainmenu_home.jpg) no-repeat; left: 108px; top: 0px; display: block; padding:0px;}
#menu .homeover { width: 76px; height: 36px; background: url(images/mainmenu_home.jpg) left bottom no-repeat;left: 108px;top: 0px; color: #000000; display: block;}

#menu .aboutlink { width: 102px; height: 36px; background: url(images/mainmenu_about.jpg) no-repeat; left: 184px; top: 0px; display: block; padding:0px;}
#menu .aboutover { width: 102px; height: 36px; background: url(images/mainmenu_about.jpg) left bottom no-repeat; left: 184px; top: 0px; color: #000000; display: block;}

#menu .eventlink { width: 98px; height: 36px; background: url(images/mainmenu_event.jpg) no-repeat; left: 286px; top: 0px; display: block; padding:0px;}
#menu .eventover { width: 98px; height: 36px; background: url(images/mainmenu_event.jpg) left bottom no-repeat; left: 286px; top: 0px; color: #000000; display: block;}

#menu .reglink { width: 88px; height: 36px; background: url(images/mainmenu_register.jpg) no-repeat; left: 384px; top: 0px; display: block; padding:0px;}
#menu .regover { width: 88px; height: 36px; background: url(images/mainmenu_register.jpg) left bottom no-repeat; left: 384px; top: 0px; color: #000000; display: block;}

#menu .sponlink { width: 95px; height: 36px; background: url(images/mainmenu_sponsors.jpg) no-repeat; left: 472px; top: 0px; display: block; padding:0px;}
#menu .sponover { width: 95px; height: 36px; background: url(images/mainmenu_sponsors.jpg) left bottom no-repeat; left: 472px; top: 0px; color: #000000; display: block;}

#menu .volulink { width: 95px; height: 36px; background: url(images/mainmenu_volunteer.jpg) no-repeat; left: 567px; top: 0px; display: block; padding:0px;}
#menu .voluover { width: 95px; height: 36px; background: url(images/mainmenu_volunteer.jpg) left bottom no-repeat; left: 567px; top: 0px; color: #000000 ;display: block;}

#menu .fundslink { width: 103px; height: 36px; background: url(images/mainmenu_funds.jpg) no-repeat; left: 662px; top: 0px; display: block; padding:0px;}
#menu .fundsover { width: 103px; height: 36px; background: url(images/mainmenu_funds.jpg) left bottom no-repeat; left: 662px; top: 0px; color: #000000 ;display: block;}

/*
#menu .contactlink { width: 103px; height: 36px; background: url(images/mainmenu_contact.jpg) no-repeat; left: 662px; top: 0px; display: block; padding:0px;}
#menu .contactover { width: 103px; height: 36px; background: url(images/mainmenu_contact.jpg) left bottom no-repeat; left: 662px; top: 0px; color: #000000 ;display: block;}
*/