/*------------------------------------------------------------------------------
		General Header
------------------------------------------------------------------------------*/

body {
	margin:0;
	padding:0;
	border:0;			/* This removes the border around the viewport in old versions of IE */
	width:100%;
	background:#fff;
	min-width:600px;    /* Minimum width of layout - remove line if not required */
				/* The min-width property does not work in old versions of Internet Explorer */
	font-size: 12px;
	font-family:arial, verdana, sans-serif;
}
a {
	text-decoration: underline;
	color: #000000;
}
a:hover {
	text-decoration: none;
}
h1, h2, h3 {
	margin: 10px 0 10px 0;
	padding:0;
}
h1 {
	font-size: 18px;
}
p {
	margin:.4em 0 .8em 0;
	padding:0;
}
.red {
	color: red;
}
.row {
	padding-top: 5px;
}
label {
	font-weight: bold;
	position: absolute; 
	text-align:right; 
	width:110px;
}
input { 
	margin-left: 120px; 
}
fieldset {
	width: 400px;
}
.adminloginbutton {
	margin-left: 0px;
	margin-bottom: 10px;
	font-family: arial, verdana, sans-serif;
	font-size: 12px;
	font-weight: bold;
	width: 100%;
	background-color: #333333;
	color: #FFFFFF;
	padding: 3px 20px 3px 20px;
	text-align:center;
}
div#message {
	font-weight: bold;
	text-align: center;
	padding-top: 3px;
	padding-bottom: 3px;
	border: thin solid #000080;
	margin-top: 5px;
	background: #FF0000;
	color: #fff !important;
}

/*
------------------------------------------------------------------------------
		End General Style
------------------------------------------------------------------------------*/

/*------------------------------------------------------------------------------
		Start Header Style
------------------------------------------------------------------------------*/
#header {
	clear:both;
	float:left;
	width: 98.5%;
	text-align: center;
}
/*------------------------------------------------------------------------------
		End Header Style
------------------------------------------------------------------------------*/	

/*------------------------------------------------------------------------------
		Start Navigation
------------------------------------------------------------------------------*/
.bevelmenu {
	font-size: 13px;
	font-weight: bold;
	font-family:arial, verdana, sans-serif;;
	padding: 10px 10px;
	margin: 0;
	width: 100%;
	background-color: #000080;
	text-align: center; /*set value to "right" for example to align menu to the right of page*/
	border-top: thin solid red;
	border-bottom: thin solid red;
}

.bevelmenu li {
	list-style: none;
	display: inline;
}

.bevelmenu li a {
	padding: 5px 25px 5px 25px;
	text-decoration: none;
	color: white;
	background-color: #000080;
	border: 2px solid #000080;
}

.bevelmenu li a:hover {
	color: white;
	background-color: red;
	border-style: outset;
}

html>body .bevelmenu li a:active { /* Apply mousedown effect only to NON IE browsers */
	border-style: inset;
}
/*------------------------------------------------------------------------------
		End Navigation
------------------------------------------------------------------------------*/	

/*------------------------------------------------------------------------------
		Start Column Container Style
------------------------------------------------------------------------------*/
.colmask {
	position:relative;		/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
	clear:both;
	float:left;
	width:100%;				/* width of whole page */
	overflow:hidden;		/* This chops off any overhanging divs */
}
/*------------------------------------------------------------------------------
		End Column Container Style
------------------------------------------------------------------------------*/	

/*------------------------------------------------------------------------------
		Start 3 Column Style
------------------------------------------------------------------------------*/	

.holygrail {
	background:#fff;    	/* Right column background colour */
}
.holygrail .colmid {
	float:left;
	width:200%;
	margin-left:-200px; 	/* Width of right column */
	position:relative;
	right:100%;
	background:#fff;    	/* Centre column background colour */
	border-right: dotted 4px #000000;
}
.holygrail .colleft {
	float:left;
	width:100%;
	margin-left:-50%;
	position:relative;
	left:400px;         	/* Left column width + right column width */
	background:#fff;    	/* Left column background colour */
	border-right: dotted 4px #000000;
}
.holygrail .col1wrap {
	float:left;
	width:50%;
	position:relative;
	right:200px;        	/* Width of left column */
	padding-bottom:1em; 	/* Centre column bottom padding. Leave it out if it's zero */
}
.holygrail .col1 {
	margin:0 215px;     	/* Centre column side padding:
												Left padding = left column width + centre column left padding width
												Right padding = right column width + centre column right padding width */
	position:relative;
	left:200%;
	overflow:hidden;
}
.holygrail .col2 {
	float:left;
	float:right;			/* This overrides the float:left above */
	width:170px;        	/* Width of left column content (left column width minus left and right padding) */
	position:relative;
	right:15px;         	/* Width of the left-had side padding on the left column */
}
.holygrail .col3 {
	float:left;
	float:right;			/* This overrides the float:left above */
	width:170px;        	/* Width of right column content (right column width minus left and right padding) */
	margin-right:45px;  	/* Width of right column right-hand padding + left column left and right padding */
	position:relative;
	left:50%;
}
/*------------------------------------------------------------------------------
		End 3 Column Style
------------------------------------------------------------------------------*/	

