/* general html styles */

html, body, td {
	margin: 0px;
	padding: 0px;
	height: 100%;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 13px;
	color: #665D55;
}

body { background-color: #E8E7E6; }

h1 {
	font-family: Times New Roman, Times, Georgia;
	font-size: 27px;	
	text-transform: capitalize;
}

h2 {
	font-family: Times New Roman, Times, Georgia;
	font-size: 17px;
}

h3 {
	font-size: 13px;
	font-weight: bold;
}

a:link {
	font-weight: bold;
	text-decoration: none;
}

a:active {
	font-weight: bold;
	text-decoration: none;
}

a:visited {
	font-weight: bold;
	text-decoration: none;
}

a:hover {
	font-weight: bold;
	text-decoration: underline;
}

/* scio header styles */

#header_scio {
	height: 104px;
	width: 100%;
	margin: 0px;
	padding: 0px;
	background-image: url(../images/header_scio.jpg);
	background-position: top left;
	background-repeat: repeat-x;
	float: right;
	font-size: 10px;
}

#header_scio h1 {
	height: 97px;
	width: 244px;
	margin: 0px;
	padding: 0px;
	float: left;
	background-image: url(../images/logo_scio.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	text-indent: -2000px;
	font-size: 10px;
}

/* springfield header styles */

#header_springfield {
	height: 104px;
	width: 100%;
	margin: 0px;
	padding: 0px;
	background-image: url(../images/header_springfield.jpg);
	background-position: top left;
	background-repeat: repeat-x;
	float: right;
	font-size: 10px;
}

#header_springfield h1 {
	height: 97px;
	width: 244px;
	margin: 0px;
	padding: 0px;
	float: left;
	background-image: url(../images/logo_springfield.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	text-indent: -2000px;
	font-size: 10px;
}

/* elms header styles */

#header_elms {
	height: 104px;
	width: 100%;
	margin: 0px;
	padding: 0px;
	background-image: url(../images/header_elms.jpg);
	background-position: top left;
	background-repeat: repeat-x;
	float: right;
	font-size: 10px;
}

#header_elms h1 {
	height: 97px;
	width: 244px;
	margin: 0px;
	padding: 0px;
	float: left;
	background-image: url(../images/logo_elms.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	text-indent: -2000px;
	font-size: 10px;
}

/* highfield header styles */

#header_highfield {
	height: 104px;
	width: 100%;
	margin: 0px;
	padding: 0px;
	background-image: url(../images/header_highfield.jpg);
	background-position: top left;
	background-repeat: repeat-x;
	float: right;
	font-size: 10px;
}

#header_highfield h1 {
	height: 97px;
	width: 244px;
	margin: 0px;
	padding: 0px;
	float: left;
	background-image: url(../images/logo_highfield.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	text-indent: -2000px;
	font-size: 10px;
}




/* section depentent colours */

#scio_content h1 { color: #93612E; }
#scio_content h2 { color: #93612E; }
#scio_content a:link { color: #93612E; }
#scio_content a:active { color: #93612E; }
#scio_content a:visited { color: #93612E; }
#scio_content a:hover { color: #000000; text-decoration: underline; }


#springfield_content h1 { color: #92A435; }
#springfield_content a:link { color: #92A435; }
#springfield_content a:active { color: #92A435; }
#springfield_content a:visited { color: #92A435; }
#springfield_content a:hover { color: #000000; text-decoration: underline; }


#elms_content h1 { color: #2B68A3; }
#elms_content a:link { color: #2B68A3; }
#elms_content a:active { color: #2B68A3; }
#elms_content a:visited { color: #2B68A3; }
#elms_content a:hover { color: #000000; text-decoration: underline; }


#highfield_content h1 { color: #6B2145; }
#highfield_content a:link { color: #6B2145; }
#highfield_content a:active { color: #6B2145; }
#highfield_content a:visited { color: #6B2145; }
#highfield_content a:hover { color: #000000; text-decoration: underline; }

