/* Basic elements. */
 
body, table, td, tr, div, span, input, textarea, select, p, a
	{
	font-family:		Verdana, Geneva, Arial, sans-serif;
	}

body
	{
	background-color: 	#ffffff;
	margin:			2 2 2 2;
	overflow: 		hidden;
	}

table
	{
	padding: 		0 0 0 0;
	width:			100%;
	border-style:		none;
	border-collapse:	collapse;
	}

table td, td, select	
	{
	font-size:		70%;
	}

input, textarea 	
	{
	font-size:		100%;
	}

span 
	{
	white-space: 		nowrap;
	}

iframe
	{
	border:			none;
	width:			100%;
	margin:			0 0 0 0;
	}

.hide
	{
	visibility: 		hidden;
	}


/* For the login page. */

td.graphic
	{
	background-image: 	url('images/1600-Golf-Rd.jpg');
	background-repeat: 	no-repeat;
	background-position: 	center center;
	padding-top: 80px;
	}

form.login 
	{ 
	border: 		1px solid #999999; 
	background-color: 	#f2f2f2;
	padding: 1em;
	text-align: left;
	width: 29em;
	margin: 2em;
	}
 
.loginform 
	{
	margin: 0;
	padding-bottom: 0;
	padding-top: .5em;
	border: 0;
	}

.loginform br 
	{ 
	clear: left;
	line-height: .5em;
	} 
	
.loginform label
	{
	width: 9.5em;
	float: left;
	text-align: right;
	margin-right: 0.5em;
	display: block;
	padding-top: 0.2em;
	}

.loginform input 
	{ 
	margin-left: 10em;
	width: 15em;
	display: block;
	}

.loginform .submit input, .loginform.submit input
	{
	margin-left: 10.5em;
	width: auto;
	} 
	

.error
	{
	background: #FFFF99; 
	border: 1pt solid #ffccaa; 
	width: 29em; 
	text-align: justify; 
	padding: 1em;
	}

/* For the header and its raised look. */

.header
	{
	padding-top:		5px; 
	padding-bottom:		3px; 
	padding-left:		10px; 
	padding-right:		10px;
	}

.headtopleft
	{
	width: 			2px; 
	height: 		4px; 
	background-image: 	url('images/topleft.gif'); 
	background-repeat: 	no-repeat;
	}

.headtop
	{
	height: 		4px; 
	background-image: 	url('images/top.gif'); 
	background-repeat: 	repeat-x;
	}

.headtopright
	{
	width: 			4px; 
	height: 		4px; 
	background-image: 	url('images/topright.gif'); 
	background-repeat: 	no-repeat;
	}

.headleft
	{
	width: 			2px; 
	background-image:	url('images/left.gif'); 
	background-repeat: 	repeat-y;
	}

.headright
	{
	width: 			4px; 
	background-image:	url('images/right.gif'); 
	background-repeat: 	repeat-y;
	}

.headbottomleft
	{
	width:			2px; 
	height: 		6px; 
	background-image: 	url('images/bottomleft.gif'); 
	background-repeat: 	no-repeat;
	}

.headbottom
	{
	height: 		6px; 
	background-image: 	url('images/bottom.gif'); 
	background-repeat: 	repeat-x;
	}

.headbottomright
	{
	width: 			4px; 
	height: 		6px; 
	background-image: 	url('images/bottomright.gif');
	background-repeat: 	no-repeat;
	}


/* For the header menu buttons. */

#tablemenu 
	{
	width: 			100%;
	table-layout: 		fixed;
	text-align:		center;
	border-collapse:	separate;
	border-spacing: 	2;
	}

#tablemenu td 
	{
	box-sizing:		border-box;
	-moz-box-sizing:	border-box;
	text-align:		center;
	vertical-align: 	middle;
	background-color: 	#b8b8b8;
	border:			2px outset #dedede;
	}

#tablemenu a, #tablemenu a:hover, #tablemenu a:active
{
	display:		block;
	color:			#000000;
	font-size:		90%;
	font-weight:		bold;
	text-decoration:	none; 
	outline: 		none;
	padding:		12px 14px 13px 14px;
	margin: 		-10px;
}

#tablemenu td:hover
{
	background-color:	#e8e8e8;
}

#tablemenu td:active
{
	background-color:	#e8e8e8;
	border:			2px inset #dedede;
}

