/******************************************************************************************************************
G3 Global Stylesheet

Developed by Matthew Hill, October 2006
Copyright Nixon McInnes (c) 2006
http://www.nixonmcinnes.co.uk

Elements receiving auto float-containing behaviour are defined at the bottom of the file to avoid repetition
of code in their own declaration block. This is for compliant browsers only and keeps markup clean of extra
clearing elements:
http://www.csscreator.com/attributes/containedfloat.php

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

body {
	margin:0;
	padding:0 0 125px 0;
	background:#EDEEF1 url(../images/bg_body.gif) 0 100% repeat-x;
	font: normal 70%/140% Verdana,Arial,"Helvetic Neue",Helvetica,sans-serif;
	color:#666;
}

/******************************************************************************************************************
AUTO EXPANDING FLOATS FOR COMPLIANT BROWSERS
******************************************************************************************************************/

form:after,
#wrapper:after,
#navtop:after,
#navtop ul:after,
#breadcrumbs:after,
#navside:after,
#content:after,
#portal:after,
#footer:after
	{
	content: ".";
	height:0;
	display:block;
	clear:both;
	visibility:hidden;
}

/******************************************************************************************************************
GENERAL FORMATTING OF STANDARD ELEMENTS
******************************************************************************************************************/
#skipnav {
	position:absolute;
	left:-999em;
}

h1,h2,h3,h4,h5,h6 {
	line-height:1;
	font-family: "Trebuchet MS",Verdana,Arial,"Helvetic Neue",Helvetica,sans-serif;	
}

a,a:link {
	color:#82A2C2;
	font-weight:bold;
	text-decoration:underline;
}

a:visited {
	color:#999;
}

a:hover {
	color:#F31C00;
}

.floatright {
	float:right;
}
.floatleft {
	float:left;
}

.picright {
	clear:right;
	float:right;
	margin:0 0 10px 17px;
}
.picleft {
	clear:left;
	float:left;
	margin:0 18px 30px 0;
}

.picleft {
	clear:left;
	float:left;
	margin:0 17px 10px 0;
}

.hitext, .warning {
	color:#D4260F;
}

img {
	background:#FFF;
	border:1px solid #CCCCCC;
	padding:4px;
	display:block;
}

/******************************************************************************************************************
WRAPPER
******************************************************************************************************************/

#wrapper {
	width:872px;
	padding:0;
	margin:0 auto;
}

/******************************************************************************************************************
MASTHEAD (TOP BANNER & TOP NAV CONTAINER )
******************************************************************************************************************/

#masthead {
	width:100%;
	background:#444B4C url(../images/bg_banner.gif) center top no-repeat;
}

	/******************************************************************************************************************
	BANNER
	******************************************************************************************************************/
	
	#banner {
		width:872px;
		height:97px;
		margin:0 auto;
	}
	
	#banner img {
		border:0;
		margin:0;
		padding:0;
		display:block;
		float:left;
	}
	
	#banner p {
		float:right;
		font-weight:bold;
		font-size:1.1em;
		color:#E5E5E5;
		margin:19px 0;
	}
	
		/******************************************************************************************************************
		SEARCH FORM
		******************************************************************************************************************/
		
		/* Note: Bulk of the form styling is lower down in this file and applies to most elements.
		   This form uses just a few specific overrides */

		#banner form {
			clear:right;
			float:right;
			margin:0;
			padding:0;
			width:255px;
		}
		
		#banner form input {
			border:1px solid #999;
			background:#E7E7E7;
			width:180px;
			float:left;
		}
		
		#banner form button {
			width:63px;
			background-image:url(../images/button_search.gif);
			float:right;			
		}
	
	
	/******************************************************************************************************************
	TOP NAVIGATION
	******************************************************************************************************************/
	
	#navtop {
		background:#F8F8F8 url(../images/bg_wrappertop.gif) left bottom repeat-x;
		padding:0 0 3px 0;
		clear:both;
	}
	
	#navtop ul {
		margin:0 auto;
		padding:0;
		width:873px;
		border:2px solid #F8F8F8;
	}
	
	#navtop li {
		float:left;
		margin:0;
		padding:0;
		list-style:none;
		border-left:1px solid #CCC;
		display:block;
	}
	
	#navtop li#navtopsite {
		border-right:1px solid #CCC;
	}	
	
	#navtop li a, 
	#navtop li a:visited {
		color:#D4260F;
		text-decoration:none;
		padding:4px 20px;
		display:block;
		float:left;
	}
	
	#navtop li a:hover,
	#navtop li.selected a,
	#navtop li.selected a:visited {
		color:#FFF;
		background:#ABAFB1;
	}	

/******************************************************************************************************************
3 MAIN TABS (NAVTABS)
******************************************************************************************************************/

#navtabs {
	margin:13px 0 0;
}

#navtabs ul {
	margin:0;
	padding:0;
}

#navtabs li {
	margin:0 4px 0 0;
	padding:0;
	float:left;
	width:288px;
	list-style:none;
	background:url(../images/bg_toptab.gif) top left no-repeat;
	border-bottom:4px solid #777C7D;
}

