body {
	background: #08143D;
	margin:  0 auto;
	padding: 0;
	font: 100% Arial, Helvetica, sans-serif;
	text-align: center;
	color: #3f3f3f;
	}


a, a:link, a:visited {
	color: #005D93;
	}

a:hover, a:active {
	color: #da0115;
	text-decoration: none;
	}


a img {
	 border: 0;
	 text-decoration: none;
}


.nav a, .nav a:link, .nav a:visited {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #08143D;
	text-decoration: none;
	font-size: 1.1em;
}
.nav a:hover, .nav a:active {
	color: #da0115;
}

/* Tables should show empty cells. */
table {
	empty-cells: show;
}


/* Selects are a bit smaller, because it makes them look even better 8). */
select {
	font-size: 8pt;
	font-weight: normal;
}

/* Standard horizontal rule.. ([hr], etc.) */
hr, .hrcolor {
	height: 1px;
	border: 0;
	color: #666666;
	background-color: #666666;
}

/* A quote, perhaps from another post. */
.quote {
	color: #000000;
	background-color: #C3B8D0;
	border: 1px solid #000000;
	margin: 1px;
	padding: 1px;
	font-size: x-small;
}

/* A code block - maybe even PHP ;). */
.code {
	color: #000000;
	background-color: #cccccc;
	border: 1px solid #000000;
	padding: 1px;
	font-family: "courier new", helvetica, "times new roman", serif;
	font-size: x-small;
	width: 99%;
	margin: 1px auto 1px auto;
	white-space: nowrap;
	overflow: auto;
}

/* The "Quote:" and "Code:" header parts... */
.quoteheader, .codeheader {
	color: #000000;
	text-decoration: none;
	font-style: normal;
	font-weight: bold;
	font-size: x-small;
}

/* Generally, those [?] icons.  This makes your cursor a help icon. */
.help {
	cursor: help;
}

/* /me uses this a lot. (emote, try typing /me in a post.) */
.meaction {
	color: red;
}

/* The main post box - this makes it as wide as possible. */
.editor {
	width: 96%;
}

/* Highlighted text - such as search results ;). */
.highlight {
	background-color: yellow;
	font-weight: bold;
	color: black;
}

/* Alternating backgrounds for posts, and several other sections of the forum. */
.windowbg {
	background-color: #F5F6F7;
}
.windowbg2 {
	background-color: #e8edf1;
}


/* These are used primarily for titles, but also for headers (the row that says what everything in the table is.) */
.titlebg, tr.titlebg td, .titlebg a, .titlebg a:link, .titlebg a:visited {
	color: #fff;
	font-style: normal;
	background-color: #08143D;
}
.titlebg a:hover, .titlebg a:active {
	color: #da0115;
	text-decoration: none;
}

/* This is used for categories, page indexes, and several other areas in the forum. */
.catbg {
	background: #F5F6F7;
}

/* This is used for a category that has new posts in it... to make it light up. */
.catbg2 {
	background: #e8edf1;
}

.catbg, .catbg2 {
	font-weight: bold;
}

/* This is used for tables that have a grid/border background color (such as the topic listing.) */
.bordercolor {
	background-color: #828181;
}

/* This is used on tables that should just have a border around them. */
.tborder {
	border: 1px solid #828181;
	background-color: #FFF;
	padding: 2px;
}

/* Default font sizes: small (8pt), normal (10pt), and large (14pt). */
.smalltext {
	font-size: x-small;
}
.normaltext {
	font-size: small;
}
.largetext {
	font-size: large;
}

/* This is the white header area where the title, menu bars, and header boxes are. */
#headerarea {
	background-color: white;
	border-bottom: 1px solid gray;
}


/* This is for the special header boxes on the top (user info, key stats, news box.) */
.headertitles
{
	background-color: #6B8EAE;
	border: 1px solid #6B8EAE;
}
.headerbodies
{
	border: 1px solid #7A7777;
	background-color: #EFEFEF;
	background-repeat: repeat-x;
	background-position: bottom;
}



/*  other */



	h1#bloglogo a {
		display: block;
	}
			
	h1#bloglogo a span {
		display: block;
		width: 0;
		height: 0;
		overflow: hidden;
	}
	
	h1#bloglogo a, h1#bloglogo a:link, h1#bloglogo a:visited {
		border: none;
	}

	h1#bloglogo a:hover, h1#bloglogo a:active {
		background: none;
	}


h1 a {
	 margin: 0;
	 padding: 0;
	 text-decoration: none;
	 color: #6f6f6f;
}

h1#blogtitle {
	display: block;
	text-align: center;
	font-size: 1.5em;
	margin: 50px 0 0 195px;
}

html>body h1#blogtitle {
	margin: 75px 0 0 190px;
	}

h2 {
	font: 1.7em "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-variant: small-caps;
	font-weight: bold;
	color: #da0115;
	margin-bottom: 0;
	margin-top: 10px;
		}
		

	h2 a, h2 a:link, h2 a:visited {
		color: #da0115;
		text-decoration: none;
		}

	h2 a:hover, h2 a:active {
		color: #08143D;
		}




h3 {
	color: #5b5e68;
	border-bottom: 0;
	font-size: 1.4em;
		}


h4 {
	 font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	 color: #005D93;
	 margin: 0;
	 padding: 0;
	 font-size: 1.2em;
	}

