/* Working stylesheet.  Compress before posting live.  DO NOT DELETE BETA COPY */
/* Set elements to have 0 margin and padding.  Eliminates browser defaults.  Allows page to look the same in all browsers */
* {
	margin:0;
	padding:0;
}
body {
	color:#000;
	font-size:9pt;
	font-family:Verdana, Arial;
	background:#8CBAD1 url(/graphics/backgrad.jpg) repeat-x;
}
h1 {
	/* Set top and bottom padding for element */
	padding:5px 0;
	font-size:12pt;
	font-family:Arial;
}
h2 {
	/* Set top and bottom padding for element */
	padding:5px 0;
	font-size:12pt;
	font-family:Arial;
}
h3 {
	font-size:8pt;
	color:#006;
}
p {
	/* Set top and bottom padding for element */
	padding:5px 0;
}
li {
	margin-left:25px;
}
a {
	text-decoration:underline; color: #2E3192;
	
}
a:hover {
	text-decoration:none;
}
td {
	/* Default table cells to valign="top" */
	vertical-align:top;
}
img {
	/* set border of 0 as default for images */
	border:0;
}
img.border {
	/* use class="border" for images you want a border */
	border:1px solid black;
}

/* Styles for the contact form */
form input {
	margin-top: 1px;
}
#form div {
	clear:left;
	padding-top:1em;
}
#form div div {
	clear:none;
	padding:0;
}
#form {
	padding: 0 10px;
}
form .label {
	display: block;
	float: left;
	width:76px;
	position:relative;
}
form label {
	font-weight:bold;
	margin-right:1em;
}
form textarea {
	margin:1px;
}
#Reset {
	margin-left:10px;
}

/* various styles for elements */
.a-flag-sm {
	background:url(/graphics/a-flag-small.png) no-repeat 0 0;
	padding-left:20px;
}
.c-flag-sm {
	background:url(/graphics/c-flag-small.png) no-repeat 0 0;
	padding-left:20px;
}
.e-flag-sm {
	background:url(/graphics/e-flag-small.png) no-repeat 0 0;
	padding-left:20px;
}
.h-flag-sm {
	background:url(/graphics/h-flag-small.png) no-repeat 0 0;
	padding-left:20px;
}
.l-flag-sm {
	background:url(/graphics/l-flag-small.png) no-repeat 0 0;
	padding-left:20px;
}
.m-flag-sm {
	background:url(/graphics/m-flag-small.png) no-repeat 0 0;
	padding-left:20px;
}
.n-flag-sm {
	background:url(/graphics/n-flag-small.png) no-repeat 0 0;
	padding-left:20px;
}
.r-flag-sm {
	background:url(/graphics/r-flag-small.png) no-repeat 0 0;
	padding-left:20px;
}
.s-flag-sm {
	background:url(/graphics/s-flag-small.png) no-repeat 0 0;
	padding-left:20px;
}
.t-flag-sm {
	background:url(/graphics/t-flag-small.png) no-repeat 0 0;
	padding-left:20px;
}



.a-flag {
	background:url(/graphics/a-flag.png) no-repeat 0 0;
	padding: 0 10px 0 20px;
}
.c-flag {
	background:url(/graphics/c-flag.png) no-repeat 0 0;
	padding: 0 10px 0 20px;
}
.e-flag {
	background:url(/graphics/e-flag.png) no-repeat 0 0;
	padding: 0 10px 0 20px;
}
.l-flag {
	background:url(/graphics/l-flag.png) no-repeat 0 0;
	padding: 0 10px 0 20px;
}
.n-flag {
	background:url(/graphics/n-flag.png) no-repeat 0 0;
	padding: 0 10px 0 20px;
}
.s-flag {
	background:url(/graphics/s-flag.png) no-repeat 0 0;
	padding: 0 10px 0 20px;
}
.clearline {
	clear:both;
}
.button {
	border:1px solid black;
	background:#003366;
	color:white;
}
.text-field {
	border:1px solid black;
	background:#f5f5f5;
}
.required {
	color:#F00;
}
.bold {
	font-weight:bold;
}
.left {
	text-align:left;
}
.right {
	text-align:right;
}

/* round corners */
.top-left, .top-right, .bottom-left, .bottom-right {
	/* CHANGE: path and name of your image */
	background-image: url(/graphics/corner.gif);
	/* CHANGE: replace by the height of one of your corners (= 1/2 height of the image) */
	height: 12px;
	/* DNC: correction IE for height of the <div>'s */
	font-size: 2px;
}
.top-left, .bottom-left {
	/* CHANGE: replace by the width of one of your corners */
	margin-right: 12px;
}
.top-right, .bottom-right {
	/* CHANGE: replace by the width of one of your corners */
	margin-left: 12px;
	/* CHANGE: replace by the height of one of your corners */
	margin-top: -12px;
}
.top-right {
	/* DNC: position right corner at right side, no vertical changes */
	background-position: 100% 0;
}
.bottom-left  {
	/* CHANGE: replace second number by negative height of one of your corners */
	background-position: 0 -12px;
}
.bottom-right {
	/* CHANGE: replace second number by negative height of one of your corners */
	background-position: 100% -12px;
}
.inside {
	/* YCC: color & properties of the left-borderline */
	border-left: 1px solid #000;
	/* YCC: color & properties of the right-borderline */
	border-right: 1px solid #000;
	/* YCC: background-color of the inside */
	background: #EFEFEF;
	/* YCC: default text-color of the inside */
	color: #000000;
	/* YCC: all texts at some distance of the left border */
	padding-left: 10px;
	/* YCC: all texts at some distance of the right border */
	padding-right:10px;             
}
.notopgap   {
	/* DNC: to avoid splitting of the box */
	margin-top: 0;
}
.nobottomgap {
	/* DNC: to avoid splitting of the box */
	margin-bottom: -1px;
	padding-bottom: 1px;
}
/* End rounded corners */

.contacttext {
	font-size:7.5pt;
	font-weight:bold;
}
.white {
	color:white;
}
.center {
	text-align:center;
}
.entrytable {
	width:370px;
	border-style:solid #000;
}
.entrytable td, .entrytable th {
	border-style:solid #000;
	padding:5px;
}

.blogpost {
	padding:10px 2px;
}
.blogpost h3 {
	font-size:11pt;
}
.blogpost h4 {
	font-size:8pt;
	color:#999;
	padding-bottom:5px;
}

.whitelink a, .whitelink a:visited, .whitelink a:hover {
	color: #aaa;
}

/* Add a border to images */
hr.sponsor-hr{
	height: 1px;
	color:#333399;
}

/* new event iframe / menu z-index */
/*
#nav ul {
	position:relative;
	z-index:999;
}
.info iframe.youtube-player {
	position:relative;
	z-index:0;
} 
.info iframe.youtube-player html {
	position:relative;
	z-index:0;
}*/

/* Photo Gallery */
#main .info #photos {
	margin-left: -35px;
    padding: 0;
    width: 485px;	
}
#main .info #photos div {
	padding:5px;
	float:left;
}