*{
	padding:0;
	margin:0;
}

html{
	overflow: scroll; /* So Firefox always shows scrolls bars, so layout doesn't jump */
}

body  {
	padding: 0;
	margin: 0;	
}

img, a{
	padding:0;
	margin:0;
	
}

ul{
	padding-left:0;
	margin-left: 1em;
}

li{
	padding:0;
	margin:0;
}

/* * * * * * * * * * * * * * * * * */

#sidebar {
	width:190px;
	width: 11.9em;
	text-align: left;
}

#header
{	
	padding-left: 10%;
	padding-right: 10%;
	height: 120px;
	height: 7.5em;

}


#header #topSearch
{
	text-align:right;	
}

#header img{
	float:left;
}

#header div{
	float:right;
	text-align:left;
	margin-top: 40px;
}

#header h1, h2{	
	padding:0;
	margin:0;
}

#header .button{
	width:40px;
	height: 21px;
}

#nav
{
	padding:0;
	margin:0;
}

p {
	padding: 5px;	
}

.pad{
	padding: 10px;
}

.nopad{
	padding:0px;
	margin:0px;
}

.leftClouds {
	width:5%
}

.rightClouds{
	width:5%
}
				
.center{
	margin: 0 auto; 
	text-align: center;
	width:100%;				
}

.fullWidth{
	width:100%;
}

.left{
	text-align: left;
}

/* Main TD cell for content*/
.contentCell{
	background-color:#EFF8FA;
	padding:10px;
	width:80%;
	margin:0;
	padding-top:20px
}

/* Easy Clearing styles - http://www.positioniseverything.net/easyclearing.html */

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */




/* IE is displays the nocrush div, and moves content down the page.  Push it back up */
* html .nocrush{
	margin-top: -20px;
}

/* Lets not go under a minumum width, so layout doesn't look wierd at very small widths */
.nocrush{
	width: 500px !important;
	min-width: 500px;		
	height:1px;
}



.nocrush img{
	width: 500px;
	height: 1px;
}

form textarea.large{
	height: 200px;
}

ul#adminDropDown {
	list-style: none;
	width: 100%;
	padding: 0px;	
	font-size: 80%;
	padding: 0px;
	margin:0px;
}

ul#adminDropDown li{	
	display: inline;
	position:relative;
	background-color: #72B7CD;
	color: #000033;
	width: 10em;	
	margin: 0;
	padding: 0;
	list-style: none;
}

ul#adminDropDown li ul{
	position: absolute; 
   top: 17px;
   left: 0;
	padding:5px;
	margin:0;
	background-color: #B8DAE6;
	display:none;	
}
ul#adminDropDown li:hover ul, ul#adminDropDown li.over ul{
   display: block;
	color: #000;	
}

ul#adminDropDown li ul li a{
	color: #000033;
}

ul#adminDropDown  li ul li a:hover div{
	background-color: #FF6C04;
	color: #fff;
	cursor: hand;
}

ul#adminDropDown a div {
	width: 9em;
	padding: 0.0em;
	background-color: #B8DAE6;
}

.imageCaption{
	font-size: 70%;	
	color:#777;
	text-align:left;
	padding-right: 2px;
}



.latestBox{
	padding:10px;
	float:left;
}

.latestBox h1{
  font-weight:bold;
  color:#439EBC
}

.latestBox img{
  margin-top: 10px;
  margin-left: 10px;
  float:left;
  width:47px;
}

.latestBox ul{
	margin-top: 10px;
	float: left;
	margin-left: 30px;
	list-style-position: inside;
	list-style-type: square;
	color: #FF6C04;
	font-size: 90%;
}

ul.smallList
{
	list-style-position: inside;
	list-style-type: square;
	color: #FF6C04;
	font-size: 75%;
	margin-left: 8px;	
}

a:link.c, a:visited.c{
	text-decoration: none;
	color: #000033;
}



a:hover.c{
	text-decoration: underline;
	color: #000033;
}

.loginbutton, .logoutbutton{
	width:83px;
	height: 30px;
}


.contentCell ul{
	margin-left: 2em;
}

.contentCell ul li{
	margin-top:7px;
	font-size: 12px;
}

.contentCell ul li p{
	font-size: 12px;
	padding-left:0;
	padding-top:0;
	
}

/* FORMS */

.radioButtonList{
	display:inline;
	white-space:nowrap
}

.radioButtonList label{
	margin-left:20px;
	margin-right:5px;
}



fieldset table {

}
fieldset table th {	
	padding: 0px;	
	background-color: rgb(231, 244, 248);
}
fieldset table td {
	padding: 0px;	
	background-color: #DFF1F4;
	padding-top: 5px;
	padding-bottom: 5px;
}

/* Used when no serach results / No webboard articles */
.warningBox{
	padding:10px;
	background-color: #f0d9d9;
	border: 1px solid #ce6161;
}


.actionColumn{
	width: 100px;
}

.dateColumn{
	width: 150px;
}

.subheading{
	text-transform: uppercase;
}


/* Forms */

form fieldset input.large{
	width:400px;
}

form fieldset{
	padding: 10px 10px 10px 10px;
	border:1px solid #BEE3EB;
	background-color:#E7F4F8;	
	/* Needed for IE fieldset background colour fix */
   position: relative;
	margin-top: 10px;
}

form fieldset label{
	font-size:80%;
}

form legend{
	margin-left: 5px;
	margin-right: 5px;
	font-size: 80%;
	color: #244B6C;
	font-weight: bold;
   /* IE Only, fixing bleeding of background colours over the fieldset */
	position: absolute;
	_top: -8px;
	_left: -5px;	  
}

form fieldset textarea{
	width:99%;
}