/* buttons */
td#menubutton a
	{
	display: 		block;
	color:			#000000;
	font-size:		90%;
	font-weight:		bold;
	white-space:		nowrap;
	text-decoration:	none;
	outline: 		none;
	padding:		2px 6px 2px 6px;
	background-color:	#b8b8b8;
	text-align:		center;
	border:			2px outset #dedede;
	}

td#menubutton a:hover
	{
	background-color:	#e8e8e8;
	}
	
td#menubutton a:active
	{
	background-color:	#e8e8e8;
	border:			2px inset #dedede;
	}

/* The upper right options menu. */

.options
	{
	color: 			#ff0000;
	font-weight: 		bold;
	padding-top:		1px; 
	padding-bottom:		1px;
	}

a.options 
	{
	color:			#ff0000;
	text-decoration:	none;
	font-weight: 		bold;	
	}

a.options:hover 
	{
	color:			#000000;
	text-decoration:	underline;
	font-weight: 		bold;
	}

span.options
	{
	color:			#000000;
	font-weight:		normal;
	}

.guide
	{
	padding-top:		4px; 
	padding-bottom:		4px; 
	padding-left:		10px; 
	padding-right:		10px;
	font-size:		70%;
	text-align:		right;
	}


/* Bars and the buttons on them. */

tr.std_title_bar		
	{		
	background-color:	#31619c;		
	}
	
td.std_title_bar		
	{		
	font-weight: 		bold; 
	color: 			#ffffff; 
	padding: 		4px 10px 4px 6px;
	text-align:		left;
	}

tr.grey_bar		
	{		
	background-color:	#a0a0a0;		
	}

td.grey_bar		
	{		
	font-weight: 		bold; 
	padding: 		2 2 5 2;
	text-align:		center;
	}

a.stdLinkButton
	{
	color:			#000000;
	font-size:		90%;
	font-weight:		bold;
	text-decoration:	none;
	padding:		1 6 1 6;
	background-color:	#b8b8b8;
	text-align:		center;
	}

a.stdLinkButton:hover
	{
	background-color:	#e8e8e8;
	}

span.stdBut1
	{
	padding:		0 0 1 0;
	border:			2px outset #dedede;
	}

span.stdBut2
	{
	padding:		0 0 1 0;
	border:			2px inset #dedede;
	}


/* Footer CSS */

td#footer
	{
	vertical-align:		bottom;
	color:			#000000;
	font-size:		50%;
	padding:		0px 0px 1px 0px;
	}

#footer a
	{
	color:			#000000;
	text-decoration:	none;
	font-size:		100%;
	outline: 		none;
	border-color: 		#999999;
	border-bottom-width: 	thin;
	border-left-width: 	0px;
	border-right-width: 	0px;
	border-top-width: 	0px;
	border-bottom-style: 	dotted;
	}

#footer a:hover 
	{
	color:			#ff0000;
	border-color: 		#ff0000;
	border-bottom-style: 	solid;
	}

	
/* I seriously can't remember what this section is for. To be found later. */

a.pagelink
	{
	color:			#ffffff;
	font-weight:		bold;
	text-decoration:	none;
	}

a.pagelink:hover 
	{
	color:			#000000;
	font-weight:		bold;
	text-decoration:	underline;
	}


/* Everything else */

.tablebody
	{
	width:			100%;
	height:			100%;
	padding:		2 2 2 2;
	}

.main
	{
	width:			100%;
	padding:		0 0 0 0;
	}

td.frameholder 
	{
	width:			100%;
	height:			100%;
	text-align:		center;
	vertical-align:		top;
	border-top: 		0px solid;
	border-right: 		1px solid #999999;
	border-bottom:		1px solid #999999;
	border-left:		1px solid #999999;
	padding:		0 0 0 0;
	}

body.2K5iframe
	{
	background-color: 	#ffffff;
	border: 		none;
	margin:			0 0 0 0;
	padding:		0 0 0 0;
	height:			100%;
	}

.heading
	{
	font-weight: 		bold;
	font-size: 		200%;
	}


/* For forms and things we want to look like forms. */	

.formtable
	{
	border: 		1px solid #999999;
	background-color: 	#f2f2f2;
	width:			100%;
	height:			100%;
	}

select.formtable
	{
	font-size:		100%;
	width:			auto;
	background-color:	#ffffff;
	border-color:		#999999;
	color:			#000000;
	}

