html{}

/* margins properties
T R B L */

/* main body of page */
body
{
	color:#686969;
	font-size:12px;
	font-family:tahoma;
	text-align:justify;
}

#map{
	width:955px;
	margin:0 auto;
	padding:0px;
	min-height:700px;
	height: auto !important; /* For Modern Browsers */
	height: 100%; /* For IE */

}


/* headings */
h1,h2,h3,h4
{
	height:20px;
	padding:10px;
	color:#fff;
	font-weight:bold;
	margin-top: -5px;
	margin-left:-5px;
	font-size: 120%;
	width:685px; /* target only IE8 + Firefox browsers */    
	*width:715px; /* target only IE7 and older browsers */ 
}

h1{background-color: #b63025;}
h2{background-color: #642f74;}
h3{background-color: #0975b7;}
h4{background-color: #0e3835;}

fieldset
{
 	padding:10px;
	margin:10px;
	width:auto;
}

img
{
 	padding:10px 10px; 
	border:0;
}

/* spacing around login/logout/header etc*/
#login
{
 	text-align:left;
 	padding:5px 0 0 15px;
}
#logout
{
 	padding:3px;
}
#header
{
	width:231px;
	margin:0px;
	height:30px;
	padding:5px 0px 5px 769px;
	float:left;
}
#clientlogo
{					 
	width:956px;
	margin:10px 0 0 0;
	height:178px;
	padding:10px 5px 0 10px;
	float:left;
	font-family:Verdana, Arial, Tahoma;
	background-image: url(../images/banner.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

/*top navigation menu */

#menubox
{
 	background-color:#f0f0f0;
	border: 1px solid #dadada;
	width: 230px;
	float: left;
	padding:0 5px 10px 0;
	min-height:700px;
  	height:auto !important;
  	height:700px;
	margin-top: -2px; /* target only IE8 + Firefox browsers */    
	*margin-top: 0px; /* target only IE7 and older browsers */ 
	margin-left: 2px; /* target only IE8 + Firefox browsers */    
	*margin-left: 2px; /* target only IE7 and older browsers */ 
}

#menu
{
	margin: 0 0 0 3px;
}
#menu a
{
/* 	margin:0 0 7px 15px;*/
}

#menu a:link
{
 	color:#0e3835;
	font-weight:bold;
	text-decoration:none;
}
#menu a:visited
{
 	color:#0e3835;
	font-weight:bold;
	text-decoration:none;
}
#menu a:hover
{
 	color:#0975b7;
	font-weight:bold;
	text-decoration:underline;
}


/*#menu{border-bottom:1px solid #333333;padding:0 0 0 10px;}*/
#adminmenu
{
	margin: 20px 0 0 3px;
}
#adminmenu a
{
 /*	margin:0 0 7px 14px;*/
}

#adminmenu a:link
{
 	color:#0975b7;
	font-weight:bold;
	text-decoration:none;
}
#adminmenu a:visited
{
 	color:#0975b7;
	font-weight:bold;
	text-decoration:none;
}
#adminmenu a:hover
{
 	color:#0975b7;
	font-weight:bold;
	text-decoration:underline;
}

.adminmenuheader
{
 	color:#0975b7;
	font-weight:bold;
	font-size: 110%;
	padding: 0 0 0 10px;
}
/*content area i.e. under navigation*/
#content
{
 	color: #0e3835;
	background-color:#fff;
	border: 1px solid #dadada;
	min-height:700px;
  	height:auto !important;
  	height:700px;
	width: 695px; /* target only IE8 + Firefox browsers */  
	*width: 710px; /* target only IE7 and older browsers */  
	padding:0 5px 5px 5px;/* target only IE8 + Firefox browsers */   
	*padding:0 0 5px 0;/* target only IE7 and older browsers */   
	margin-top: 200px; /* target only IE8 + Firefox browsers */    
	*margin-top: 0px; /* target only IE7 and older browsers */ 
	margin-left: 245px; /* target only IE8 + Firefox browsers */    
	*margin-left: 240px; /* target only IE7 and older browsers */ 

}
/*footer area*/
#footer
{
 	text-align:center;
	font-size:90%;
	font-style:italic;
	background-color:#0e3835;
	color:#FFFFFF;
	padding:3px;
	height:75px;
}

.login
{
	margin:-5px 10px;
	font-size:90%;

}
.logout
{
	margin:0 10px;
}

/*login  details*/
.loginform
{
	margin:0;
	padding:0;
	font-size:95%;
}
.loginform label
{
 	display:inline-block;
	text-align:right;
	width:70px;
	margin:2px 5px 2px 0;
}
.logininput
{
 	font-size:80%;
	width:70px;
}
input.loginbutton
{					 
	font-size:95%;
	color:#ffffff;
	background:#414141;
	font:bold 11px Verdana, Arial, Tahoma;
	margin-left: 10px;
	text-decoration:none;
	padding:3px 3px 3px 3px;
	border:1px solid #000000;
}

input.loginbutton:hover 
{
	cursor:pointer;
	color:#cccccc;
}


/*rss button properties */
.menurss*
{
 	margin:-5px 10px;
}

.top
{
 	font-size:80%;
	font-style:italic;
	color:#00406a;
}

/*tip text for forms*/
.tip
{
 	margin:0 10px;
	color:#CC3333;
	font-size:80%;
	font-style:italic;
	vertical-align:top;
}

#textcentre {
	display:inline-block;
	margin-left:300px;
	text-align:right;
}

#textcentre a{
	color:#00406a;
}

#textcentre a:hover{
	color:#cccccc;
}

#textright {

	text-align: right;
}

#textright a{
	color:#00406a;
}

#textright a:hover{
	color:#cccccc;
}


