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

/*Kill Browser Defaults*/
html, body, ul, li, h1, h2, h3, h4, img	{
	margin:0;
	padding:0;
}

img	{
	border:0;
}

/*Body*/
body	{
	height:100%;
	margin:0;
	padding:0;
	text-align:center;
	background:url(/images/background.gif) repeat-x;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.7em;
	line-height:170%;
	color:#555;
}

/*Wrapper*/
#wrapper	{
	width:750px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
	height:auto !important;
	height:100%;
	min-height:150%;
	background-color:#FFFFFF;
}

/*Drop Down Menu*/

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/pro_dropline.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

.nav	{
	height:35px;
	background:url(/images/dropdown/front1.gif) repeat-x;
	position:relative;
	font-family:arial, verdana, sans-serif;
	font-size:11px;
	width:750px;
	z-index:500;
}

.nav .navTable	{
	display:table;
	margin:0 auto;
}

.nav .select,
.nav .current	{
	margin:0;
	padding:0;
	list-style:none;
	display:table-cell;
	white-space:nowrap;
}

.nav li	{
	margin:0;
	padding:0;
	height:auto;
	float:left;
}

.nav .select a	{
	display:block;
	height:35px;
	float:left;
	background:url(/images/dropdown/front1.gif);
	padding:0 30px 0 30px;
	text-decoration:none;
	line-height:35px;
	white-space:nowrap;
	color:#ddd;
}

.nav .current a	{
	display:block;
	height:35px;
	float:left;
	background:url(/images/dropdown/front3.gif);
	padding:0 0 0 15px;
	text-decoration:none;
	line-height:35px;
	white-space:nowrap;
	color:#FFFFFF;
}

.nav .current a b	{
	display:block;
	padding:0 30px 0 15px;
	background:url(/images/dropdown/front3.gif) right top;
}

.nav .select a:hover,
.nav .select li:hover a	{
	background:url(/images/dropdown/front2.gif);
	padding:0 0 0 15px;
	cursor:pointer;
	color:#FFFFFF;
}

.nav .select a:hover b,
.nav .select li:hover a b	{
	display:block;
	float:left;
	padding:0 30px 0 15px;
	background:url(/images/dropdown/front2.gif) right top;
	cursor:pointer;
}

.nav .select_sub	{
	display:none;
}

/* IE6 Only */
.nav navTable	{
	border-collapse:collapse;
	margin:-1px;
	font-size:1em;
	width:0;
	height:0;
}

.nav .sub	{
	display:table;
	margin:0 auto;
	padding:0;
	list-style:none;
}

.nav .sub_active .current_sub a,
.nav .sub_active a:hover	{
	background:transparent;
	color:#f00;
}

.nav .select :hover .select_sub,
.nav .current .show	{
	display:block;
	position:absolute;
	width:750px;
	top:35px;
	background:url(/images/dropdown/back1.gif);
	padding:0;
	z-index:100;
	left:0;
	text-align:center;
}

.nav .current .show	{
	z-index:10;
}

.nav .select :hover .sub li a,
.nav .current .show .sub li a	{
	display:block;
	float:left;
	background:transparent;
	padding:0 10px 0 10px;
	margin:0;
	white-space:nowrap;
	border:0;
	color:#444;
}

.nav .current .sub li.sub_show a	{
	color:#088;
	cursor:default;
	background:url(/images/dropdown/back2.gif);
}

.nav .select :hover .sub li a:hover,
.nav .current .sub li a:hover	{
	visibility:visible;
	color:#088;
	background:url(/images/dropdown/back2.gif);
}

/*Page Content*/
#page	{
	clear:both;
	float:left;
	width:100%;
	text-align:justify;
	margin-top:36px;
	margin-bottom:25px;
	background-color:#FFFFFF;
}

/*Columns*/
#columns	{
	margin:0 auto;
}

/*Column Widths*/
.widthColumns	{
	width:720px;
}

.width24	{
	width:24%;
}

.width48	{
	width:48%;
}

.width66	{
	width:66%;
}

.width74	{
	width:74%
}

/*Left Coloumn*/
.leftColumn	{
	float:left;
}

/*Quick Links*/
.quickLinks{
	padding-top:5px;
	padding-left:10px;
}

/*Left Column Thumbnail Lists*/
ul.thumbs, ul.thumbs li	{
	margin:0;
	padding:0;
	text-align:center;
}

ul.thumbs li	{
	margin:0 0 15px 0 !important;
	padding:0;
	list-style:none;
}

.thumb img	{
	border:5px solid #ccc;
}

.thumb span	{
	display:block;
	margin-top:-5px !important;
}

/*Submenu Styles*/
ul.submenu	{
	margin:0 0 20px 0 !important;
	padding:0 !important;
}

ul.submenu li	{
	margin:0;
	padding:0;
	list-style:none;
	list-style-image:url(foo.gif) !important; /*because IE sucks*/
}