.label 
	{
	text-align:		right;
	font-weight:		bold;
	white-space: 		nowrap;
	padding-right: 		4px;
	}

.formlike1
	{
	background-color: 	#ffffff;
	border: 		1px solid #999999;
	color: 			#000000;
	padding: 		1px 2px 1px 2px;
	}

.formlike2
	{
	background-color: 	#ffffff;
	border: 		1px solid #999999;
	color: 			#000000;
	padding: 		1px 2px 1px 2px;
	height: 		65px;
	overflow:		auto;
	}
	
.formlike3
	{
	background-color: 	#ffffff;
	border: 		1px solid #999999;
	color: 			#000000;
	padding: 		1px 2px 1px 2px;
	height: 		45px;
	overflow:		auto;
	}

.check
	{
	margin-left: 		0;
	margin-bottom:		-1;
	}

	
/* Different ways of centering a page. */

body.default
	{
	border: 		none;
	margin:			0;
	padding:		0;
	background-image: 	url('images/default.png');
	background-repeat: 	no-repeat;
	background-position: 	center center;
	height: 		100%;
	text-align: 		center; 
	}

div#default
	{
	text-align: 		center;
	height: 		60%;
	width: 			60%;
	position: 		absolute;
	left: 			20%;
	top: 			25%;
	visibility: 		visible;
	font-weight: 		bold;
	font-size: 		75%;
	display:		inline;
	}

body.projects
	{
	border: 		none;
	margin:			0;
	padding:		0;
	height: 		100%;
	text-align: 		center; 
	}

div.projects
	{
	text-align: 		center;
	height: 		90%;
	width: 			90%;
	position: 		absolute;
	left: 			5%;
	top: 			5%;
	display:		inline;
	}

#outer 
	{
	height: 		100%; 
	width: 			100%; 
	position: 		relative;
	}

#outer[id] 
	{
	display: 		table; 
	position: 		static;
	}

#middle /* for explorer only*/
	{
	position: 		absolute; 
	top: 			50%;
	left: 			50%;
	} 

#middle[id] 
	{
	display: 		table-cell; 
	vertical-align: 	middle; 
	position: 		static;
	}

#inner /* for explorer only */
	{
	position: 		relative;
	top: 			-50%; 
	left: 			-50%; 
	} 

#inner[id] 
	{
	position: 		static;
	}


/* styles for news.html */

table.newsTable 
	{ 
	background-color: 	#fff; 
  	height:			100%; 
  	width:			100%;
  	padding: 		0;
  	margin: 		0;
  	border: 		0;
	} 

table.newsTable thead
	{
  	display:		table-header-group; 
	} 

table.newsTable thead tr
	{
	height: 		25;  
	}

table.newsTable tr.even
	{
  	background-color: 	#f2f2f2;
  	}

table.newsTable tr.odd
	{
	background-color: 	white;
	}

table.newsTable thead tr td /* column headings */ 
	{ 
	font-size: 		70%; 
	vertical-align: 	middle; 
	background-color: 	#e8e8e8; 
	font-weight: 		bold; 
	color: 			#131313; 
	border-right: 		1px solid #b6b6b6; 
	border-bottom: 		1px solid #b6b6b6; 
	border-left: 		1px solid #ffffff; 
	padding: 		5px 3px 5px 6px; 
	white-space: 		nowrap;
	}

table.newsTable td 
	{
	color: 			#333333; 
	padding: 		4px 6px;
	vertical-align: 	top;
	border-right:	 	1px solid #d8d8d8;
	font-size: 		70%;
	font-family: 		verdana; 
	}

table.newsTable img 
	{ 
	border: 		0; 
	float: 			left;
	}

table.newsTable a 
	{ 
	color: 			#3333bb; 
	text-decoration: 	underline;
	} 

table.newsTable a:hover 
	{ 
	color: 			#0000ff; 
	text-decoration: 	underline;
	cursor:			hand;
	cursor: 		pointer;
	} 

table.newsTable #edit
	{ 
	height: 		auto; 
	width: 			auto; 
	margin: 		0 0 0 3px; 
	padding: 		0 0 0 0;
	display: 		inline;
	float: 			right;
	vertical-align: 	middle;
	}

table.newsTable #edit input
	{ 
	font-weight: 		bold;
	font-size: 		70%; 
	cursor: 		pointer; 
	cursor: 		hand; 
	}