/*nominate form details */
.formelement
{
 	margin:5px 0;
}
label
{
 display:inline-block;
 width:160px;
 text-align:right;
 margin:2px 5px 2px 2px;
 vertical-align:top;
}
.forminput
{
 	width:280px;
}
.forminput1
{
 	width:50px;
}
.forminput2
{
 	width:30px;
}
.formtextarea
{
 	height:150px;
	width:400px;
	font-family:verdana,arial,helvetica;
	font-size:90%;
}
.formcaptcha
{
 	margin:5px 5px 5px 210px;
}
.formbutton
{
 	margin:5px 5px 5px 210px;
}

/*radio button properties on nominations page*/
.admincontrol
{	
	
	margin:2px 5px 2px 2px;
	vertical-align:top;
	font-size:80%;
}

.admincontrol input
{
 	font-size:100%;
}
.admincontrol input
{
 	margin:0 0 -6px 0;
}

/* nominations page details*/
.commentbox
{
 	width:670px;
	margin:10px;
	padding:5px;
	border:2px solid #999999;
}

.commentbox .image
{
 	margin:5px 0;
}

.commentbox .name
{
 	margin:5px 0 5px 10px;
	font-weight:bold;
}

.commentbox .commentheader
{
 	margin:10px 30px;
	font-style:italic;
	text-decoration:underline;
}
.commentbox .comment
{
 	margin:10px 30px;
	font-style:italic;
	color: #00406a;
}

.commentbox .details
{
 	float:right;
	margin: 0 5px 0 300px;
 	font-size:90%;

}
.commentbox .header
{
 	
	float:right;
	margin: 0 5px 0 350px;
	font-weight: bold;
 	font-size:90%;
}

.commentbox .formelement
{
 	margin:0 20px 0 0;
}

.commentbutton
{
 	margin:20px 0;
}

/* search page form details*/
.commentboxuser
{
 	width:670px;
	margin:5px;
	padding:0px; 
}

.commentboxuser .name
{
 	font-weight:bold;
	color: #0e3835;
}
.commentboxuser .image
{
 	margin:5px 0;
}
.commentboxuser .date
{
	margin:5px 0;

}
.commentboxuser .comment
{
 	margin:10px 30px;
	font-style:italic;
	color: #0e3835;
}
.commentboxuser .email
{
 	margin:5px 0;
}
.commentboxuser .phone
{
 	margin:5px 0;
}
.commentboxuser .type
{
 	margin:5px 0;
}
.commentboxuser .formelement
{
 	margin:0 20px 0 0;
}
.commentboxuser .submitted
{
	padding: 10px 0 0 0;
 	margin:5px 0;
}
.commentboxuser .anonymous
{
 	margin:5px 0;
}



