@charset "utf-8";
/* CSS Document */

body {
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000033;
	background-color: #FFFFFF;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 80%;
}

body.Updates {
	margin: 10px; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000033;
	background-color: #FFFFFF;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 80%;
}

.UploadedImage
{
	float: right;
	border-top-width: 4px;
	border-right-width: 4px;
	border-bottom-width: 4px;
	border-left-width: 4px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #333333;
	border-right-color: #666666;
	border-bottom-color: #666666;
	border-left-color: #333333;
	margin-left: 10px;
	margin-right: 10px;
}

.ObjectAdmin
{
background-color:#CCCCCC;
padding: 10px;
}

#UserMessageBox
{
float: left;
background-color: #CC33FF;
}

.Paginator
{
	background-color: #CCFF00;
	text-align:right;
	border: 1px solid #006600;
	padding: 5px;
	padding-right: 10px;
}

.TabCurrent
{
background-color: red;
color: white;
padding: 10px;
font-weight: bold;
}

.SelectorCell
{
padding: 4px;
}

.SelectorTitle
{
float: left;
text-align: right;
font-weight: bold;
width: 180px;
}

.TabError
{
background-color:#FF0000;
color: #CCCCFF;
font-size: 150%;
font-weight: bold;
padding 10px;
}

.ForumParent
{
	font-weight: bold;
	color: #0000CC;
	width: 100%;
}

.FeatureTitle
{
	color: #FF3300;
	font-size: 16px;
	font-weight:bold;
}

.PageTitle
{
	color: #336600;
	font-size: 16px;
	font-weight:bold;
}

.GeneralForm
{
	float: left;
}

#SearchEdit
{
}

.GeneralFormEditCell
{
	padding-top: 15px;
	padding-bottom: 15px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
	background-color: #FFF7E6;
	padding-left: 10px;
}

.GeneralFormHelpCell
{
	padding-top: 15px;
	padding-bottom: 15px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
	background-color: white;
	padding-left: 10px;
}

.MiniTitle
{
font-size: 90%;
font-style: italic;
font-weight: bold;
}

.ListSubsectionTitle
{
font-size: 150%;
width: 100%;
font-weight: bold;
color: #000033;
margin-top: 4px;
margin-bottom: 4px;
}

#ControlBox
{
	float: right;
	width: 360px;
	text-align:right;
	margin-left: 10px;
	margin-top: 0px;
	padding: 1px;
/*	height 100px; */
}

#topframe
{
overflow:visible;
}


.FeatureImage{
	margin-left: 30px;
	border-top-width: thick;
	border-right-width: thick;
	border-bottom-width: thick;
	border-left-width: thick;
	border-top-style: ridge;
	border-right-style: ridge;
	border-bottom-style: ridge;
	border-left-style: ridge;
	border-top-color: #FFFFFF;
	border-right-color: #CCCCCC;
	border-bottom-color: #FFFFFF;
	border-left-color: #CCCCCC;
}

.ProfileImage{
	margin-right: 30px;
	border-top-width: thick;
	border-right-width: thick;
	border-bottom-width: thick;
	border-left-width: thick;
	border-top-style: ridge;
	border-right-style: ridge;
	border-bottom-style: ridge;
	border-left-style: ridge;
	border-top-color: #FFFFFF;
	border-right-color: #CCCCCC;
	border-bottom-color: #FFFFFF;
	border-left-color: #CCCCCC;
}

#UpdateTable
{
	padding-right: 30px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	width: 24em;
	margin: 0px; 
}

.UpdateTableHeader
{
background-color: #000066;
color: white;
font-size:80%;
}

.UpdateTableCountCell
{
text-align: right;
font-weight: bold;
}

.BannerImage{
border:0px;
margin-right: 1px;
float: left;
vertical-align: top;
}

.ListImage{
margin-right: 10px;
}

.ArtImageLeft{
margin-right: 15px;
float: left;
border: 0px;
}

.ArtImageRight{
margin-left: 15px;
float: right;
border: 0px;
}

#LeftExtraBox
{
	width: 150px;
	float: left;
}

#RightExtraBox
{
	width: 150px;
	float: right;
}

.ContextBox
{
background-color: #FFFFCC;
color: #CC0000;
padding: 5px;
float: right;
}