/* left column styles */

#left_column {
	background-image: url(../images/nav_pic_scio.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	background-color: #93612E;
	width: 129px;
	height: 100%;
	float: left;
	border-top: 1px solid #FFFFFF;
	display: block;
}

#left_column_springfield {
	background-image: url(../images/nav_pic_springfield.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	background-color: #92A435;
	width: 129px;
	height: 100%;
	float: left;
	border-top: 1px solid #FFFFFF;
	display: block;
}

#left_column_elms {
	background-image: url(../images/nav_pic_elms.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	background-color: #2B68A3;
	width: 129px;
	height: 100%;
	float: left;
	border-top: 1px solid #FFFFFF;
	display: block;
}

#left_column_highfield {
	background-image: url(../images/nav_pic_highfield.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	background-color: #6B2145;
	width: 129px;
	height: 100%;
	float: left;
	border-top: 1px solid #FFFFFF;
	display: block;
}


/* universal styles */

#nav {
	height: 10px;
	width: 630px;
	float: right;
	padding-top: 68px;
	background-image: url(../images/nav_bg.jpg);
	background-position: top right;
	background-repeat: no-repeat;
	text-align: right;
}

html>body #nav {
	height: 98px;
	width: 630px;
	float: right;
	padding-top: 68px;
	background-image: url(../images/nav_bg.jpg);
	background-position: top right;
	background-repeat: no-repeat;
	text-align: right;
	margin-bottom: 0px;
}

#content_container {
	border-top: 1px solid #FFFFFF;
}

html>body #content_container {
	height: 100%;
	border-top: 1px solid #FFFFFF;
}

#center_column {
	background-color: #E8E7E6;
	text-align: left;
	border-top: 1px solid #FFFFFF;
	border-left: 129px solid #93612E;
	padding: 20px 322px 20px 20px;
	background-image: url(../images/content_right_bg.gif);
	background-position: top right;
	background-repeat: repeat-y;
}

#center_column_admin {
	background-color: #E8E7E6;
	text-align: left;
	border-top: 1px solid #FFFFFF;
	padding: 150px 20px 20px 150px;

}


html>body #center_column {
	background-color: #E8E7E6;
	text-align: left;
	border-top: 1px solid #FFFFFF;
	border-left: 129px solid #93612E;
	padding: 20px 322px 20px 20px;
	background-image: url(../images/content_right_bg.gif);
	background-position: top right;
	background-repeat: repeat-y;
}

#center_column_springfield {
	background-color: #E8E7E6;
	text-align: left;
	border-top: 1px solid #FFFFFF;
	border-left: 129px solid #92A435;
	padding: 20px 322px 20px 20px;
	background-image: url(../images/content_right_bg.gif);
	background-position: top right;
	background-repeat: repeat-y;
}

html>body #center_column_springfield {
	background-color: #E8E7E6;
	text-align: left;
	border-top: 1px solid #FFFFFF;
	border-left: 129px solid #92A435;
	padding: 20px 322px 20px 20px;
	background-image: url(../images/content_right_bg.gif);
	background-position: top right;
	background-repeat: repeat-y;
}

#center_column_elms {
	background-color: #E8E7E6;
	text-align: left;
	border-top: 1px solid #FFFFFF;
	border-left: 129px solid #2B68A3;
	padding: 20px 322px 20px 20px;
	background-image: url(../images/content_right_bg.gif);
	background-position: top right;
	background-repeat: repeat-y;
}

html>body #center_column_elms {
	background-color: #E8E7E6;
	text-align: left;
	border-top: 1px solid #FFFFFF;
	border-left: 129px solid #2B68A3;
	padding: 20px 322px 20px 20px;
	background-image: url(../images/content_right_bg.gif);
	background-position: top right;
	background-repeat: repeat-y;
}