/* general table details */
table
{
 	width:100%;
	margin:20px 0 0 0;
}
caption
{
 	padding:10px 30px;
	text-align:center;
	font-size:130%;
	font-style:italic;
	background-color:#333333;
	color:#FFFFFF;
}
tr{}
th
{
 	text-align:center;
	padding:10px;
}
td
{
 	margin:0;
	border:1px solid #999999;
	text-align:center;
}

.total
{
 	font-weight:bold;
	text-align:right;
	padding:0 20px;
	border:none;
}

.chart
{
 	float:left;
	margin:10px;
}
.error
{
 	padding:10px;
	margin:5px;
	color:#0099FF;
	font-size:120%;
	font-style:italic;
}
/* login/logout statement */

.acknowledge
{
	color:#b63025;
	font-size:130%;
	font-style:italic;
}

.italic
{
 	font-style:italic;
}
/* edit link */
.edit
{
 	font-style:italic;
	font-weight:300;
	color: #00406a;
	float:right;
}

input.button 
{
	color:#ffffff;
	background:#414141;
	font:bold 11px Verdana, Arial, Tahoma;
	display: block;
	margin-left:auto;
	margin-right:auto;
	text-decoration:none;
	padding:5px 5px 5px 5px;
	border:1px solid #000000;
}
input.button:hover 
{
	cursor:pointer;
	color:#cccccc;
}

input.leftbutton 
{
	color:#ffffff;
	background:#414141;
	font:bold 11px Verdana, Arial, Tahoma;
	margin-left: 50px;
	text-decoration:none;
	padding:5px 5px 5px 5px;
	border:1px solid #000000;
}
input.leftbutton:hover 
{
	cursor:pointer;
	color:#cccccc;
}

/*general properties for hyperlinks */
a:link
{
 	color:#000;
	text-decoration:none;
}
a:visited
{
 	color:#000;
	text-decoration:none;
}
a:hover
{
 	color:#434343;
	text-decoration:underline;
}

.commentbox a:link
{
 	color:#000000;
	text-decoration:none;
}
.commentbox a:visited
{
 	color:#000000;
	text-decoration:none;
}
.commentbox a:hover
{
 	color:#000000;
	text-decoration:underline;
}
#login a:link
{
 	color:#000000;
	text-decoration:none;
}
#login a:visited
{
 	color:#000000;
	text-decoration:none;
}
#login a:hover
{
 	color:#000000;
	text-decoration:underline;
}
#logout a:link
{
 	color:#FF212C;;
	text-decoration:none;
}
#logout a:visited
{
 	color:#FF212C;;
	text-decoration:none;
}
#logout a:hover
{
 	color:#FF212C;;
	text-decoration:underline;
}
#footer a:link
{
 	color:#fff;
	text-decoration:none;
	font-weight: bold;
}
#footer a:visited
{
 	color:#fff;
	text-decoration:none;
	font-weight: bold;
}
#footer a:hover
{
 	color:#999999;
	text-decoration:underline;
	font-weight: bold;
}
.export a:link
{
 	color:#000000;
	text-decoration:none;
}
.export a:visited
{
 	color:#000000;
	text-decoration:none;
}
.export a:hover
{
 	color:#000000;
	text-decoration:underline;
}
p{
	padding: 10px 5px 0 20px;
}

pi{
	padding: 10px 15px 5px 10px;
	font-style:italic;
	float: left;
}

pb{
	padding: 10px 15px 5px 0px;
	color:#000;
}

.dt_border{
	width: 90%;
	border-bottom:1px dotted #f7a330;
	padding: 5px;
}

/*normal menu*/
#index #navindex, #profile #navprofile, #recentnominations #navrecentnominations, #nominate #navnominate, #suggestion #navsuggestion, #complaint #navcomplaint, #search_u #navsearch_u, #rss #navrss{text-decoration:underline;}
/*admin menu*/
#overview #navoverview, #search #navsearch, #report #navreport, #nominations #navnominations, #suggestions #navsuggestions, #complaints #navcomplaints, #pages #navpages, #downloads #navdownloads, #setup #navsetup{text-decoration:underline;}