/* CSS Document */
/* V 1.1 February 2007 = SiteE@se Web design - http://www.siteease.co.uk */

/*PAGE LAYOUT*/
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
#logo{float:left; background-image:url(logo.jpg); width:274px; height:213px;}
#topheader{float:right; width:526px; height:97px; background-color:#F0F0F0; position:relative}
#toplinks{position:absolute; right:10px; top:10px;}
#menu{float:right; width:526px; height:32px; background-image:url(bg_menu.gif); background-repeat:repeat-x;}
#submenu{float:right; width:526px; height:32px; background-image:url(bg_submenu.gif); background-position:top; background-repeat:repeat-x;}
#contenttext{
	float:right;
	width:550px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	font-size: 0.8em;
}
#leftpanel{float:left; width:230px;}
#footer{float:left; width:800px; height:32px; background-image:url(bg_menu.gif); background-repeat:repeat-x;}

/*GRAY PANEL*/
.graypanel{
	border:solid 1px #666666; background-color:#F7F7F7; padding:10px; margin:10px;
}

/*TEXT STYLES FOR MAIN CONTENT*/

#contenttext h2 {
	font-size:1.8em;
	letter-spacing:-1px;
	font-weight:bold;
	color:#CC0000;
	margin:8px 0 10px 0;
	padding:0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#contenttext h3 {
	font-size:1.5em;
	font-weight:bold;
	color:#CC0000;
	margin:6px 0 6px 0;
	padding:0;
	font: Tahoma;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#contenttext h4 {
	font-size:1.2em;
	font-weight:bold;
	color:#CC0000;
	margin:6px 0 6px 0;
	padding:0;
	font: Tahoma;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#contenttext a {
font-weight:bold;
color: #CC0000;
text-decoration:none;
}

#contenttext a:hover {
font-weight:bold;
text-decoration:none;
color: #3300CC;
}

#contenttext ul, #contenttext ol {
margin:0 0 16px 20px;
padding:0;
}

#contenttext ul ul, #contenttext ol ol {
margin:2px 0 2px 20px;
}

#contenttext li {
margin:0 0 2px 10px;
padding:0 0 0 4px;
}

/* STYLE FOR IMAGES IN MAIN CONTENT AREA */

#contenttext img {
padding:1px;
display:inline;
background:#cccccc;
color:#303030;
border:4px solid #f0f0f0;
font: Tahoma;
}

/*SUPPLEMENTARY TEXT STYLES FOR NAVIGATION AND LEFT CONTENT*/

.bodytext {
	font: 0.6em Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
}
.titletext {
	font: 0.7em Verdana, Arial, Helvetica, sans-serif;
	font-size:36px;
	font-weight:bold;
	color:#CC0000;
}
.whitetitle {
	font: 0.7em Verdana, Arial, Helvetica, sans-serif;
	font-size:36px;
	font-weight:bold;
	color:#FFFFFF;
}
.smalltitle {
	font: 0.7em Verdana, Arial, Helvetica, sans-serif;
	font-size:20px;
	font-weight:bold;
	color:#CC0000;
}
.smallwhitetext {
	font: 0.7em Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color: #FFFFFF;
}
.smallwhitetext a{
	font: 0.7em Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color: #FFFFFF;
	text-decoration:none;
}
.smallwhitetext a:hover{
	text-decoration:none;
	color: #000000;
}
.smallgraytext {
	font: 0.7em Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color:#333333;
}
.smallgraytext a{
	font: 0.7em Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color:#333333;
	text-decoration:none;
}
.smallgraytext a:hover{
	text-decoration:none;
	color: #CC0000;
}
.smallredtext {
	font: 0.7em Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color:#CC0000;
}
.mediumredtext {
	font: 0.7em Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight:bold;
	color:#CC0000;
}
.smallredtext a{
	font: 0.7em Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color:#CC0000;
	text-decoration:none;
}
.smallredtext a:hover{
	text-decoration:none;
}