input, textarea {
	border: 1px solid #08143D;
	font: 0.9em Arial, Helvetica, sans-serif;
	color: #666;
	}



#container {
	 width: 776px;
	 margin: 0 auto;
	 font-size: 0.75em;
	 text-align: left;
	 background: url(images/container-bg.gif) repeat-y;
	}



#header {
	float: left;
	background: url(images/logo.gif) no-repeat left top;
	width: 776px;
	height: 177px;
	margin: 0px;
	padding: 0px;
	text-align: left;
	}


#navigation {
	margin: 62px 0 0 105px;
	color: #fff;
	font-weight: bold;
	float: left;
	}
		
html>body #navigation {
	margin: 5px 0 0 210px;
	}

	
	#navigation a, #navigation a:link, #navigation a:visited  {
		color: #fff;
		text-decoration: none;
		padding: 0 3px;
		}

	#navigation a:hover, #navigation a:active  {
	 	color: #da0115;
		}


#ads2 {
	 float: right;
	 clear: right;
	 margin-top: 10px;
	 margin-right: 50px;
	}

html>body #ads2 {
	 margin-right: 80px;
	}


#ads1 {
	 float: right;
	 margin-top: 10px;
	 background: url(images/adstop-bg.gif) no-repeat bottom left;
	 width: 257px;
	 height: 70px;
	 display: block;
	 text-align: center;
	}


html>body #ads1 {
	 margin-top: -5px;
	}
	
	
#about {
	float: right;
	width: 350px;
	height: 30px;
	overflow: auto;
	text-align: right;
	color: #fff;
	font-size: 0.95em;
	margin-top: 15px;
}


html>body #about {
	margin-top: -25px;
	height: 35px;
	margin-bottom: 10px;
}

.user-info {
	clear: both;
	border: 1px solid #c8c8c9;
	width: 566px;
	padding: 10px;
	margin: 10px 0 10px 90px;
	font-size: 0.9em;
		}

html>body .user-info {
	width: 600px;
	margin: 10px 0 10px 80px;
}

	.user-info img {
		float: right;
		padding: 5px;
			}


.boxes {
	float: left;
	border: 1px solid #c8c8c9;
	width: 250px;
	padding: 10px;
	margin: 10px 0 10px 45px;
	font-size: 0.9em;
	}
	
html>body .boxes {
	margin: 10px 0 10px 80px;
}


	.boxes h4, .user-info h4 {
		border-bottom: 1px solid #c8c8c9;
		}


#main-search {
	text-align: center;
	clear: both;
	margin: 10px 0;
}

	#main-search a  {
		padding-left: 10px;
		font-size: 0.95em;
	}


	.search-title {
		 font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
		 color: #005D93;
		 font-size: 1em;
		 font-weight: bold;
		}

#board-menu {
	text-align: center;
	clear: both;
	margin: 15px 0;
}

	#board-menu a img {
		padding: 0 3px;
	}

#singlecontent {
	clear: both;
	width: 630px;
	background: #fff;
	margin:  0 5px 0 70px;
}


.calendar {
	border: 1px solid #08143D;
	width: 100%;
	border-collapse:collapse;
		}

	.calendar caption {
		font: 1.7em "Trebuchet MS", Arial, Helvetica, sans-serif;
		font-variant: small-caps;
		font-weight: bold;
		color: #da0115;
		margin: 15px 0;
			}
	
	
	.days {
		background: #08143D;
		color: #fff;
		width:14%;
		text-align: center;
		}
	
	.each-day {
		background: #F5F6F7;
		border: 1px solid #08143D;
			}
			
	.event {
		font-size: 0.95em;
			}


.calendar-nav {
	border: 1px solid #08143D;
	border-top: 0;
	width: 100%;
	border-collapse:collapse;
		}

	.calendar-nav input, #login-bt, #search-bt, .user-bt {
		background: #08143D;
		color: #fff;
			}

.search-function {
	border: 1px solid #08143D;
	width: 90%;
	border-collapse:collapse;
	background: #F5F6F7;
	margin: 10px auto;
		}
		

	.tabletitle {
		background: #08143D;
		color: #fff;
		text-align: center;
		}

	.tabletitle2 {
		background: #08143D;
		color: #fff;
		text-align: left;
		font-weight: bold;
		}

		.tabletitle2 a, .tabletitle2 a:link, .tabletitle2 a:visited {
			color: #fff;
			text-decoration: none;
			}

		.tabletitle2 a:hover, .tabletitle2 a:active {
			color: #da0115;
			}


	.check {
		border: 0;
			}


.google {
	text-align: center;
	border-left: 1px solid #828181;
	border-right: 1px solid #828181;
	background: #F5F6F7;
	margin-bottom: 5px;
		}


#footer {
	clear: both;
	margin: 0 auto 20px auto;
	text-align: center;
	color: #fff;
	background: url(images/footer.gif) no-repeat top center;
	width: 684px;
	padding-top: 25px;
}

	#footer p {
		margin-bottom: 15px;
		font-size: 0.7em;
	}


	#footer a, #footer a:link, #footer a:visited {
		color: #fff;
	}

	#footer a:hover, #footer a:active {
		color: #ccc;
	}

	#copyright {
		display: block;
		width: 0;
		height: 0;
		overflow: hidden;
	}