/* ------------------------------------------------------------ */
.alerts-normal {
	padding: 5px;
	background-color: white;
}
.alerts-highlight {
	padding: 5px;
	background-color: #CCFF00;
	color: white:
}
/* ------------------------------------------------------------ */
.initial { border: 0px; background-color: #DDDDDD; color:#000000 }
.normal {
	background-color: #FFFFFF;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-bottom-color: #999999;
	padding: 5px;
}
.current {
	padding: 5px;
	background-color: #FFCC33;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-bottom-color: #999999;
}
.highlight {
	padding: 5px;
	background-color: #EAEAEA;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-bottom-color: #999999;
}
/* ------------------------------------------------------------ */
a:link.alertstitle {  font-weight:bold; text-decoration: none; font-size:100%; background-color: #red; font-size: 150%; padding: 4px; margin-bottom: 10px;	border: thin  #0099FF;}
a:visited.alertstitle {
	font-weight:bold;
	text-decoration: none;
	font-size:100%; background-color: #red; font-size: 150%; padding: 4px; margin-bottom: 10px;
	border: thin  #0099FF;}
a:hover.alertstitle {  font-weight:bold; text-decoration: underline; font-size:100%; background-color: #CCCCCC; color: red; font-size: 150%; padding: 4px; margin-bottom: 10px; 	border: thin  #0099FF;}
a:active.alertstitle {
	font-weight:bold;
	text-decoration: underline;
	font-size:100%;
	background-color: #red;
	color: red;
	font-size: 150%;
	padding: 4px;
	margin-bottom: 10px;
	border: thin  #0099FF;
}
/* ------------------------------------------------------------ */
a:link.alertsmemberlink {  font-weight:bold; text-decoration: none; font-size:100%; background-color: #FF3300; color: white;  padding: 4px; }
a:visited.alertsmemberlink {
	font-weight:bold;
	text-decoration: none;
	font-size:100%; background-color: #6699CC; color: white;  padding: 4px;
}
a:hover.alertsmemberlink {  font-weight:bold; text-decoration: underline; font-size:100%; background-color: #CCCCCC; color: red; padding: 4px; }
a:active.alertsmemberlink { font-weight:bold; text-decoration: underline;font-size:100%; background-color: #660099; color: white; padding: 4px; }
/* ------------------------------------------------------------ */

a:link {  font-weight:bold; text-decoration: underline; font-size:100%; color: #000099;}
a:visited {
	font-weight:bold;
	text-decoration: none;
	font-size:100%;
	color: #0000CC;
}
a:hover {  font-weight:bold; text-decoration: underline; font-size:100%; }
a:active { font-weight:bold; text-decoration: underline;font-size:100%; }
/* ---------------------------------------------------------------------- */
/* ----------------------------------------------------------------- */
a:link.BlogTitle {  font-weight:bold; text-decoration: none; font-size:200%; color: black;}
a:visited.BlogTitle {
	font-weight:bold;
	text-decoration: none;
	font-size:200%;
	color: black;
}
a:hover.BlogTitle {  font-weight:bold; text-decoration: none; font-size:200%; color: green;}
a:active.BlogTitle { font-weight:bold; text-decoration: none;font-size:200%; color: red;}
/* ----------------------------------------------------------------- */
a:link.title {  font-weight:bold; text-decoration: underline; font-size:100%; color: #990000;}
a:visited.title {
	font-weight:bold;
	text-decoration: none;
	font-size:100%;
	color: #0000CC;
}
a:hover.title {  font-weight:bold; text-decoration: underline; font-size:100%; }
a:active.title { font-weight:bold; text-decoration: underline;font-size:100%; }

a:link.menulink {  color: black; font-weight:bold; text-decoration: none; font-size:100%; }
a:visited.menulink {
	color: black;
	font-weight:bold;
	text-decoration: none;
	font-size:100%;
}
a:hover.menulink {  color: black; font-weight:bold; text-decoration: underline; font-size:100%; }
a:active.menulink { color: black; font-weight:bold; text-decoration: underline;font-size:100%; }


/* --------------------------------------------------------------------------------- */
a:link.linktext {  text-decoration: none;  color: black; font-weight: normal; }
a:visited.linktext {text-decoration: none; color: black; font-weight: normal;}
a:hover.linktext { text-decoration: underline; color: black;  font-weight: normal;}
a:active.linktext { text-decoration: none; color: black;  font-weight: normal;}
/* --------------------------------------------------------------------------------- */




a:link.menulinkcur { color:#FFFFFF; font-weight:bold; text-decoration: none; font-size:100%; }
a:visited.menulinkcur {
	color:#FFFFFF;
	font-weight:bold;
	text-decoration: none;
	font-size:100%;
}
a:hover.menulinkcur { color:#FFFFFF; font-weight:bold; text-decoration: underline; font-size:100%; }
a:active.menulinkcur {color:#FFFFFF; font-weight:bold; text-decoration: underline;font-size:100%; }

a:link.neglink { color: #333399; font-weight:bold; text-decoration: none; font-size:100%; }
a:visited.neglink {
	color: #333399;
	font-weight:bold;
	text-decoration: none;
	font-size:100%;
}
a:hover.neglink { color: #333399; font-weight:bold; text-decoration: underline; font-size:100%; }
a:active.neglink {color: #333399; font-weight:bold; text-decoration: underline;font-size:100%; }

#MessageList {
	background-color: #FFFFFF;
	margin-bottom: 10px;
}
.MessageListTitle {
	background-color: #000066;
	font-weight: bold;
	font-size: 100%;
	padding: 3px;
	color: #FFFFFF;
}
tr.MessageListHeader  {
	background-color: #CCCCCC;
}
table.MessageListTable {
	background-color: #FFFFFF;
	padding: 3px;
	width: 100%;
	display:inline
	}
div.MessageListItem {
	background-color: #FFFFFF;
	padding: 3px;
}

#canvas {
	width: 100%;
	border: #CCCCFF;
	borderwidth: 5px;
/*	background-color:#FFFFFF; */
	background-repeat:no-repeat;
}


#container {
	width: 780px; 
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 1px none #000000;
	text-align: left; /* this overrides the text-align: center on the body element. */
}

#bannerbox {
	float:left;
	padding-left: 0px;
	padding-top: 2px;
	margin-left: 0px;
	padding-left: 0px;
	paddingbottom: 5px;
	margin-bottom: 6px;
	vertical-align: top;
}

.mainmenubox {
	width: 700px;
	float:left;
	padding-top: 2px;
}


#ubox
{
	width: 100%;
	overflow: visible;
	float:left;
/*	border:thin solid #00FF00; */
}

.InnerTitle
{
color: #333333;
text-align:center;
vertical-align:bottom;
}

#ubox-left
{
/*	border: 1px solid #0000FF; */
	width: 20em;
	float: left;
}
#ubox-right
{
/*	border: 1px solid #990033; */
	width: 54%;
	float: right;
}

#sidebar1 {
	/*	background-image:url(/media/menu_background.gif);
	background-repeat: repeat-x;
*/
	
	text-align: left;
	padding-top: 5px;
	padding-left:2px;
	padding-right:0px;
	padding-bottom: 2px;
	}
#mainContent {
	display:block;
	text-align: left;
	padding-top: 5px;
	padding-left:0px;
	padding-right:0px;
	padding-bottom: 0px;
} 

.BlogParentItem {
	line-height: 2em;
/*	background-color: #FFCC00; */
	padding: 20px;
	font-weight:bold;
}
.BlogItem {
	line-height: 2em;
/*	background-color: #FFFF33; */
	padding: 20px;
}

#header {
	padding: 0 5px 5px 5px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
	background-image:url(/media/header.gif);
	float: left;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #C6E2FF;
	border-right-color: #C6E2FF;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
}
#header h1 {
	
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}

span.bigcap { font-size: 36px; width: 42px; float: left; }
p.bigcap {margin-top: 16px;}


#footer {
	background-image:url(/media/footer_background.gif);
} 
#footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

.BlogItem{
	line-height: 2em;
    padding: 15px;
	margin: 30px;
	border: thin solid #FF00CC;
}

#ForumBox{
	float: left;
	width: 100%;
	background-color:white;
}
table.ForumTable{
	float: left;
	width: 100%;
	padding: 10px;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #576A9D;
	border-right-color: #0000CC;
	border-bottom-color: #576A9D;
	border-left-color: #0066FF;
}

#AlertsBox{
	width: 100%;
	background-color:#FFFFFF;
	color: #000066;
	overflow: visible;
	float: left;
}
table.AlertsTable{
	width: 100%;
	padding: 20px;
	border: 1px solid white;	
	float: left;
}
#PoliceList{background-color:#CCFF00;width: 240px;}
#LinkList{background-color:#66FF99;}
#GroupList{}
#GroupColumn{
	background-color:#00CCFF;
	width: 240px;
}

#ForumList{}
.ForumHierarchy{
padding-left: 25px;
}
#ForumColumn{	
	width: 240px;
}

#NewsList{
	background-color:#00CCFF;
}
#NewsColumn{
	background-color:#00CCFF;
	width: 240px;
}

