@charset "UTF-8";

/* 	
----------------------------------------------------
		
	HSV 
	Stylesheet: main.css

----------------------------------------------------
	COLOR REFERENCE:
		
/* 	#112266;	=color1		/*	Blue  - Dark Navy	*/    			
/* 	#6699ff;	=color2		/*	Blue  - HSV BLUE 	*/    			
/* 	#88bbff;	=color3		/*	Blue  - Med 		*/    			
/* 	#bbefff;	=color4		/*	Blue  - Light Aqua	*/  
/* 	#00ddff;	=color5		/*	Blue  - Bright Aqua	*/  

/* 	#ff0055;	=color6		/*	Magenta  - Bright	*/    			

/* 	#8899aa;	=color7		/*	Blue Grey - Footer	*/ 
/* 	#c1d1d9;	=color8		/*	Blue  - Pale Grey	*/ 
/* 	#f4f7f8;	=color9		/*	White - Soft White	*/ 


/* 	
----------------------------------------------------*/
/*	LAYOUT
----------------------------------------------------*/

body, html		{ 
	background-color: #ffffff;		
	margin: 0 auto;
	padding: 0;
	background-color: transparent;		
	/* background-image: url(../images/bg_body.gif); */
	background-image: url(../images/background.gif);
	background-repeat: repeat-x;
	background-position: 0 0;
	height: 100%;
	}
	
* body, html{
padding: 0px;
margin: 0px;
margin-top: 0px;
}
	
#container	{
border: 0px solid #000;
/*width: 932px;*/
/*
background-image: url(../images/bags1.jpg);
background-repeat: no-repeat;
background-position: bottom left;
*/
padding: 0px;
margin-bottom: 0px;
padding-bottom: 10px;
padding-top: 0px;
margin-left: auto;
margin-right: auto;
min-height: 100%;
position: relative;
}

 * html #container{
height: 100%;
}

h1{
margin-top: 2px
}

#header		{
	height: 107px;
	background-color: transparent;
	}
	
#content	{
	padding-top: 20px;
	padding-bottom: 20px;	
	text-align: left;
	background-image: url(../images/bg_rightcol.gif);
	background-repeat: repeat-y;
	background-position: 730px 0; /*POSITIONED 9 COLUMNS + PADDING - */
	}
	
#rightCol	{	
	background-color: transparent;
	padding-top: 0;
	text-align: center;
	}

/*
#footer		{
	background-color:  #8899aa;
	background-image: url(../images/bg_footer.gif);
	background-repeat: repeat-x;
	background-position: 0 0;	
	padding-top: 30px;	
	overflow: visible;
	}
	*/


/*	MAIN NAVIGATION
----------------------------------------------------*/
#mainNav 	{
	height: 30px;
	text-align: left;
	font-size: 0.90em;
	border: 0px solid #000; 
	}
	

#mainNav ul {
	height: 30px;
	line-height: 27px;
	display: inline;
	margin: 0;
	margin-left: -18px;
	margin-top: 2px;
	padding: 0px 0 1px 8px;
	/* background-image: url(../images/nav_div.gif);
	background-repeat: no-repeat;
	background-position: left 2px;
	*/
	}
	
#mainNav ul li{
	height: 30px;
	
	display: inline;
	font-size: 75%;
	font-weight: bold;
	margin: 0;
	/*
	background-image: url(../images/nav_div.gif);
	background-repeat: no-repeat;
	background-position: right -1px;
	*/
	/*
	padding: 2px 0 2px 0;
	*/
	color: #fff;
display: inline;
padding-right: 12px;
padding-left: 10px;
border-right: 1px solid #e9ecf4;
	}

#mainNav ul li a{
	color: #333;
	text-decoration: none;
	/*padding: 8px 14px 8px 16px;*/
	}

#mainNav ul li a:hover{
	color: #d14e1d;
	/* padding: 8px 14px 8px 16px; */
	/* background-image: url(../images/bg_navhover.gif);*/
	background-repeat: no-repeat;
	background-position: right -1px;
	text-decoration: none;
	}

#mainNav ul li.selected a{
	color: #6699ff;
	/* background-image: url(../images/bg_navhover.gif);*/
	background-repeat: no-repeat;
	background-position: right -1px;
	}
	
