/* CSS Document */

/* Optional Code */

body {  text-align: left; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 80%; background: transparent url(../img/bg.jpg);}
p  { color: #000; padding: 0.5em; margin: 0; font-size: 1em; }
h1 { padding: 0.5em; margin: 0; font-size: 1.3em; font-weight: normal; }
h2 { padding: 0em 1em 1em 1em; margin: -5px; font-size: 1em; font-weight: bold; }
ul { padding-right: 1em; text-align: left; margin-bottom: 1em; }

.content {
	margin-left:10px;
	margin-right:20px;
	}
.content a {
	color:#fff;
	text-decoration: underline;
	}	

.content a:hover {
		color: #fff;
		text-decoration: none;
		}	
		


.navbox {
		text-align: center;
		}

.navbox a { 
		display: block;
		background-color: transparent;
		border: 1px solid #fff;
		width: 120px;
		padding: .9em;
		margin-top: 5px;
		margin-bottom: 5px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 1em;
		color: #fff;
		text-decoration: none;
		}
.navbox a:hover {
		display: block;
		background: #660000;
		border: 1px solid #fff;
		padding: .9em;
		margin-top: 5px;
		margin-bottom: 5px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 1em;
		color: #fff;
		text-decoration: none;
		}			

.crumb{

	float:right; padding:10px;
}

.pic {

	float:right; padding:10px;
}

.right { font-style: normal; }
.rbox { font-style: normal; 
		border: 1px solid #000; 
		background-color:#fff; 
		}
		
.rbox a {
	text-decoration: underline;
	}	

.rbox a:hover {
		text-decoration: none;
		}	
		

.wrapper { min-width: 400px; }
          /* Allways good to have on full width liquid CSS layouts, 
             google "min-width IE" for JS solutions there */

.wrapper { margin: 0 -1px; }
          /* this is a border with marginal compensation to stop scroll bars */

/* Setup (This all looks neater when it isn't put on display!) */

.wrapper {
	width: 100%;               /* total width */
}      

.outer {
	border-left-width: 0px;  /* left column width */
	border-left-color: transparent;   /* left column colour */
	
	border-right-width: 150px; /* right column width */
	border-right-color: transparent;  /* right column colour */
	
	background-color: transparent; /* center column colour */
}

.left {
	width: 150px;              /* left column width */
	margin-left: -150px;       /* _negative_ left column width */
	margin-top: -3px;
	padding-top: 0px;
}

.right {
	width: 150px;              /* right column width */
	margin-right: -150px;      /* _negative_ right column width */
	padding-top: 0px;
	
}

.wide {
	background-color:#fff; 
	border:1px solid #000; 
	margin-top:10px; /* header and footer colours */
	
}

.wide a {
	text-decoration: underline;
	}	

.wide a:hover {
		text-decoration: none;
		}	
		
/* Main code */

.outer { width: auto; border-left-style: dashed; border-right-style: dashed; }
.inner { margin: 0; width: 100%; }

.left { float: left; position: relative; z-index: 10; }
.right { float: left; position: relative; z-index: 12; }
.center { float: left; width: 100%; position: relative; z-index: 11; }

.wide { width: 100%; position: relative; z-index: 13; }
.clear { clear: both; }

/* Mozilla code */
.outer > .inner { border-bottom: 1px solid transparent; }
.left { margin-right: 1px; }
.right { margin-left: 1px; }
.center { margin: 0 -3px 0 -2px; }

#navcontainer ul
{
	padding-left: 0;
	margin-left: 0;
	color: #000000;
	float: left;
	width: 100%;
	font-family: arial, helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
}

#navcontainer ul li { display: inline; }

#navcontainer ul li a
{
	padding: 0.2em 0.9em;
	color: #000000;
	text-decoration: none;
	float: left;
	border-right: 1px solid #000000;
	font-weight: bold;
	font-size: 12px;
}

#navcontainer ul li a:hover
{
color: #990000;
}
a.links {
	color: #ffffff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	text-decoration: none;	
	font-weight: lighter;
	}
a.links:visited {
	color: #ffffff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	text-decoration: none;	
	font-weight: lighter;	
}
a.links:hover {
	color: #CC9900;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	text-decoration: none;	
	font-weight: lighter;
}
a.links:active {
	color: #ffffff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	text-decoration: none;
	font-weight: lighter;
}