#AlertList{background-color:#FFFFCC;}
#CrimeList{background-color:#009966;}
#AdList{background-color:#9900FF;}

/* Status Messages for the Main Message */
#OKMessage {
	font-weight:bold;
	background-color:#FF0000;
	color: #FFFF00;
	font-size: 125%;
	padding: 5px;
}

.Links {
width: 100%;
border: thick;
padding-bottom: 5px;
height: 135px;
}
.LoginBox {
	/*	padding: 15px;*/
	width: 100%;
	float: left;
}
.ParamBox {
	/*	padding: 15px;*/
	width: 100%;
	float: left;
	background-image:url(/media/header.gif);
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #C6E2FF;
	border-right-color: #C6E2FF;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
}
div.LeftListTitle {
	background-color: #000066;
	padding: 4px;
	margin: 2px;
	font-size: 110%;
	font-weight:bold;
	color: white;
}
div.LeftList {
	background-color:#FFFF99;
	padding: 4px;
	margin: 2px;
	border: 1px solid #625e00;
	color: #000000;
}
div.LeftListCurrent {
	background-color: #CC0000;
	padding: 4px;
	margin: 2px;
	border: 1px solid #625e00;
	color: white;
}
#ContextTitle {
	background-color: #000099;
	padding: 5px;
	text-align: left;
	font-size: 150%;
	font-weight: bold;
	color: #FFFFFF;
}
.ContextTitleComment {
font-size:9px;
}
div.MainListTitle {
	background-color:#CCCCCC;
	padding: 2px;
	margin: 2px;
	border: thin solid #0099FF;
	font-size: large;
	font-weight: bold;
}
div.SectionTitle {
	background-color:#CCCCCC;
	padding: 2px;
	margin: 2px;
	border: thin solid #0099FF;
	font-size: 100%;
	font-weight: bold;
}
td.MailTableCell{
	vertical-align: middle;
}
div.NewsBox {
	width: 100%;
	overflow: visible;
	float: left;
}
.BaseForm
{
padding: 0px;
margin: 0px;
}
div.ListItem {
	background-color:#99CC66;
	padding: 5px;
	background-image:url(../media/list_background.gif);
	margin-bottom: 10px;
}