#center_column_highfield {
	background-color: #E8E7E6;
	text-align: left;
	border-top: 1px solid #FFFFFF;
	border-left: 129px solid #6B2145;
	padding: 20px 322px 20px 20px;
	background-image: url(../images/content_right_bg.gif);
	background-position: top right;
	background-repeat: repeat-y;
}

html>body #center_column_highfield {
	background-color: #E8E7E6;
	text-align: left;
	border-top: 1px solid #FFFFFF;
	border-left: 129px solid #6B2145;
	padding: 20px 322px 20px 20px;
	background-image: url(../images/content_right_bg.gif);
	background-position: top right;
	background-repeat: repeat-y;
}


#navigation_container {
	margin: 82px 0px 0px 0px;
}

#navigation_container img {
	margin-bottom: 1px;
}

#admin_navigation_container {
	margin: 82px 0px 0px 0px;
	padding: 0px 0px 0px 10px;
	line-height: 2;
}

#admin_navigation_container a, a:link, a:active, a:visited {
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
}

#admin_navigation_container a:hover {
	text-decoration: underline;
}

/* side information panel */

#side_panel {
	background-color: #A7A29D;
	height: 100%;
	float: right;
	width: 301px;
	margin-left: 20px;
	border-left: 1px solid #665D55;
	color: #FFFFFF;
}

#side_panel h1 { padding: 10px 20px 0px 20px; font-size: 20px; font-weight:normal;}
#side_panel h2 { padding: 7px 20px 0px 20px; margin: 0px; font-size: 14px; font-weight:normal;}
#side_panel h3 { padding: 0px 20px 0px 20px; margin: 0px; font-size: 12px; font-weight:normal;}
#side_panel p { padding: 0px 20px 0px 20px; margin: 0px; }
#side_panel img { margin-top: 20px; }
#side_panel a:link, a:active, a:visited { color: #FFFFFF; text-decoration: none; }
#side_panel a:hover { color: #FFFFFF; text-decoration: underline; }

/* field and form styles */

.fieldText {
	border: 1px solid #999999;
	width: 400px;
	font-size: 10px;
	font-family: Verdana, Arial, Sans-Serif;
}

.fieldLabel {
	font-style: italic;
}

.fieldDropDown {
	border: 1px solid #999999;
	width: 400px;
	font-size: 10px;
	font-family: Verdana, Arial, Sans-Serif;
}

.fieldTextArea {
	border: 1px solid #999999;
	width: 400px;
	height: 200px;
	font-size: 10px;
	font-family: Verdana, Arial, Sans-Serif;
}

.fieldTextAreaSmall {
	border: 1px solid #999999;
	width: 400px;
	height: 100px;
	font-size: 10px;
	font-family: Verdana, Arial, Sans-Serif;
}

.fieldButton {
	border: 1px solid #999999;
	background-color: #CCCCCC;
	color: #000000;
	font-size: 10px;
	font-family: Verdana, Arial, Sans-Serif;
}

.fieldButtonOver {
	border: 1px solid #999999;
	background-color: #CCCCCC;
	font-size: 10px;
	font-family: Verdana, Arial, Sans-Serif;
	cursor: pointer;
	color: #999999;
}

.adminListHeadings a, .adminListHeadings a:link, .adminListHeadings a:active, .adminListHeadings a:visited {
	font-style: italic;
	font-weight: normal;
}

.adminListHeadings a:hover {
	color: #000000;
}

.adminListSelectedItem {
	border: 1px solid #999999;
	padding: 5px;
}

.adminListItemOdd {
	background-color: #FFFFFF;
}

.adminListItemOver, .adminListItemOver td {
	background-color: #999999;
	color: #FFFFFF;
	cursor: pointer;
}

#menu_table {
	border: 1px solid #999999;
}

#menu_table td {
	border: 1px solid #999999;
	text-align: center;
	vertical-align: top;
	padding: 10px;
}