#navtabs li a,
#navtabs li a:visited {
	display:block;
	width:188px;
	padding:4px 0 2px 100px;
	text-decoration:none;
	font: normal 180%/normal "Trebuchet MS",Verdana,Arial,"Helvetic Neue",Helvetica,sans-serif;
	background:url(../images/toptab_arrow.gif) 75px 50% no-repeat;
	color:#495051;
	border-bottom:1px solid #495051;	
}

#navtabs #tabservice {
	margin-right:0;
}

#navtabs li.selected {
	border-color:#B2B5B7;
}

#navtabs li a:hover {
	color:#D4260F;
}

#navtabs li.selected a,
#navtabs li.selected a:visited {	
	color:#D4260F;
	border-color:#777C7D;
}
	
/******************************************************************************************************************
BREADCRUMBS
******************************************************************************************************************/

#breadcrumbs {
	padding:8px 11px;
	color:#5A6263;
	clear:both;
}

#breadcrumbs ul {
	margin:0;
	padding:0;
}

#breadcrumbs li {
	margin:0 4px 0 0;
	padding:0;
	list-style:none;
	display:inline;
	font-weight:bold;
}

#breadcrumbs li a,
#breadcrumbs li a:visited {
	color:#5A6263;
	font-weight:normal;
	text-decoration:none;
	background:url(../images/arrow_breadcrumb.gif) right center no-repeat;
	padding:0 11px 0 0;
}

#breadcrumbs li a:hover {
	color:#D4260F;
}

/******************************************************************************************************************
SIDE NAVIGATION
******************************************************************************************************************/

#navside {
	float:left;
	width:220px;
	padding:0;
	line-height:normal;
}

#navside img {
    padding:0;
    display:block;
    border:none;
}

	/* Level 1 lists: */

	#navside ul {
		margin:0;
		padding:0;
	}
	
		#navside ul li {
			list-style:none;
			margin:0 0 4px 0;
			padding:0;
			font-family: "Trebuchet MS",Verdana,Arial,"Helvetic Neue",Helvetica,sans-serif;
			font-size:1.35em;
			font-weight:normal;	
			background:url(../images/bg_sidenav_level1bot.gif) bottom left no-repeat;
		}
		
			#navside ul li a,
			#navside ul li a:visited
			 {
				display:block;
				padding:8px 10px;
				text-decoration:none;
				line-height:1;
				color:#5A6263;
				background:url(../images/bg_sidenav_level1top.gif) top left no-repeat;	
			}
			
			#navside ul li a:hover,
			#navside ul li.selected a,
			#navside ul li.selected a:visited {
				color:#D4260F;
			}
			
/* Level 2 lists: */
/* Need to override bottom padding of anchor on first level list and then use
   a fixer background image on the second level UL to hide the fact that this is nested in
	the level LI */


		#navside ul li.selected ul {
			padding:7px 0 0 0;
			margin-top:-7px;
			background:url(../images/bg_sidenav_level2fix.gif) top left no-repeat;
		}
		
			#navside ul li.selected ul li,
			#navside ul li.selected ul li.selected {
				border-top:2px solid #EDEEF1;
				margin:0;
				font-size:0.80em;
				background:url(../images/bg_sidenav_level2bot.gif) bottom left no-repeat;
			}
			
				#navside ul li.selected ul li a,
				#navside ul li.selected ul li a:visited,
				#navside ul li.selected ul li.selected a,
				#navside ul li.selected ul li.selected a:visited {
					background:url(../images/bg_sidenav_level2top.gif) top left no-repeat;
				}


				#navside ul li.selected ul li a,
				#navside ul li.selected ul li a:visited {
					color:#5A6263;
					padding:8px 10px;
				}
				
				#navside ul li.selected ul li a:hover,
				#navside ul li.selected ul li.selected a,
				#navside ul li.selected ul li.selected a:visited {
					color:#D4260F;
				}



/******************************************************************************************************************
CONTENT 
******************************************************************************************************************/

#content {
	float:left;
	width:602px;
	min-height:500px;
	padding:0 17px;
	margin:0 0 0 16px;
	background:#FFF url(../images/bg_panel_column_x2_mid.gif) top left repeat-y;
}

#content h1 {
	clear:both;
	margin:0 -17px 17px;
	padding:13px 17px;
	background:url(../images/bg_panel_column_x2_top.gif) top left no-repeat;
	border-bottom:1px solid #E5E5E5;
	color:#495051;
	font-size:2.3em;
}

#content h2 {
	clear:both;
	font-size:1.6em;
	color:#A61E0C;
	padding:0 0 10px;
	margin:0 0 10px 0;
	border-bottom:1px solid #E5E5E5;	
}

#content ul {
	margin-top:0;
	margin-bottom:10px;
	list-style-image: url(../images/bullet_body.gif);
}

#content li {
	margin-bottom:5px;
}