/*	MINI NAV (TOP LINKS)
----------------------------------------------------*/
#miniNav	{
	height: 23px;
	text-align: right;
	float: right;
	padding: 0 10px 2px 0; 
	margin-right:5px; 
	display: inline-block;
	background-image: url(../images/bg_mininav.gif);
	background-repeat: no-repeat;
	background-position: right -50px;
	}
	
#miniNav ul {
	display: inline;
	margin: 0;
	padding: 3px 0px 6px 25px;
	background-color: transparent;
	background-image: url(../images/bg_mininav.gif);
	background-repeat: no-repeat;
	background-position: 10px -8px;
	}
	
#miniNav ul li{
	padding: 3px 10px 8px 5px;
	margin: 0;
	display: inline-block;
	font-size: 70%;
	font-weight: normal;
	line-height: normal;
	background-image: url(../images/mininav_div.gif);
	background-repeat: no-repeat;
	background-position: right 5px;
	}

#miniNav ul li.endLink{
	background-image: none;
	}

#miniNav ul li a,
#miniNav ul li a:hover{
	color: #ddeeff;
	text-decoration: none;
	}

#miniNav ul li a:hover{
	color: #00ddff;
	}

/*	FOOTER-INNER (BOTTOM LINKS)
----------------------------------------------------*/
#footerInner	{
	padding: 0; 
	/*min-height: 220px;*/
	text-align: left;
	letter-spacing: 0.009em;
	color: #c1d1d9;
	}


#footerInner a:link {
	color: #ddeeff;
	text-decoration: none;
	}
	
#footerInner a:visited {
	color: #bbeeff;
	}
	
#footerInner a:hover{
	color: #bbeeff;
	}
#footerInner ul li{
	font-size: 75%;
	font-weight: normal;
	line-height: 1.3;
	}
	
#footerInner	p{
	margin: 3px 0; 
	padding: 0; 
	font-size: 75%;
	}
	
/*	FOOTERNAV (INLINE LIST)
----------------------------------------------------*/
#footerNav ul {
	display: inline;
	margin: 0;
	margin-left: -5px;
	padding: 0px;
	}
	
#footerNav ul li{
	padding: 3px 10px 2px 5px;
	margin: 0;
	display: inline;
	background-image: url(../images/mininav_div.gif);
	background-repeat: no-repeat;
	background-position: right 5px;
	}

#footerNav ul li.endLink{
	background-image: none;
	}

/*	LEFTNAV
----------------------------------------------------*/
#leftNav{
padding-bottom: 30px;
}

#leftNav ul{
list-style-type: none;
text-align: left;
font-size: 1.0em;
}

#leftNav ul li{
border-bottom: 1px solid #e9ecf4;
float: left;
text-align: left;
margin: 0px;
}

#leftNav ul li a{
background: #fff;
width: 217px; 
border: 0px solid #fff;
padding: 3px 0 3px 5px;
margin: 0px;
color: #669;
text-decoration: none;
display: block;
text-align: left;
}

#leftNav ul li a:hover{
background: #c1d1d9;
text-decoration: none;
margin: 0px;
}


/*	TYPOGRAPHY
----------------------------------------------------*/
sup { 
	font-size:x-small;
	vertical-align: top;
	}
	
ol.orderedAlpha{
	list-style-type: lower-alpha;
	padding-left: 64px;
	}
	
ol.orderedAlpha li{
	padding-left: 6px;
	}
	
/*	MISC (FLOATS, IMGS, BUTTONS)
----------------------------------------------------*/
.alignLeft {
	float: left;
	margin-top: -12px;
	margin-right: 10px;
	margin-bottom: 5px;
	vertical-align: top;
	}

.alignRight {
	float: right;
	margin-top: -8px;
	margin-left: 5px;
	margin-bottom: 5px;
	vertical-align: top;
	}

.logoImg		 	{ float: left;}
.straplineImgHome 	{ margin-top: 60px; margin-left: 70px;}
.straplineImg 		{ margin-top: 45px; margin-left: 10px;}
.iconSmall	 		{ vertical-align: top; padding-top: 8px; margin-left: 5px;}

/*	Rounded Gradient Box (holds forms etc)
----------------------------------------------------*/
.roundedBox { 
	position: relative; 
	width: 100%; 
	margin: 0 0 20px 0; 
	border: 1px solid #c1d1d9;
	}
	