div.ListItem {
	background-color:#99CC66;
	padding: 5px;
	background-image:url(../media/list_background.gif);
	margin-bottom: 1px;
}
div.ForumItem {
	background-color:#99CC66;
	padding: 5px;
	background-image:url(../media/list_background.gif);
	margin-bottom: 10px;
}
div.UserDetails {
	background-color:#FFFFCC;
	margin: 5px;
	padding: 5px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	float: right;
	vertical-align: top;
	display:block;
	width: 150px;
	color: black;
}

table.ForumBox {
	background-color:#FFFFFF;
	padding: 5px;
	border: thin solid #999999;
	width: 100%;
	float: left;
}
tr.ListRow {
	background-image:url(../media/list_background.gif);
}
tr.ListTitle {
	color: #CC0000;
	background-color: #CCCCCC;
	font-weight: bold;
}
td.ListName {
	vertical-align:top;
	padding: 5px;
}
td.ListTopics {
	vertical-align:top;
	width: 5em;
	text-align:center;
	padding: 5px;
}
td.ListPosts {
	vertical-align:top;
	width: 5em;
	text-align:center;
	padding: 5px;
}
td.ListDetails {
	vertical-align:top;
	width: 15em;
	text-align:right;
	padding: 5px;
}
/* ------------------------------------------------------------------------------------------------------------------ */
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.shadow{
border:1px solid silver;
font:10pt arial;
position:relative;
display:inline;
background:white;
z-index:100
}

.shadow_inner{
overflow:hidden;
position:absolute;
top: -1000px;
filter:alpha(Opacity=10); /*modify to change the shade solidity/opacity, same as below*/
opacity:0.1; /*firefox 1.5 opacity*/
-moz-opacity:0.1; /*mozilla opacity*/
-khtml-opacity:0.1; /*opacity*/
z-index:10
}

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

div.roundedcore {
    width:95%;
    padding:5px;
/*	background-image:url(/media/background.gif); */
}

div.rounded {
    clear:both;
    max-width:2400px;
    margin:5px auto;
    width:95%;
}

div.rounded div.top {
    background:url(/media/tl.png) no-repeat bottom left;
    padding:0px;
    width:100%;
}

div.rounded div.top div.right {
    background:url(/media/tr.png) no-repeat bottom right;
    height:12px;
    margin-left:2px;
}

div.rounded div.middle {
    background:url(/media/l.png) repeat-y left;
    clear:both;
    width:100%;
}

div.rounded div.middle div.right {
    background:url(/media/r.png) repeat-y right;
    margin-left:5px;
}
div.rounded div.middle div.right div.content {
    background:url(/media/bg.png) repeat top left;
    font-size:1.0em;
    line-height:1.3em;
    margin-right:5px;
    padding:0px 7px;
    text-align:justify;
}

div.rounded div.middle div.right div.content p {
    margin:0px;
    padding-top:15px;
}

div.rounded div.middle div.right div.content h2 {
	font-size:1.75em;
	font-weight:bold;
	margin:0px;
	padding:7px 0px;
}

div.rounded div.bottom {
    background:url(/media/bl.png) no-repeat top left;
    clear:both;
    padding:0px;
    width:100%;
}

div.rounded div.bottom div.right {
    background:url(/media/br.png) no-repeat top right;
    height:12px;
    margin-left:12px;
}
#SearchBox {
background-color:#990000;
color: white;
float: right;
width: 200px;
padding 10px;
}
.SearchBoxInner {
	background-color: #000066;
	color: white;
	float: right;
	width: 200px;
padding 10px;
	border-top-width: thin;
	border-top-style: inset;
	border-top-color: #0000FF;
	border-right-color: #0066CC;
	border-bottom-color: #0000CC;
	border-left-color: #0066CC;
}
span.redexclamation {
color: red;
font-weight: bold;
}

#MainSearchForm {
padding: 0px;
margin: 0px;
}

#mbox
{
float: left;
}

#bannerframe
{
float: left;
vertical-align: top;
}

#contextbox {
	width: 100%;
	height: 37px;
	display: inline;
}
#contextboxtitle
{
	float: left;
	text-align: right;
	border-color:#000066;
	border:thin;
	font-size: 9px;
	border-color:#000066;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-right: 4px;
	padding-left:6px;
	height: 37px;
}


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

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.cssform p{
width: 100%;
margin: 0;
padding: 5px 0 8px 0;
padding-left: 155px; /*width of left column containing the label elements*/
border-top: 1px thin gray;
height: 1%;
}

.cssform label{
font-weight: bold;
float: left;
margin-left: -155px; /*width of left column*/
width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.noedit{
font-weight: normal;
}

.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
/*width: 180px;*/
}
.cssform input[type="password"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 180px;
}
.cssform textarea{
width: 500px;
height: 250px;
}

/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .threepxfix{
margin-left: 3px;
}

#SlideShowFrame {
width: 100%;
height: 500px;
	font-size: 150%;
	color: #666666;
}