ul.submenu li a	{
	display:block;
	height:auto !important;
	/* Start hide from IE Mac \*/
	height:1%;
	/* End hide from IE Mac */
	padding:1px 5px 1px 20px;
}

ul.submenu li a	{
	background:url(/images/submenu.gif) no-repeat 5px 50%;
}

ul.submenu a:hover	{
	color:#426F85;
	background:#B3C6C4 url(/images/submenu.gif) no-repeat 5px 50%;
}

/*General Display*/
.alignLeft	{
	text-align:left;
}

.alignRight	{
	text-align:right;
}

.alignCenter	{
	text-align:center;
}

.blueBg	{
	background-color:#EAF2F5;
}

.dark	{
	color:#353E47;
}

.table	{
	margin:0px auto;
	background-color:#EAF2F5;
}

/*Right Coloumn*/
.rightColumn	{
	float:right;
}

/*Footer*/
#footer	{
	margin-bottom:0px;
}

/*Headers*/
h1, h2, h3, h4	{
	margin:0 0 10px 0;
	padding:0;
}

h1	{
	padding-bottom:0.2em;
	font:400 1.6em arial, sans-serif;
	color:#536C71;
	border-bottom:12px solid #ddd;
	font-weight:bold;
}

h2	{
	font-size:1.2em;
	color:#586B7A;
	text-align:right;
}

h3	{
	font-size:1.2em;
	color:#586B7A;
	text-align:left;
	border-bottom:2px solid #ddd;
}

h4	{
	font-size:1.0em;
	color:#5D6F73;
	text-align:left;
}

/*Links*/
a	{
	text-decoration:none;
	color:#3B5D77;
	padding-top:2px;
	padding-bottom:2px;
}

a:hover	{
	color:#668FA3;
}

a img	{
	border:0;
}

a img.border	{  
	border:1px solid #FC3307;
}

a:hover img.border	{  
	/* Fixes IE bug - IE doesn't correctly apply the style on a:hover so need to mask it */
	border:1px solid #668FA3 !important;
	border:1px solid #FC3307;
}

/*Lists*/
ul.bullets	{ 
	list-style:disc; 
	margin-left:15px;
}

ol li	{
	font-weight:bold;
	color:#668FA3;
}

ol li span	{
	font-weight:normal;
	color:#444;
}

/*Blockquote*/
blockquote {
	margin:0;
	padding:0 15px;
	background:#E7F1F3;
	border-top:1px solid #AAD3DB;
	border-bottom:1px solid #AAD3DB;
	text-align:center;
}

/*Hyperlink Cues*/
.pdf	{ 
	padding-left:20px;
	background:transparent url(/images/icons/pdf.gif) no-repeat center left;
}

.doc	{
	padding-left:20px;
	background:transparent url(/images/icons/doc.gif) no-repeat center left;
}

.xls	{
	padding-left:20px;
	background: transparent url(/images/icons/xls.gif) no-repeat center left;
}

.pic	{
	padding-left:20px;
	background:transparent url(/images/icons/pic.gif) no-repeat center left;
}

.vcard	{
	padding-left:20px;
	background:transparent url(/images/icons/vcard.gif) no-repeat center left;
}

.tick	{
	padding-left:20px;
	background:transparent url(/images/icons/tick.gif) no-repeat center left;
}

.external	{
	padding-right:20px;
	background:transparent url(/images/icons/external.gif) no-repeat center right;
}

.internal	{
	padding-right:20px;
	background:transparent url(/images/icons/internal.gif) no-repeat center right;
}

.contact	{
	padding-right:20px;
	background:transparent url(/images/icons/email.gif) no-repeat center right;
}

.downloads	{
	padding-right:20px;
	background:transparent url(/images/icons/download.gif) no-repeat center right;
}

/*Contact Form*/
form	{
	padding:0;
	margin:0;
}

/* If you're finding the input elements get pushed down, increase the width */
label	{
	float:left;
	width:30%;
	vertical-align:top;
}

input,
textarea,
select	{
	font:400 1em verdana, sans-serif;
	color:#999;
	background:#EEE;
	border:1px solid #CCC;
	padding-top:2px;
	padding-right:5px;
	padding-bottom:2px;
	padding-left:5px;
}

input:focus,
input:hover,
textarea:focus,
textarea:hover,
select:focus,
select:hover	{
	color:#000;
	background:#E7F1F3;
	border:1px solid #888;
}

input.button	{
	font:400 0.9em verdana, serif;
	cursor:pointer;
	color:#fff;
	background:#FC3307;
	border-width:1px;
	border-style:solid;
	border-color:#FF7800 #691300 #691300 #FF7800;
	padding-top:5px;
	padding-right:5px;
	padding-bottom:5px;
	padding-left:5px;
}

input.radio	{
	background:none;
	border:0px;
}