.silverBox 	{ background: #c1d1d9 url(../images/bg_box_silver.gif) top repeat-x; }
.innerBox 	{ padding: 20px; padding-bottom: 0;}

/* box corners */
.cornerBox 	{ 
	position: absolute; 
	width: 10px; 
	height: 10px; 
	background: url(../images/bg_box_corners.gif) no-repeat; 
	font-size: 0%; 
	}
	
.TL { top: -1px; left: -1px; background-position: 0 0; }
.TR { top: -1px; right: -1px; background-position: -10px 0; }
.BL { bottom: -1px; left: -1px; background-position: 0 -10px; }
.BR { bottom: -1px; right: -1px; background-position: -10px -10px; }


/*	LINK BUTTON = SCALABLE WORKS IN ALL BROWSERS
----------------------------------------------------*/
	
.button,
.buttonDark {
	padding:0;
	margin:0;
	}
	
.button a,
.buttonDark a {
	font-size: 95%;
	display: inline-block;
	color:#fff; 
	font-weight:bold;
	text-decoration: none;
	text-align: center; 
	line-height: 1.1;
	padding: 0 10px 0 0 !important; 
	margin-right:5px; 
	background: transparent url(../images/bg_button.gif) no-repeat right -82px; 

}

.button a span.buttonSpan,
.buttonDark a span.buttonSpan {
	display: inline-block;
	padding: 4px 5px 0 15px; 
	height:17px; 
	background: transparent url(../images/bg_button.gif) no-repeat left top; 
	color:#fff; 
	}

.button a:hover,
.buttonDark a:hover {
	background-position: right -123px; 
	text-decoration: none;
	}
	
.button a:hover span.buttonSpan,
.buttonDark a:hover span.buttonSpan{
	background-position: 0px -41px;
	color:#bbefff; 
	}

/* Change the background image when sitting on a dark background*/
.buttonDark a {
	background-image: url(../images/bg_button_dark.gif); 

}

.buttonDark a span.buttonSpan {
	background-image: url(../images/bg_button_dark.gif); 
	}

/*	FORMS (Gradient Form usually sits within a roundedBox
----------------------------------------------------*/
form 	{font-size: 16px;}

form br {clear: left;}

fieldset.gradientForm {
	font-size: 100%;
	line-height: 1.2;
	font-family: Georgia, "Times New Roman", Times, serif;
	}	

fieldset.gradientForm legend {
	color: #112266;
	font-size: 115%;
	font-weight: bold;
	margin: 0;
	padding: 0;
	text-indent: 0;
	margin-bottom: 10px;
	}
	
fieldset.gradientForm label {
	width: 210px;
	float: left;
	margin: 7px 0 20px 0;
	padding-right: 10px;
	vertical-align: bottom;
	}

	
fieldset.gradientForm input,
fieldset.gradientForm select,
fieldset.gradientForm textarea,
fieldset.gradientForm input.textfield{
	font-size: 100%;
	color: #999999;
	margin: 0px 0 0px 0;
	padding: 5px;
	height: 20px;
	font-family: Georgia, "Times New Roman", Times, serif;
	width: 50%;
	}

fieldset.gradientForm select {
	padding: 1px 0 1px 5px;
	width: 52.5%;
	height: 28px;
	color: #000000;
	}

fieldset.gradientForm textarea {
	padding: 5px;
	height: auto;
	margin-bottom: 10px;
	color: #000000;
	}

.warning {
	font-weight: bold;
	font-size: 90%;
	font-style:italic;
	color: #88bbff;
	margin: 10px 0;
	padding: 2px 5px 2px 30px;
	background: url(../images/iconsmall_warning.gif) no-repeat left 1px;
	}
	
.info {
	font-weight: bold;
	font-size: 85%;
	margin: 10px 0 20px 0;
	padding: 2px 5px 2px 30px;
	line-height:1.5;
	background: url(../images/iconsmall_info.gif) no-repeat left 1px;
	}
	
p.paraLabel,
span.paraLabel {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	font-size: 95% !important;
	margin: 10px 0 20px 0;
	padding: 2px 0;
	color: #6699ff;
	}
	
.greyText {color: #999999 !important;}
.blackText {color: #000000 !important;}

/*Add this class to labels and inputs, which require the label to span multiple lines*/	
fieldset.gradientForm label.multiLine {
	margin: 0px 0 10px 0;
	}
fieldset.gradientForm input.multiLine {
	margin: 3px 0 0px 0;
	}
fieldset.gradientForm select.multiLine {
	margin: 3px 0 0px 0;
	}
	
/*	FORM BUTTON = SCALABLE WORKS IN ALL BROWSERS
----------------------------------------------------*/
	
button { 
	position: relative;
	border: 0; 
	padding: 0;
	cursor: pointer;
	overflow: visible; 			/* removes extra side padding in IE */
	}

button::-moz-focus-inner {
	border: none;  				/* overrides extra padding in Firefox */
	}

button span { 
	position: relative;
	display: block; 
	white-space: nowrap;	
	}

	/* Safari and Google Chrome only - fix margins */
@media screen and (-webkit-min-device-pixel-ratio:0) {
button span {
		margin-top: -1px;
	}
}


/* OPTIONAL BUTTON STYLES for applying custom look and feel: */		
button.submitBtn { 
	padding: 0 10px 0 0; 
	margin-right:5px; 
	font-family: Tahoma, Helvetica, Arial, sans-serif;
	font-size:98%; 
	text-align: center;
	line-height: 1.2;
	background: transparent url(../images/bg_button.gif) no-repeat right -82px; 
}

button.submitBtn span {
	padding: 4px 5px 0px 15px; 
	height:17px; 
	background: transparent url(../images/bg_button.gif) no-repeat left top; 
	color:#fff; 
	font-weight:bold;
}

/* the redundant class is used to apply the hover state with a script */	
button.submitBtn:hover, button.submitBtnHover { 
	background-position: right -123px; 
	color:#bbefff; 
}
	
button.submitBtn:hover span, button.submitBtnHover span {
	background-position: 0 -41px;
	color:#bbefff; 
}

/*accommodate font sizes inside forms
----------------------------------------------------*/
fieldset.gradientForm button { 
	margin-left: 220px;
	margin-top: 6px;
	}

fieldset.gradientForm button.submitBtn, 
.formTable button.submitBtn {
	background-image: url(../images/bg_button.gif); 
}
	
fieldset.gradientForm button.submitBtn span, 
.formTable button.submitBtn span {
	background-image: url(../images/bg_button.gif); 
	font-size:80%; 
	text-align: center;
	line-height: 1.0;
}



/*Radio & Check Groups
----------------------------------------------------*/
div.radioGroup {
	text-align: left;
	}
	
div.radioGroup input.radioButton{
	width: 1em;
	}
	
div.radioGroup label{
	float: none;
	width: 2.5em;
	}
	
/*Form Table = Used in form returns/submitted
----------------------------------------------------*/
table.formTable {
	width: 100%;
	background: url(../images/horz_line.gif) repeat-x left 0; 
	}
	
table.formTable td{
	padding: 10px 15px 5px 0px;
	}
	
table.formTable td.labelCell{
	width: 210px;
	}
	
table.formTable td.overLine{
	background: url(../images/horz_line.gif) repeat-x left 0; 
	}
	
table.formTable h2{
	margin: 10px 0;
	}
	
	
	/*====================== FOOTER DIV AND LIST ======================*/

#footer {
font-size: 0.7em;
/*
font-size: 1.2em;
*/
clear: both;
padding-bottom: 0px;
/*
background: url(../images/creditcards.gif) no-repeat;
background-position: right;
*/
border: 0px solid #ccc;
padding: 0px;
width: 960px;
margin-left: auto;
margin-right: auto;
position: relative;
/*margin-top: -5.3em;*/
margin-top: -3.5em;
/*
margin-bottom: 3.5em;
*/
text-align: left;
/*
margin-top: -2.0em;
*/
}

#footer ul{
margin-left: 5px;
padding-left: 22px;
margin: 0px;
margin-top: 0px;
margin-bottom: 0px;
text-align: left;
}

#footer ul li{
display: inline;
padding: 0px 8px 0px 4px; 
border-right: 1px solid #006;
}

#footer ul li a{
color: #006;
text-decoration: none;
margin-left: -28px;
}

#footer ul li a:hover{
color: #006;
text-decoration: underline;
}

#footer li.end{
border-right: 0px;
}

/*==============================================================*/