#SlideShowBox {
width: 100%;
height: 100%;
text-align: center;
}

#SlideShowText {
	width: 100%;
	height: 100%;
	font-size: 150%;
	color: #666666;
}

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

#GeneralFrame
{
/*	padding: 10px;
	margin-top: 10px;*/
float: left;
}

#ExplorerFrame
{
	padding: 10px;
	margin-top: 10px;
	/* background-color:#99FF66; */
}

#MessageSystem
{
/*	background-image:url(../media/contact_background.gif);*/
	padding: 20px;
	overflow: visible;
}

#MessageSystemHeader
{
	font-size: 24px;
	background-color: #000066;
	color: #CCCCCC;
}

.MessageSystemComment
{
background-color:#CC0000;
color: #FFFFFF;
}

.InplaceSearchBox
{
	width: 40em;
	background-color: #000099;
	padding: 10px;
	color: #66FF99;
	font-weight: bold;
    line-height:2.0em;
}

.ExplorerForm
{
	border: none;
	background-color:#CCFFCC;
	color: blue;
}

.ExplorerItem 
{
	margin-bottom: 10px;
	border: none;
	background-color:#CCFFFF;
	height: 100px;
}

.ExplorerImage
{
left: 20px;
padding-right: 10px;
border: none;
float: right;
}

.mandatoryedit
{
	color: #FF0000;
	font-weight: bold;
	font-size: 150%;
}

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

.UserBox
{
	background-color:#CCCCCC;
	padding-top: 3px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}

form.UserForm  {
	background-color:#99FFFF;
}

.UserForm p{
width: 400px;
margin: 0;
padding: 5px 0 8px 0;
padding-left: 80px; /*width of left column containing the label elements*/
border-top: 1px thin gray;
height: 1%;
}

.UserForm label{
font-weight: bold;
float: left;
margin-left: -80px; /*width of left column*/
width: 80px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.UserForm input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 180px;
}
.UserForm input[type="password"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 180px;
}
.UserForm textarea{
width: 500px;
height: 150px;
}
.FormContextHeader
{
font-style: italic;
}

.InlineButtonImage
{
border: 0px;
vertical-align: top;
float: right;
}

.ForumPath
{
background-color:#CCFF33;
padding: 10px;
}

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

.replybutton{
	background-color: #CCCCCC;
	border: 1px outset  #FFFFCC;
	padding-left: 10px;
	padding-right: 10px;
	color: black;
	text-decoration: none;
}

:link.replybutton{
color: black;
text-decoration: none; font-weight:bold
}

:visited.replybutton{
color: black;
text-decoration: none; font-weight:bold
}

:hover.replybutton{
background-color: red; 
color: white;
text-decoration: none;
}

:active.replybutton{
text-decoration: none;
}

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

.highlink{
	color: red;
	text-decoration: none;
	font-style:normal;
	font-variant:normal;
	font-weight:bold;
	padding-left:0px;
	padding-right:2px;
	padding-top:1px;
	padding-bottom:1px
}

:link.highlink{
color: #black;
text-decoration: none; font-weight:bold
}

:visited.highlink{
color: #black;
text-decoration: none; font-weight:bold
}

:hover.highlink{
background-color: red; 
color: white;
padding-left:2px; padding-right:3px; padding-top:2px; padding-bottom:0
text-decoration: none;
}

:active.highlink{
background-color:#FFFF00;
color: black;
text-decoration: none;
}


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

.namelink{
	background-color: #CCCCCC;
	color: #990000;
	text-decoration: none;
	font-style:normal;
	font-variant:normal;
	font-weight:bold;
	font-size:120%;
	padding-left:4px;
	padding-right:4px;
	padding-top:1px;
	padding-bottom:1px;
	margin-bottom: 10px;
}

:link.namelink{
	color: #990000;
text-decoration: none; font-weight:bold
margin-bottom: 10px;
}

:visited.namelink{
color: #000066;
text-decoration: none; font-weight:bold
margin-bottom: 10px;
}

:hover.namelink{
border-width:1; 
border-style:inset; 
background-color: red; 
color: white;
padding-left:5px; padding-right:3px; padding-top:2px; padding-bottom:0
text-decoration: none;
margin-bottom: 10px;
}

:active.namelink{
background-color:#FFFF00;
color: black;
text-decoration: none;
margin-bottom: 10px;
}


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

.notsearch{
	border: thin solid #FFFFFF;
	text-decoration: none;
	font-style:normal;
	font-variant:normal;
	font-weight:bold;
	font-size:120%;
	padding-left:4px;
	padding-right:4px;
	padding-top:2px;
	padding-bottom:2px;
	margin-bottom: 2px;
	vertical-align: middle;
	display:inline;
}

.newslink{
	background-color: #CCCCCC;
	border: thin solid #FF0000;
	color: #990000;
	text-decoration: none;
	font-style:normal;
	font-variant:normal;
	font-weight:bold;
	font-size:120%;
	padding-left:4px;
	padding-right:4px;
	padding-top:2px;
	padding-bottom:2px;
	margin-bottom: 2px;
	vertical-align: middle;
	display:inline;
}