#content p {
	margin:15px 0;
	padding:0;
}


/*Styles below were added by Paul 7/1/2008 for Fogbugz 2562. The images are in images/sociable/. They are from http://push.cx/sociable*/
/*Some of these styles were borrowed from append_home.css so that it appears consistenly on different pages*/
#content ul.sociable {margin:17px -17px 0; padding:8px 17px; border-top:1px solid #E5E5E5;}
#content ul.sociable li {float: left; color:#777C7D; font-size:1em; font-family: "Trebuchet MS",Verdana,Arial,"Helvetic Neue",Helvetica,sans-serif; list-style: none; margin: 0; padding: 0; width: 25px; padding-bottom: 6px;}
#content ul.sociable li.sociablelabel {width: auto; font-weight: bold; padding-right: 8px; line-height: 1.5em;}
#content ul.sociable img {float: none; width: 16px; height: 16px; border: 0; margin: 0;	padding: 0;}
#content ul.sociable .sociable-hovers {opacity: .4; -moz-opacity: .4; 	filter: alpha(opacity=40);}
#content ul.sociable .sociable-hovers:hover {	opacity: 1; -moz-opacity: 1; filter: alpha(opacity=100);}


/*
	PORTAL
*/
#portal {
	float:left;
	width:835px;
	min-height:500px;
	padding:0 17px;
	margin:0;
	border: 1px solid #ccc;
	background:#FFF;
}

#portal h1 {
	clear:both;
	margin:0 -17px 17px;
	padding:13px 17px;
	border-bottom:1px solid #E5E5E5;
	color:#495051;
	font-size:2.3em;
}

#portal h2 {
	clear:both;
	font-size:1.6em;
	color:#A61E0C;
	padding:0 0 10px;
	margin:0 0 10px 0;
	border-bottom:1px solid #E5E5E5;	
}

#portal p {
	margin:15px 0;
	padding:0;
}


/******************************************************************************************************************
FOOTER
******************************************************************************************************************/

#footer {
	clear:both;
	border-top:1px solid #E5E5E5;
	margin:0 0 0 236px;
	padding:17px 0 0 0;
	background:#F8F8F8 url(../images/bg_panel_column_x2_footer.gif) bottom left no-repeat;
}

#footer div {
	float:left;
}

#footer div#footnews {
	width:189px;
	padding:0 17px;
}

#footer div#footcontact {
	width:190px;
	padding:0;
}

#footer div#footlinks {
	width:189px;
	padding:0 17px;
}

#footer h3 {
	padding:0;
	margin:0 0 7px 0;
	color:#A61E0C;
	font-size:1.2em;
}

#footer p {
	margin-top:0;
	padding:0;
}

#footer ul {
	padding:0;
	margin:0 0 15px 15px;
}

#footer li {
	margin-left:0;
	margin-bottom:4px;
	padding-left:0;
	list-style-image:url(../images/arrow_green.gif);
	line-height:normal;
}

#footer a,#footer a:visited {
	font-weight:bold;
	color:#666;
	text-decoration:underline;
}

#footer a:hover {
	color:#D4260F;
}

#footer button {
	float:left;
	width:30px;
	background-image:url(../images/button_go.gif);
}

#footer input {
	float:left;
	width:140px;
	margin:0 10px 0 0;
}



/******************************************************************************************************************
DEFINITION LISTS / FORMS
******************************************************************************************************************/

form {
	margin:0;
	padding:0;
}

fieldset {
	border:none;
	margin:0;
	padding:0;
}

legend {
	display:none;
}

form label {
	line-height:normal;
	float:left;
	padding:3px 0 0 0;
}

form dl {
	margin:0;
	padding:0;
}

form dt {
	clear:both;
	margin:0;
	padding:0;
	float:left;
	width:115px;
	line-height:normal;
}

form dd {
	padding:0 0 7px 0;
	margin:0;
	text-align:left;
}

form input.text,form textarea	{
	border:1px solid #C8C8C8;
	width:146px;
	padding:2px;
	font: normal 100%/1.2em Verdana,Arial,"Helvetic Neue",Helvetica,sans-serif;
	background:#EFEFEF;
}

form button,input.button,a.button,a.button:hover {
	font-family:Verdana,Arial,"Helvetic Neue",Helvetica,sans-serif;
	line-height:1;
	text-decoration:none;
	text-align:center;
	background-color:#A2C269;
	background-repeat:no-repeat;
	color:#FFF;
	border:none;
	padding:0;
	margin:0;
	height:20px;
	cursor:pointer;
}

form button {
	float:right;
}

form button span,
input.button span,
a.button span,
a.button:hover span {
	position:absolute;
	left:-1000em;
}

form select {
	width:150px;
	border:1px solid #C8C8C8;
	padding:2px;	
	background:#EFEFEF;
	font-size:100%;
	font-family:Verdana,Arial,"Helvetic Neue",Helvetica,sans-serif;
}

form .check {
	width:30px;
	float:left;
}

form #address2,
form #address3 {
	margin-left:115px;
}