/* Fix the header, left and side areas while
 * enabling the centre column to scroll
 * -------------------------------------------
 * Clients request 13th March 2007
 *
 */
 
	/* left column */
	#left_column { top: 105px; position: fixed; left: 0px; }
	* html { overflow-y: hidden; }
	*html body { overflow-y: auto; height: 100%; }
	*html div#left_column { position: absolute; }
	html>body #left_column { top: 105px; }

	/* left column highfield */
	#left_column_highfield { top: 105px; position: fixed; left: 0px; }
	* html { overflow-y: hidden; }
	*html body { overflow-y: auto; height: 100%; }
	*html div#left_column_highfield { position: absolute; }
	html>body #left_column_highfield { top: 105px; }

	/* left column elms */
	#left_column_elms { top: 105px; position: fixed; left: 0px; }
	* html { overflow-y: hidden; }
	*html body { overflow-y: auto; height: 100%; }
	*html div#left_column_elms { position: absolute; }
	html>body #left_column_elms { top: 105px; }

	/* left column springfield */
	#left_column_springfield { top: 105px; position: fixed; left: 0px; }
	* html { overflow-y: hidden; }
	*html body { overflow-y: auto; height: 100%; }
	*html div#left_column_springfield { position: absolute; }
	html>body #left_column_springfield { top: 105px; }


	/* right column */
	#side_panel { top: 105px; position: fixed; right: 15px; background-image: none; background-color: none; border: 0px; }
	* html { overflow-y: hidden; }
	*html body { overflow-y: auto; height: 100%; }
	*html div#side_panel { position: absolute; }
	html>body #side_panel { top: 105px; right: 0px; }


	/* header_scio */
	#header_scio { position: fixed; left: 0px; }
	* html { overflow-y: hidden; }
	*html body { overflow-y: auto; height: 100%; }
	*html div#header_scio { position: absolute; }
	html>body #header_scio { top: 0px; }

	/* header_elms */
	#header_elms { position: fixed; left: 0px; }
	* html { overflow-y: hidden; }
	*html body { overflow-y: auto; height: 100%; }
	*html div#header_elms { position: absolute; }
	html>body #header_elms { top: 0px; }

	/* header_highfield */
	#header_highfield { position: fixed; left: 0px; }
	* html { overflow-y: hidden; }
	*html body { overflow-y: auto; height: 100%; }
	*html div#header_highfield { position: absolute; }
	html>body #header_highfield { top: 0px; }

	/* header_springfield */
	#header_springfield { position: fixed; left: 0px; }
	* html { overflow-y: hidden; }
	*html body { overflow-y: auto; height: 100%; }
	*html div#header_springfield { position: absolute; }
	html>body #header_springfield { top: 0px; }


	/* center column */
	#center_column { padding-top: 150px !important; }
	
	/* center column highfield */
	#center_column_highfield { padding-top: 150px !important; }
	
	/* center column elms */
	#center_column_elms { padding-top: 150px !important; }
	
	/* center column springfield */
	#center_column_springfield { padding-top: 150px !important; }	
	
	
	
/* cedar lodge header styles */

#header_cedar {
	height: 104px;
	width: 100%;
	margin: 0px;
	padding: 0px;
	background-image: url(../images/header_cedar.jpg);
	background-position: top left;
	background-repeat: repeat-x;
	float: right;
	font-size: 10px;
}

#header_cedar h1 {
	height: 97px;
	width: 244px;
	margin: 0px;
	padding: 0px;
	float: left;
	background-image: url(../images/logo_cedar.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	text-indent: -2000px;
	font-size: 10px;
}

#left_column_cedar {
	background-image: url(../images/nav_pic_cedar.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	background-color: #294218;
	width: 129px;
	height: 100%;
	float: left;
	border-top: 1px solid #FFFFFF;
	display: block;
}

