/* -------------------------------------------------------------------
   CSS Stylesheet - Catch The Bug
	(c) Bennett and Company 2007 http://www.bennettandco.co.uk
------------------------------------------------------------------- */

/* Global Reset of all initial Margin and Padding Values */
html, body, form, fieldset, ul, ol {
   margin: 0;
	padding: 0;
}

html {
	font-size: 100.01%;
}

body {			 
	background-color: #cccccc;
	color: #666666;
	font-family: Helvetica, Arial, Sans-serif;
	font-size: 0.9em;
	height: 100%;										
	line-height: 18px;
}

/* Neutralize styling: Elements with a vertical margin: */
h1, h2, h3, h4, h5, h6, p, pre {
	margin: 1em 0;
	padding: 0;
}

input, select, textarea {
	font-size: 1em;
	font-family: inherit;
}
  

/* --- Page Layout - Identifiers --- */

#pageContainer {			  
	background-color: #fff;
	clear:both;
	margin: 55px auto 0 auto;
	padding: 0 30px;
	width: 778px;
	min-height: 750px;
	height: 750px;
}						

body > #pageContainer {
	height: auto;
}

#navigation {
	font-family: Georgia, Times New Roman, Serif;
	font-size: 1em;
	font-weight: bold;
	display:block;
	list-style-type: none;
}								 

#navigation li {
	display:inline;
}	

#navigation li a {
	background-color: #999;
	background-image: url('images/navigation-background.gif');
	background-position: bottom right;
	background-repeat: no-repeat;
	color: #fff;
	display: block;
	float: left;
	font-size: 0.8em;
	height: 22px;
	line-height: 22px;
	margin-right: 14px;	
	padding: 0 0 0 0px;
	text-decoration: none;
	text-align: center; 
	width: 115px; 
}		

#navigation li a:hover {
	background-color: #099;
	background-image: url('images/navigation-background_over.gif');	
}

#mainContainer { 
	font-size: 0.85em;
	padding-top: 25px;
	padding-bottom:50px;
}

#mainLeft {		 
	float: left;
	width: 170px;
}	  

#mainCenter {
	float: left; 
	padding: 0 35px;
	text-align: left;
	width: 388px;	 
}

#mainRight {	 
	background-color: #009999;
	background-image: url('images/right-box-background.gif');
	background-position: bottom right;
	background-repeat: no-repeat;
	color: #fff;
	float: left;
	font-size: 1.5em;
	font-weight: normal;
	padding: 0px 10px;
	width: 130px;
}

#subNavigation {
	list-style-type: none;
	line-height: 16px; 
	margin-bottom: 2em;
}  			

#subNavigation li {
	background-color: #999; 
	margin-bottom: 0.5em;
}		

#subNavigation li a:hover {
	background-color: #099;
	background-image: url('images/sub-navigation-background_over.gif');	
}

#subNavigation li a {
	color: white;
	padding: 1px 1px 1px 3px;
	width: 166px;
	display: block;
	text-decoration: none;
	background-image: url('images/sub-navigation-background.gif');
	background-position: bottom right;
	background-repeat: no-repeat;
}

#footerContainer {
	width: 840px;
	margin: 0 auto;
}

#footer, #loginFooter {
	font-size: 0.75em;	
	float: left;
	padding: 5px 30px;
	width: 359px; 
	margin: auto;
}
	
#loginFooter {
	text-align: right;
}  				 		

#loginFooter a {
	color: #666;
}


/* --- Useful Classes --- */

h1.pageHeading {
	color: #009999;
	font-size: 2.4em;
	font-weight: normal;
	margin-top: 0.0em;
	margin-bottom: 0.6em;
	line-height: 22px;
}							  

h2.pageHeading {
	color: #009999 ;
	font-size: 1.3em;
	font-weight: normal;
	margin-top: 0.0em;
	margin-bottom: 0.3em;
	line-height: 22px;
}	

.center {text-align:center;}	 
.clear {clear: both;}
#quote1 {margin: 0 5px 0 0;}
#quote2 {margin: 0 0 0 5px;}


.borderBottom {
	padding-bottom: 10px;
	border-bottom: 1px solid white;
}
.smallText {
	font-size: 0.7em;
	padding:0;
	line-height: 14px;
	font-weight: normal;
}
	
.bold {
	font-weight: bold;
}							

.bigText {
	font-size: 1.3em;
}						  

.greenText {
	color: #009999;
}

table {background-color: #ededed;margin:0;padding:0;}
table th {background-color: #009999; color: white; font-size: 1.4em; font-weight:normal;padding-left: 8px;}
table td {padding: 10px;}

.events {margin-bottom: 20px;}
.events th {background-color: #dbdbdb; color: #797878; font-size: 1.1em; padding: 0px; margin:0; text-align:left; font-weight:bold;}

#mainCenter ol, #mainCenter ul {
	margin-left: 20px;
}

#mainCenter #fiveStepList {
	list-style-type: none;
	margin-left:0;
}

#fiveStepList li {
	background-repeat: no-repeat;
	background-position: 0 3px;
	padding-left: 25px;
}

/* Default Links */

a:link {color: #5fa6b2; text-decoration: none;}
a:visited {color: #5fa6b2; text-decoration: none;}
a:hover {color: #e59e00; text-decoration: underline;}
a:active {color: #e59e00; text-decoration: none;}

#editBox {
	width: 574px;
} 

#editHeading {
	width: 597px;
} 

#eventTextarea {
	padding: 0;
	display:block;
	width: 500px;
}