/*  general.css - main styles used through the website
 *	Developed by Bluestone Creative (www.bluestonecreative.net) */

* {padding: 0; margin: 0;}

body	{
	background: #DDDDDD url(../images/design/background.gif) repeat-x;
	margin: 0px auto;
	padding: 0px;
	font-family: Verdana, Tahoma, Arial, sans-serif;
	font-weight: normal;
	font-size: 75%;
	line-height: 170%;
	color: #000;
	}
	
h1	{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 210%;
	font-weight: bold;
	margin: 10px 0 10px 0;
	line-height: 150%;
	}
h1.center{text-align:center;}

h2	{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 150%;
	font-weight: bold;
	margin: 20px 0 10px 0;
	}

h3	{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 130%;
	font-weight: bold;
	}

p {
	margin: 5px 0px;
	font-size: 90%;
	}

a:visited	{color: #967D99;}
a:hover	 	{color: #666;}

#container	{
	background: #FFF; 
	width: 1000px;  
	margin: 0px auto;
	text-align: left;
	}

#header		{
	background-image: url(../images/design/header.jpg);
	width: 1000px;
	height: 164px;
	color: #FFF;
	}

#header h1, #header h2, #header p	{display: none;}

#menu	{ 
	margin-top: 125px;
	font-size: 90%;
	float: right;
	}
	
#menu ul	{
	list-style: none;
	}
	
#menu li 	{
	display: inline;
	background: url(../images/design/menu_rpt.gif);
	border: 1px solid #FFF;
	float:left;
	}
	
#menu li a	{
	padding: 5px 10px 10px 10px;
	float:left;
	text-decoration: none;
	color: #333333;
	white-space: nowrap;
	}
	
#menu li a:hover	{
	color: #000; 
	background: #FFF;
	color: #999999;
	}

#contentwrapper	{
	float: left;
	width: 960px;
	padding: 0px 20px;
	background: #FFF;
	}

#subnav {
	float: right;
	width: 170px;
	margin: 10px 0px 10px 20px;
	padding: 10px;
	font-size: 90%;
	font-weight: normal;
	border: 1px solid #ccc;
	}
	
#subnav li {
	margin-left: 10px;
	list-style-type: square;
	color: #666666;
	}
	
#subnav li a	{text-decoration: none; color: #666666;}
#subnav a:hover		{text-decoration: underline; color: #333333;}

#breadcrumbs li {display: inline; margin: 0px 5px 0px 5px; padding: 0px;}

#datetime	{
	float: right;
	width: 150px;
	font-size: 80%;
	text-align: right;
	color: #999999;
	}

#content	{
	clear: both;
	}

#logos	{background-image: url(../images/design/logos.jpg); width: 980px; padding-left: 20px; height: 60px; float: left; clear: both;}

#footer	{
	clear: both;
	background-image: url(../images/design/footer.gif);
	width: 990px;
	height: 60px;
	padding: 30px 0 0 10px;
	font-size: 80%;
	color: #FFF;
	float: left;
	}

#footer a	{color: #FFF}

#footer h1, #footer h2	{display: none;}

.caption
{
color:#000000;
width:100px;
font-family: Arial, Helvetica, sans-serif;
font-size: 80%;
font-weight: bold;
padding: 2px;
}
.widecaption
{
color:#000000;
width:350px;
font-family: Arial, Helvetica, sans-serif;
font-size: 80%;
font-weight: bold;
padding: 2px;
}
.panel
{
color:#000000;
background:#ffffff;
width:194px;
height: 306px;
font-family: 'Comic Sans MS', Arial, Helvetica, sans-serif;
font-size: 85%;
font-weight: bold;
padding: 2px;
border: 1px solid black;
}
.panel_middle
{
color:#000000;
background:#ffffff;
width:194px;
height: 310px;
font-family: 'Comic Sans MS', Arial, Helvetica, sans-serif;
font-size: 100%;
font-weight: normal;
padding: 0px 10px 0px 10px;
border: 1px solid black;
}
.panel_form
{
color:#000000;
background:#ffffff;
font-family: 'Comic Sans MS', Arial, Helvetica, sans-serif;
font-size: 100%;
font-weight: normal;
padding: 2px;
border: 1px solid black;
height: 306px;
width: 90%;
}
.titletext {
font-size: 170%;
color: #0000CC;
margin-bottom: 20px;
display: block;
}

.imageZoom{float:right;}
#flashImageReplace0{float:right;}
#flashImageReplace1{float:right;}
#flashImageReplace2{float:right;}
#flashImageReplace3{float:right;}
#flashImageReplace4{float:right;}
#flashImageReplace5{float:right;}
#flashImageReplace6{float:right;}


img a {border:none; outline:none;}
img {border:none;}
#contentwrapper ul {margin:10px;}
#contentwrapper li {margin-left:5px;}

/* Required for the editor in the backend. Make sure background images etc are removed in this attrubute... */
#editor                           {margin: 0px; padding: 0px; width: 950px; min-height: 400px; background-image: none; background-color: #fff; border: 5px solid #898989; text-align: left;}