#center_column_cedar {
	background-color: #E8E7E6;
	text-align: left;
	border-top: 1px solid #FFFFFF;
	border-left: 129px solid #294218;
	padding: 20px 322px 20px 20px;
	background-image: url(../images/content_right_bg.gif);
	background-position: top right;
	background-repeat: repeat-y;
}

html>body #center_column_cedar {
	background-color: #E8E7E6;
	text-align: left;
	border-top: 1px solid #FFFFFF;
	border-left: 129px solid #294218;
	padding: 20px 322px 20px 20px;
	background-image: url(../images/content_right_bg.gif);
	background-position: top right;
	background-repeat: repeat-y;
}

#cedar_content h1 { color: #294218; }
#cedar_content a:link { color: #294218; }
#cedar_content a:active { color: #294218; }
#cedar_content a:visited { color: #294218; }
#cedar_content a:hover { color: #000000; text-decoration: underline; }

/* header_cedar */
#header_cedar { position: fixed; left: 0px; }
* html { overflow-y: hidden; }
*html body { overflow-y: auto; height: 100%; }
*html div#header_cedar { position: absolute; }
html>body #header_cedar { top: 0px; }

/* left column elms */
#left_column_cedar { top: 105px; position: fixed; left: 0px; }
* html { overflow-y: hidden; }
*html body { overflow-y: auto; height: 100%; }
*html div#left_column_cedar { position: absolute; }
html>body #left_column_cedar { top: 105px; }

	/* center column */
	#center_column_cedar { padding-top: 150px !important; }


/* tresslewood lodge header styles */

#header_tresslewood {
	height: 104px;
	width: 100%;
	margin: 0px;
	padding: 0px;
	background-image: url(../images/header_tresslewood.jpg);
	background-position: top left;
	background-repeat: repeat-x;
	float: right;
	font-size: 10px;
}

#header_tresslewood h1 {
	height: 97px;
	width: 244px;
	margin: 0px;
	padding: 0px;
	float: left;
	background-image: url(../images/logo_tresslewood.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	text-indent: -2000px;
	font-size: 10px;
}

#left_column_tresslewood {
	background-image: url(../images/nav_pic_tresslewood.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	background-color: #71573B;
	width: 129px;
	height: 100%;
	float: left;
	border-top: 1px solid #FFFFFF;
	display: block;
}

#center_column_tresslewood {
	background-color: #E8E7E6;
	text-align: left;
	border-top: 1px solid #FFFFFF;
	border-left: 129px solid #71573B;
	padding: 20px 322px 20px 20px;
	background-image: url(../images/content_right_bg.gif);
	background-position: top right;
	background-repeat: repeat-y;
}

html>body #center_column_tresslewood {
	background-color: #E8E7E6;
	text-align: left;
	border-top: 1px solid #FFFFFF;
	border-left: 129px solid #71573B;
	padding: 20px 322px 20px 20px;
	background-image: url(../images/content_right_bg.gif);
	background-position: top right;
	background-repeat: repeat-y;
}

#tresslewood_content h1 { color: #71573B; }
#tresslewood_content a:link { color: #71573B; }
#tresslewood_content a:active { color: #71573B; }
#tresslewood_content a:visited { color: #71573B; }
#tresslewood_content a:hover { color: #000000; text-decoration: underline; }

/* header_tresslewood */
#header_tresslewood { position: fixed; left: 0px; }
* html { overflow-y: hidden; }
*html body { overflow-y: auto; height: 100%; }
*html div#header_tresslewood { position: absolute; }
html>body #header_tresslewood { top: 0px; }


/* left column tresslewood */
#left_column_tresslewood { top: 105px; position: fixed; left: 0px; }
* html { overflow-y: hidden; }
*html body { overflow-y: auto; height: 100%; }
*html div#left_column_tresslewood { position: absolute; }
html>body #left_column_tresslewood { top: 105px; }

	/* center column */
	#center_column_tresslewood { padding-top: 150px !important; }