/* CSS Document */




/*

Written by: Glenn Evans
Company: Next>Ideas
Client: Hiatus House
date: 12/22/06	
-------------------------------------------------------------
Common colours used in the site. 							|
------------------------------------------------------------|
If colours need to be replaced use referance chart 			|
and do a search and replace.								|	
-------------------------------------------------------------	
	
	Body Text: 			#000000
	URL:				#9D0A0E
	section header:		#0B534D


*/
p, li {
	font-family:Arial, Helvetica, sans-serif;
	font-size: .9em;
	color:#000000;
}

.red {
	font-family:Arial, Helvetica, sans-serif;
	color:#9D0A0E;
}

.redStrong {
	font-family:Arial, Helvetica, sans-serif;
	color:#9D0A0E;
	font-weight: bold;
}

.white {
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-weight:bold;
}

.whiteStrong {
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-weight:bold;
}

.bodyCopy {
	font-family:Arial, Helvetica, sans-serif;
	color:#0B534D;
}

.wtdNumbers {
	color:#999999;
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	font-weight:bold;

}

.wtdText {
	color:#0B534D;
	font-family:Arial, Helvetica, sans-serif;
	font-size: medium;
	font-weight: bold;
	
}
.imgIndent {
	margin:0 0 0 18px;
}

.quoteText {
	
	font-family:Arial, Helvetica, sans-serif;
	font-size:26px;
	color:#FFFFFF;
	line-height:1.2em;

}

/*
-------------------------------------------------------------
Links
-------------------------------------------------------------



-------------------------------------------------------------
*/

a:link {
	color:#9D0A0E;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:underline;
	font-weight:bold;
	
}

a:visited {
	color:#9D0A0E;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:underline;
	font-weight:bold;
	
}

a:hover {
	color:#9D0A0E;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-decoration:underline;
	color:#0B534D;
	
	
	
}

a:active {
	color:#9D0A0E;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:underline;
	font-weight:bold;
	
}
a.menu:link {
	color:#9D0A0E;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
	font-weight:bold;
	
}

a.menu:visited {
	color:#9D0A0E;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
	font-weight:bold;
	
}

a.menu:hover{
	color:#9D0A0E;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#0B534D;
	
	
	
}

a.menu:active {
	color:#9D0A0E;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
	font-weight:bold;
	
}

a:link li {
list-style-type:circle;
	
}

a:visited li {
list-style-type:none;
}

a:hover li {
list-style-type:none;
}

a:active li {
list-style-type:circle;
}

/*
-------------------------------------------------------------
align
-------------------------------------------------------------



-------------------------------------------------------------
*/
.left {
	text-align:left;
}/*
-------------------------------------------------------------
Layout definitions
-------------------------------------------------------------
wrapper:

header:

nav:

ImageBox1: Left Image

ImageBox2: Centre Image

ImageBox3: Right Image

body: t 


footer: 


-------------------------------------------------------------
*/



body {
	text-align:center;
	background-color:#2b6662;
	background-image:url(../images/background_main2.gif);
/*	background-color:#85aeae;
	background-image:url(../images/background_main.gif);*/
	background-repeat:repeat-x;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

#wrapper {
	margin:0px auto;
	width:760px;
	text-align:left;
	background-color:#FFFFFF;

}

#header {
	margin:0 0 20px 0;
	width:100%;
	height:276px;
	display:block;

}

#iboxL {
	margin-top:18px;
	margin-bottom:11px;
	margin-left:18px;
	width:234px;
	height:276px;
	float:left;
	display:inline;
}

#iboxR {
	margin-top:18px;
	margin-bottom:11px;
	margin-left:11px;
	width:234px;
	height:276px;
	float:left;
	display:inline;
}

#IboxC {
	margin-top:18px;
	margin-bottom:11px;
	margin-left:11px;
	width:234px;
	height:276px;
	float:left;
	display:inline;
}
/*
-------------------------------------------------------------
Menu
-------------------------------------------------------------



-------------------------------------------------------------
*/

#nav-logo {
	height:32px;
	width: 150px;
	float:left;
	display: inline;		

}

#nav-menu {
	height:20px;
	width:440px;
	float:right;
	margin-top:10px;
	margin:right:18px;
	margin-left: 0px;
	margin-bottom:;
	
}

#nav-menu ul {
	list-style:none;
	padding:0;
	margin:0;
	
}

#nav-menu ul li {
	float: right;
	margin: 0 0 0 0;
}

#nav-wrap {
	margin-left:18px;
	margin-right:18px;
	width:724px;
	height:32px;
	float:left;
	display:block;
	margin-bottom:5px;
	
}
/*
-------------------------------------------------------------
-------------------------------------------------------------
*/

#content {
	margin-left:18px;
	margin-right:18px;
	width:724px;
	display:block;
}
#columnL{
	float: left;
	width: 350px;
}
#columnR{
	margin-left:23px;
	float: left;
	width: 350px;
	height: 1% /* Holly hack for Peekaboo Bug */
}



#hbarLeft {
	background-color:#CCCCCC;
	width:350px;
	height:1.1em;
	float:none;
	margin-top:11px;
	margin-bottom:11px;
	
		
}
#hbarRight {
	background-color:#CCCCCC;
	width:350px;
	height:1.1em;
	float:left;
	margin-top:11px;
	margin-bottom:11px;
	
}
#textbox {
	
	width:338px;
	padding:5px 5px 5px 5px;
	border: 1px solid #CCCCCC;
	clear:left;
	

}

#announce {
	margin-top:11px;
	width:339px;
	padding:5px 5px 5px 5px;
	clear:left;
}
#announce.grey{
	background-color:#CCCCCC;
}

#announce.border{
	border: 1px solid #CCCCCC;
}


#quoteBox {
	margin-top:11px;
	margin-left:0px;
	width:349px;
	height:127px;
	background-image:url(../images/quoteBG.jpg);
	background-repeat:no-repeat;
	float:left;
	display:block;
	
	
}

#crisis {
	margin-top:11px;
	margin-left:18px;
	margin-right:18px;
	margin-bottom:11px;
	width:721px;
	border: 1px solid #CCCCCC;
	float:left;
	display:block;
}
/*
-------------------------------------------------------------
Footer
-------------------------------------------------------------



-------------------------------------------------------------
*/
#footer {
	margin-top:0px;
	margin-right:0;
	margin-bottom:0;
	margin-left:0;
	padding-top:11px;
	width:100%;
	text-align: center;
	display:block;
	clear:both;
	
}