/*********************************/
/* Room Centre Top Level Styles */
/*******************************/

a {text-decoration: underline; color: #030378; }
a:visited {color: #030378;}
a:hover {color: #8AB748;}

body {
	font: x-small verdana, arial, sans-serif;
	line-height: 18px;
	color: black;
	text-align: center;
	}

img {
	border: none;
	}

h1 {
	margin: 0px 0px 0px 0px;
	font: 170% 'Gill Sans', 'Trebuchet MS', arial, verdana, sans-serif;
	color: black;
	}
	
	h1 sub {
		font: bold 80% 'Gill Sans', 'Trebuchet MS', arial, verdana, sans-serif;
		margin: -5px 0px 10px 0px;
		color: #8AB748;
		display: block;
		}
	
h2 {
	margin: 0px 0px 0px 0px;
	padding: 4px 10px 2px 10px;
	font: 160% 'Gill Sans', 'Trebuchet MS', arial, verdana, sans-serif;
	color: white;
	background-color: #8AB748;
	}
	
h3 {
	margin: 0px 0px 0px 0px;
	font: 120% 'Gill Sans', 'Trebuchet MS', arial, verdana, sans-serif;
	color: black;
	}

ul {
	padding: 0px;
	margin: 7px 10px 0px 15px;
	list-style-image: url(../images/bullet.gif);
	}

input {
	font: verdana, arial, sans-serif;
	background-color: #dddddd;
}

textarea {
	font: verdana, arial, sans-serif;
	background-color: #dddddd;
}
/**********************************/
/* Room Centre Individual Styles */
/********************************/

.firstParagraph {
	font: bold 100% verdana, arial, sans-serif;
	line-height: 18px;
	}
	
.greenText {
	font: bold 100% verdana, arial, sans-serif;
	color: #8AB748;
	}

.redText {
	color: #ff0000;
	}

.formattedTable {
	border-top: 5px solid #003B84;
	background-color: #003B84;
	width: 480px;
	}
	
	.formattedTable th {
		background-color: #3d6ca6;
		font: bold 110% arial, verdana, sans-serif;
		color: #ffffff;
		vertical-align: top;
		}
	
	.formattedTable .lightGrey {
		background-color: #FAFAFA;
		}
		
	.formattedTable .darkGrey {
		background-color: #EEEEEE;
		}

.contentHolder {
	padding: 15px 12px 15px 12px;
	clear: both;
}

.contentHolderfront {
	padding: 15px 12px 15px 12px;
	margin: 5px auto 280px auto;
}

.boxleft {
	float: left;
	width: 45%;
	text-align: left;
}

.boxright {
	float: right;
	width: 45%;
	text-align: left;
}

.centered {
	text-align: center;
}
.formline {
	clear: both;
	width: 100%;
	padding: 3px;
}
.formline .formleft {
		float: left;
		width: 150px;
		text-align: left;
	}

.formline .formright {
		float: right;
		width: 400px;
		text-align: left;
	}
	
.formline .formrightsml {
		float: right;
		width: 85px;
		text-align: left;
	}

.tabletype {
	border-top: 5px solid white;
	}
	
	.tabletype  ul{
		border: 0;
		margin: 0;
		padding: 0;
		list-style-type: none;
		}
	.tabletype  li.event{
		display: block;
		float: left;
		border: 0;
		padding: 0;
		padding-left: 3px;
  		padding-right: 7px;
		width: 45%;
		}
	.tabletype  li.datefield {
		display: block;
		float: left;
		border: 0;
		padding: 0;
		padding-left: 3px;
  		padding-right: 3px;
		width: 25%;
		}
	.tabletype li.selection {
		background-image: url(/images/pic_home.jpg);
		background-repeat: no-repeat;
		background-position: center top;
		display: block;
		float: left;
		border: 0;
		padding: 0;
		margin-left: 20px;
		width: 25%;
		height: 100px;
	}
	.tabletype li.selection a {text-decoration: underline; color: #030378; display: block; padding: 6px 2px 6px 2px; background-color: #FfFfFf;}



/**************************/
/* Room Centre Framework */
/************************/

#mainHolder {
	width: 760px;
	margin: 0px auto 0px auto;
	padding: 0px;
	text-align: left;
	background-image: url(../images/side.gif);
	background-repeat: repeat-y;
	background-position: left top;	
	}
	
#topArea {
	width: 100%;
	height: 105px;
	background-image: url(../images/background_toparea.gif);
	background-repeat: repeat-x;
	background-position: left top;
	}
	
#topAreacontent {
	padding: 10px 0px 0px 21px;
	background-image: url(../images/background_toparea_td.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	height: 100%;
	}

#mainArea {
	width: 100%;
	border-bottom: 1px solid white;
	padding: 0px;
	}

	#mainArea #menuArea {
		width: 162px;
		padding: 10px 0px 0px 0px;
		background-color: #F0F0F0;
		float: left;
		}
	
	#mainArea #menuArea .subheading {
		color: #000000; 
		padding: 6px 6px 6px 6px;
		font: bold 100% verdana, arial, sans-serif;
	}
	
	#mainArea #menuArea a {text-decoration: none; color: #030378; font: bold 95% verdana, arial, sans-serif; display: block; padding: 6px 6px 6px 6px; background-color: #F0F0F0;}
	#mainArea #menuArea a:visited {color: #030378; background-color: #F0F0F0;}
	#mainArea #menuArea a:hover {color: #13610A; background-color: #F8F8F8;}

	#mainArea #menuArea .a2 {text-decoration: none; color: #030378; font: bold 80% verdana, arial, sans-serif; display: block; padding: 4px 15px 2px 15px; background-color: #F0F0F0;}
	#mainArea #menuArea .a2:visited {color: #030378; background-color: #F0F0F0;}
	#mainArea #menuArea .a2:hover {color: #13610A; background-color: #F8F8F8;}
		
	#mainArea #contentArea {
		width: 598px;
		float: right;
		}
		
		#mainArea #contentArea #contentFront {
			width: 315px;
			}
		
		#mainArea #ContentArea #contentAreafull {
			width: 100%;
			clear: both;
			padding: 10px 0px 0px 0px;
			}
	
	#mainArea #contentAreafront {
		width: 598px;
		float: right;
		background-image: url(../images/pic_home.jpg);
		background-repeat: no-repeat;
		background-position: right top;
		}
		
		#mainArea #contentAreafront #contentFront {
			width: 315px;
			height: 200px;
			}
	
#contentbottom {
	clear: both;
	padding: 10px 0px 0px 0px;
}
	
	#contentbottom #textcontent {
		margin-left: 10px;
		}
	
#footerArea {
	width: 100%;
	height: 23px;
	border-top: 5px solid #8AB748;
	background-color: #13610A;
	clear: both;
	}
	
	#footerArea #footernotice {
		padding: 4px 5px 6px 5px;
		font: 100% verdana, arial, sans-serif;
		color: #6A9F64;
		text-align: left;
		float: left;
		}
		
	#footerArea #links {
		padding: 4px 5px 6px 5px;	
		text-align: right;
		font: 100% verdana, arial, sans-serif;
		color: #6A9F64;
		float: right;
		}
		
		#footerArea #links a {text-decoration: none; color: #9A9F64; font: 100% verdana, arial, sans-serif;}
		#footerArea #links a:visited {color: #6A9F64;}
		#footerArea #links a:hover {text-decoration: underline; color: #D0E8CE;}