:link.newslink{
	color: #990000;
text-decoration: none; font-weight:bold
margin-bottom: 10px;
}

:visited.newslink{
color: #000066;
text-decoration: none; font-weight:bold
margin-bottom: 10px;
}

:hover.newslink{
border-width:1; 
border-style:inset; 
background-color: red; 
color: white;
padding-left:5px; padding-right:3px; padding-top:2px; padding-bottom:0
text-decoration: none;
margin-bottom: 10px;
}

:active.newslink{
background-color:#FFFF00;
color: black;
text-decoration: none;
margin-bottom: 10px;
}

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

.postcode{
	background-color: #00FF00;
	border: 1px outset  #FFFFCC;
	color: black;
	text-decoration: none;
	font-style:normal;
	font-variant:normal;
	font-weight:bold;
	font-size:90%;
	padding-left:4px;
	padding-right:4px;
	padding-top:1px;
	padding-bottom:1px
}

:link.postcode{
color: #black;
text-decoration: none; font-weight:bold
}

:visited.postcode{
color: #black;
text-decoration: none; font-weight:bold
}

:hover.postcode{
background-color: red; 
color: white;
padding-left:5px; padding-right:3px; padding-top:2px; padding-bottom:0
text-decoration: none;
}

:active.postcode{
background-color:#FFFF00;
color: black;
text-decoration: none;
}

// ---------------------------------------------------------

.region{
	background-color: #99CCCC;
	border: 1px outset  #FFFFCC;
	color: black;
	text-decoration: none;
	font-style:normal;
	font-variant:normal;
	font-weight:bold;
	font-size:90%;
	padding-left:4px;
	padding-right:4px;
	padding-top:1px;
	padding-bottom:1px
}

:link.region{
color: #black;
text-decoration: none; font-weight:bold
}

:visited.region{
color: #black;
text-decoration: none; font-weight:bold
}

:hover.region{
background-color: red; 
color: white;
padding-left:5px; padding-right:3px; padding-top:2px; padding-bottom:0
text-decoration: none;
}

:active.region{
background-color:#FFFF00;
color: black;
text-decoration: none;
}

// ---------------------------------------------------------

.area{
	background-color: #FFFF99;
	border: 1px outset  #FFFFCC;
	color: black;
	text-decoration: none;
	font-style:normal;
	font-variant:normal;
	font-weight:bold;
	font-size:90%;
	padding-left:4px;
	padding-right:4px;
	padding-top:1px;
	padding-bottom:1px
}

:link.area{
color: #black;
text-decoration: none; font-weight:bold
}

:visited.area{
color: #black;
text-decoration: none; font-weight:bold
}

:hover.area{
background-color: red; 
color: white;
padding-left:5px; padding-right:3px; padding-top:2px; padding-bottom:0
text-decoration: none;
}

:active.area{
background-color:#FFFF00;
color: black;
text-decoration: none;
}

// ---------------------------------------------------------

.town{
	background-color: #CCFF99;
	border: 1px outset  #FFFFCC;
	color: black;
	text-decoration: none;
	font-style:normal;
	font-variant:normal;
	font-weight:bold;
	font-size:90%;
	padding-left:4px;
	padding-right:4px;
	padding-top:1px;
	padding-bottom:1px
}

:link.town{
color: #black;
text-decoration: none; font-weight:bold
}

:visited.town{
color: #black;
text-decoration: none; font-weight:bold
}

:hover.town{
background-color: red; 
color: white;
padding-left:5px; padding-right:3px; padding-top:2px; padding-bottom:0
text-decoration: none;
}

:active.town{
background-color:#FFFF00;
color: black;
text-decoration: none;
}

// ---------------------------------------------------------

.ExternalLinkBox
{
width: 100%;
text-align: right;
background-color:#CCCCCC;
}

.ExternalLink{
	background-color: #CCCCCC;
	border: 1px outset  #FFFFCC;
	color: black;
	text-decoration: none;
	font-style:normal;
	font-variant:normal;
	font-weight:bold;
	font-size:90%;
	padding-left:4px;
	padding-right:4px;
	padding-top:1px;
	padding-bottom:1px;
	text-align:right;
}

:link.ExternalLink{
color: #black;
text-decoration: none; font-weight:bold
}

:visited.ExternalLink{
color: #black;
text-decoration: none; font-weight:bold
}

:hover.ExternalLink{
background-color: 33FFFF; 
color: red;
text-decoration: none;
}

:active.ExternalLink{
background-color: #33FFFF;
color: black;
text-decoration: underline;
}

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

#infopane 
{
	height:40px;
	/*width:80%*/
	width:600px;
	
	color:Black;
	overflow:auto;
	border:solid 3px #eef;
	background:white;
	padding:4px;
	margin-bottom:4px;
	margin-right:10px;
}

#infobuffer
{
 	width:560px;
}

.ListRow {
	padding: 10px;
/*	background-color: #CCFFFF;*/
	}
	
.CurrentListRow {
	padding: 10px;
	background-color: #CCFF33;
	}
	
/* ========================================================================== */
/* AJAX */

/* Targeted elements */
#WatchPanel
{
	float:left;
	margin-top: 1px;
	width:100%;
}
#ComsPanel
{
	float:left;
	margin-top: 1px;
	width:100%;
}

