/* Global Styles */

body {
	margin:0px;
	}
	
td {
	color:#333333;
	font-family: arial;
	font-size: 10px;
	}
	
a {
	color: #881011;
	text-decoration:none;
	font-weight:bold;
	}
	
a:hover {
	color: #881011;
	text-decoration:underline;
	}
	
/* ID Styles */
	
#navigation a {
	font:10px arial;
	color: #cccccc;
	text-decoration:none;
	letter-spacing:0.1em;
	}
	
#navigation a:hover {
	color: #949494;
	text-decoration:underline;
	}

#padding {
	padding:20px 5px 20px 5px;
	}
	
#weekdays th {
	font:10px arial;
	color: #ffffff;
	letter-spacing:.2em;
	}

#calheader td {
	font-weight:bold;
	}

/* Class Styles */

.logo {
	font:18px times new roman;
	color: #333300;
	letter-spacing:0.1em;
	font-weight:bold;
	}

.sidebarText {
	color: #cccccc;
	line-height:18px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	}
	
.bodyText {
	font:11px arial;
	line-height:24px;
	color:#333333;
	}
	
.pageName {
	font:20px georgia;
	color: #881011;
	letter-spacing:0.1em;
	line-height:26px;
	}
	
.subHeader {
	font:14px georgia;
	color: #cccccc;
	font-weight:bold;
	line-height:20px;
	letter-spacing:0.1em;
	}
	
.navText {
	font:10px arial;
	color: #333300;
	letter-spacing:.1em;
	}
.contactText {
	line-height:12px;
	color:#333333;
	font-family: arial;
	font-size: 9px;
	}




.required {
	FONT-WEIGHT: bold; COLOR: #ff0000
}

.box{
width:75px;
font-size:11px
}

.formbox {
	BORDER-RIGHT: #cccccc 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #cccccc 1px solid; PADDING-LEFT: 5px; MARGIN-BOTTOM: 10px; PADDING-BOTTOM: 10px; BORDER-LEFT: #cccccc 1px solid; WIDTH: 490px; PADDING-TOP: 10px; BORDER-BOTTOM: #cccccc 1px solid; BACKGROUND-COLOR: #f6f6f6
}

.formbox1 {
	BORDER-RIGHT: #cccccc 0px solid; PADDING-RIGHT: 5px; BORDER-TOP: #cccccc 0px solid; PADDING-LEFT: 0px; MARGIN-BOTTOM: 10px; PADDING-BOTTOM: 10px; BORDER-LEFT: #cccccc 0px solid; WIDTH: 500px; PADDING-TOP: 10px; BORDER-BOTTOM: #cccccc 0px solid; 
}

.para{
width: 300px;
font-weight: bold;
}

.cssform p{
width: 300px;
clear: left;
margin: 0;
padding: 3px 0 4px 0;
padding-left: 155px; /*width of left column containing the label elements*/
height: 1%;
}

.cssform label{
font-weight: bold;
float: left;
margin-left: -155px; /*width of left column*/
width: 200px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}
.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 205px;
}

.cssform textarea{
width: 250px;
height: 150px;
}

/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .threepxfix{
margin-left: 3px;
}