/*------------------------------------------------------------------------------
		Start Widget Box Style
------------------------------------------------------------------------------*/
div.boxes {padding-bottom: 10px;}
dl.curved {background:#000080 url(../images/ul_navy2.gif) top left no-repeat; margin:5px 0; padding:0; width:100%;}
dl.curved dt {background:transparent url(../images/ur_navy2.gif) top right no-repeat; padding:7px; text-align:left; padding-left: 11px; color:#fff; font-weight: bold;}
dl.curved dd {background:#dcdcdc url(../images/ll_gray2.gif) bottom left no-repeat; padding:0; margin:0;}
dl.curved dd p {margin:0; padding:4px; line-height:1.3em;}
dl.curved dd p.last {background:transparent url(../images/lr_gray2.gif) bottom right no-repeat; }
div.boxes ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}
div.boxes li { 
	background-image: url(../images/bullet_red_arrow.gif);
	background-repeat: no-repeat;
	background-position: 20px 7px;
	padding-left: 30px;
	padding-top: 3px;
}
/*------------------------------------------------------------------------------
		End Widget Box Style
------------------------------------------------------------------------------*/


/*------------------------------------------------------------------------------
		Start Annoucements Style
------------------------------------------------------------------------------*/
#announce {
	margin-bottom: 10px;
	border-top: thin solid #000080;
	padding-top: 5px;
}
#announce .title {
	float: left;
	font-weight: bold;
	font-size: 14px;
}
#announce .links {
	float: right;
}
#announce .content {
	clear: both;
	padding-top: 5px;
}
#announce .details {
	font-style: italic;
	font-size: 10px;
}
/*------------------------------------------------------------------------------
		End Annoucements Style
------------------------------------------------------------------------------*/


/*------------------------------------------------------------------------------
		Start Admin Forms Style
------------------------------------------------------------------------------*/
div#eventlocations fieldset {
	margin-bottom: 10px;
	padding: 5px;
	border: 1px solid #ccc;
	width: 100%;
}
div#eventlocations legend {
	font-weight: bold;
	font-size: 14px;
	color : #333;
	margin : 0;
	padding : 0.7em;
}
/* top right bottom left */
div#eventlocations label {
	font-weight: bold;
	text-align: right; 
	width: 45px;
	margin-left: 5px;
	margin-top: 5px;	
}
div#eventlocations form#addlocation input { 
	margin-left: 55px;
	margin-top: 5px;
}
div#eventlocations form#campsignup input, textarea, select { 
	margin-left: 55px;
	margin-top: 5px;
}
div#eventlocations input { 
	margin: 0;
}

div#playerform fieldset {
	margin-bottom: 10px;
	padding : 5px;
	border : 1px solid #ccc;
	width: 500px;
}
div#playerform legend {
	font-weight: bold;
	font-size: 14px;
	color : #333;
	margin : 0;
	padding : 0.7em;
}
/* top right bottom left */
div#playerform label {
	font-weight: bold;
	text-align: right; 
	width: 110px;
	margin-left: 5px;
	margin-top: 5px;	
}
div#playerform input, textarea, select { 
	margin-left: 120px;
	margin-top: 5px;
}


div#events fieldset {
	margin-bottom: 10px;
	padding: 5px;
	border: 1px solid #ccc;
	width: 100%;
}
div#events legend {
	font-weight: bold;
	font-size: 14px;
	color : #333;
	margin : 0;
	padding : 0.7em;
}
div#events input { 
	margin: 0;
}
div#events select { 
	margin: 0;
}
div#events textarea { 
	margin: 0;
}

div#roster fieldset {
	margin-bottom: 10px;
	padding: 5px;
	border: 1px solid #ccc;
	width: 100%;
}
div#roster legend {
	font-weight: bold;
	font-size: 14px;
	color : #333;
	margin : 0;
	padding : 0.7em;
}
div#roster input { 
	margin: 0;
}
div#roster select { 
	margin: 0;
}
div#roster textarea { 
	margin: 0;
}

/*------------------------------------------------------------------------------
		End Admin Forms Style
------------------------------------------------------------------------------*/

/*------------------------------------------------------------------------------
		Start Footer Style
------------------------------------------------------------------------------*/
#footer {
	clear:both;
	float:left;
	width:100%;
	text-align: center;
	font-size: 10px;
	background: #000080;
	color: #fff;
	border-top: thin solid red;
	border-bottom: thin solid red;
}
#footer p {
	padding:10px;
	margin:0;
}
#footer a {
	color: #fff;
}
/*------------------------------------------------------------------------------
		End Footer Style
------------------------------------------------------------------------------*/