#ClearPanel
{
	float:left; 
	margin-top: 1px;
	width:100%;
}

#chatpane 
{
	height:300px;
	/*width:80%*/
	width:45%;
	float: left; 
	
	color:Black;
	border:solid 3px #eef;
	background:white;
	padding:4px;
	margin-bottom:4px;
	margin-right:10px;
}

#chatbuffer
{
 	width:100%;
}

#userpane
{
	height:298px;
	width:48%;
	float:right; 
	/*left: 200px;*/
	
	color:Black;
	
/*	overflow:auto; */
	
	border:solid 3px #eef;
	background:white;
	padding:5px;
	margin-bottom:4px;
}

#userlist
{
	width:200px;
}

#chatpane ul,
#userpane ul 
{
	margin:0px;
	padding:0px;
	list-style:none;
}

#chatpane ul li,
#userpane ul li 
{
	font-size:8pt;
}

#charcount 
{
	font-size:8pt;
	padding:3px;
	border:solid 2px blue;
	background:#eef;
	margin:1px;
	display:inline;
}

#stats
{
	float:left; 
	padding:0px;
}

#archivelink
{
	font-size:8pt;
	padding:3px;
	border:solid 2px white;
	background:#eef;
	margin:1px;
	display:inline;
}

#footer {
	
	border-top: solid 2px #ccc;
	margin-top:20px;
	padding:5px;
	text-align:center;
}

.usermsg
{
color: red;
font-weight: bold;
margin-top: 0em;
margin-bottom: 0em;
padding-bottom: 0em;
}
servermsg 
{
	color:Red;
}

.actionmsg
{
color:Blue;
}
.loginmsg
{
color: #006600;
}
.entrymsg
{
color: #000066;
}
.swapmsg
{
color: #3300CC;
}
.mytext 
{
	width:94%;
	margin-bottom:5px;	
}

.LoadingMessage
{
color: #003366;
font-size: 14px;
}

td.RegUserList
{
background-image:url(../media/contact_background.gif);
vertical-align: top;
padding: 5px;
}

.smalltime
{
font-size:90%;
}
.smalltoday
{
font-size:90%;
color: red;
}

/* ============== ROUNDED =================================================== */

/* Show only to IE PC \*/
* html .boxhead h2 {height: 1%;} /* For IE 5 PC */

.sidebox {
	margin: 0 auto; /* center for now */
	width: 17em; /* ems so it will grow */
	background: url(sbbody-r.gif) no-repeat bottom right;
	font-size: 100%;
}
.boxhead {
	background: url(sbhead-r.gif) no-repeat top right;
	margin: 0;
	padding: 0;
	text-align: center;
}
.boxhead h2 {
	background: url(sbhead-l.gif) no-repeat top left;
	margin: 0;
	padding: 22px 30px 5px;
	color: white; 
	font-weight: bold; 
	font-size: 1.2em; 
	line-height: 1em;
	text-shadow: rgba(0,0,0,.4) 0px 2px 5px; /* Safari-only, but cool */
}
.boxbody {
	background: url(sbbody-l.gif) no-repeat bottom left;
	margin: 0;
	padding: 5px 30px 31px;
}

/* ================= OUTER SHEET BOX ==================================== */

#ostlc, #ostrc { zoom: 1 }

#ControlPanel
	{
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 15px;
	background-color:#FF3300;
	z-index: 9;
	}

#outersheetmax
	{
	position: relative;
	margin-left: auto;
	margin-right: auto;	
	margin-top: 20px;
	padding: 0;
	text-align: left;
	width:97%;				/* <-- use this to tie width to viewport size */
	background-color: #eeeeee;
	}
	
#outersheet
	{
	position: relative;
	margin-left: auto;
	margin-right: auto;	
	margin-top: 10px;
	padding: 0;
	text-align: left;
	width:97%;				/* <-- use this to tie width to viewport size */
	background-color: #eeeeee;
	}
 	
#content
	{
	padding:1em;
	overflow: visible;
	}
#ContactUserForm
{
overflow: visible;
}

#content p
	{
	font-size: 1em;
	line-height: 1.3em;
	}
		
/* ---=== border code follows ===--- */
/*
	ostlc = top left corner
	ostrc = top right corner
	osblc = bottom left corner
	osbrc = bottom right corner
	oslb = left border
	osrb = right border
	ostb = top border
	osbb = bottom border 
*/

#ostlc, #ostrc, #osblc, #osbrc
	{
	background-color: transparent;
	background-repeat: no-repeat;
	}

#ostlc
	{
	background-image:url(/media/tlc.gif);
	background-position: 0% 0%;
	}

#ostrc
	{
	background-image:url(/media/trc.gif);
	background-position: 100% 0%;
	}
	
#osblc
	{
	background-image:url(/media/blc.gif);
	background-position: 0% 100%;
	}

#osbrc
	{
	background-image:url(/media/brc.gif);
	background-position: 100% 100%;
	}

#ostb, #osbb
	{
	background-color: transparent;
	background-repeat: repeat-x;
	}
			
#ostb
	{
	background-image:url(/media/tb.gif);
	background-position: 0% 0%;
	}

#osbb
	{
	background-image:url(/media/bb.gif);
	background-position: 50% 100%;
	}
	
#osrb
	{
	background-image:url(/media/osr.gif);
	background-position: 100% 0%;
	background-repeat: repeat-y;
	}

#oslb
	{
	background-color: #eeeeee;
	background-image:url(/media/osl.gif);
	background-position: 0% 100%;
	background-repeat: repeat-y;
	}
	
/* ========================================================================== */

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

#pscroller1{
width: 450px;
height: 1.2em;
border: 0px dashed black;
padding: 1px;
background-color: #FFFFFF;
}

#pscroller2{
width: 400px;
height: 150px;
border: 1px solid black;
padding: 5px;
background-color: #F0F0F0;
}

#pscrollerx1{
width: 400px;
height: 230px;
border: 1px solid black;
padding: 5px;
background-color: #F0F0F0;
}

#pscrollerx2{
width: 400px;
height: 150px;
border: 1px solid black;
padding: 5px;
background-color: #F0F0F0;
}

#pscrollerx3{
width: 400px;
height: 150px;
border: 1px solid black;
padding: 5px;
background-color: #F0F0F0;
}
.rssclass .rsstitle{
font-weight: bold;
}

.rssclass .rssdate{
color: gray;
font-size: 85%;
}

.rssclass a{
text-decoration: none;
}

/* ========================================================================== */

blockquote { 
    position: relative; 
    text-indent: 2em;
}
 
.bqstart,
.bqend { font-size: 300%; color: red; font-weight:bold;
color: red; font-weight:bold;}}
 
.bqstart {
    text-indent: 0;
    position: absolute;
    top: -0.2em;
    left: 0;
	color: red; font-weight:bold;}
}
 
.bqend {
    position: absolute;
    margin-top: -0.2em;
    right: 0;
    text-indent: 0;
	color: red; font-weight:bold;}
}

/* ======================================================================= */

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.invertedshiftdown2{
padding: 0;
width: 100%;
border-top: 5px solid #D10000; /*Highlight red color theme*/
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
}

.invertedshiftdown2 ul{
margin:0;
margin-left: 40px; /*margin between first menu item and left browser edge*/
padding: 0;
list-style: none;
}

.invertedshiftdown2 li{
display: inline;
margin: 0 2px 0 0;
padding: 0;
text-transform:uppercase;
}

.invertedshiftdown2 a{
float: left;
display: block;
font: bold 12px Arial;
color: black;
text-decoration: none;
margin: 0 1px 0 0; /*Margin between each menu item*/
padding: 5px 10px 5px 10px; /*Padding within each menu item*/
background-color: lightblue; /*Default menu color*/
border-bottom: 8px solid white;
}

.invertedshiftdown2 a:hover{
background-color: #D10000; /*Highlight red color theme*/
padding-top: 10px; /*Set padding-top value to default's padding-top + padding-bottom */
padding-bottom: 0; /*Set padding-bottom value to 0 */
border-bottom-color: #D10000; /*Highlight red color theme*/
color: white;
}

.invertedshiftdown2 .current a{ /** currently selected menu item **/
background-color: #D10000; /*Highlight red color theme*/
padding-top: 10px; /*Set padding-top value to default's padding-top + padding-bottom */
padding-bottom: 0; /*Set padding-bottom value to 0 */
border-bottom-color: #D10000; /*Highlight red color theme*/
color: white;
}

/* ================================================================================= */

.WizardPageTitle
{
color: #FFFFFF;
font-weight: bold;
font-size: 200%;
width: 100%;
}

.WizardPrompt
{
font-style: italic;
}

.WizardErrorTxt
{
color: red;
font-weight: bold;
}

.AddFrame
{
background-color: #66CCCC;
width: 100%;
padding: 15px;
}

.AddButtonFrame
{
background-color:#FF9900;
text-align:left;
width: 100%;
display:block;
}

.AddButtonClose
{
text-align:left;
width: 40%;
display:block;
float: left;
}

.AddButtonToolbar
{
text-align:left;
width 70%;
display:block;
float: right;
}

/* ================================================================================= */

#RandomExplorer
{
float: right;
}

.RandomExplorerCell
{
vertical-align: top;
}

/* =============================================================================== */

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.wireframemenu{
border: 1px solid #C0C0C0;
background-color: white;
border-bottom-width: 0;
width: 170px;
}

* html .wireframemenu{ /*IE only rule. Original menu width minus all left/right paddings */
width: 164px;
}

.wireframemenu ul{
padding: 0;
margin: 0;
list-style-type: none;
}

.wireframemenu .current {
background-color:#CCCC66;
}

.wireframemenu a{
font: bold 13px Verdana;
padding: 4px 3px;
display: block;
width: 100%; /*Define width for IE6's sake*/
color: #595959;
text-decoration: none;
border-bottom: 1px solid #C0C0C0;
}

.wireframemenu a:visited{
color: #595959;
}

html>body .wireframemenu a{ /*Non IE rule*/
width: auto;
}

.wireframemenu a:hover{
background-color: #F8FBBD;
color: black;
}