/*-----------------------------------------------------------------------------
Version:			1.0
Website Design:		
Website Author: 	
Email:     			you@well-it.com
Website:   				
Date Created: 		
Last Updated On:		
Last Updated By: 	

-----------------------------------------------------------------------------*/

/* =General
-----------------------------------------------------------------------------*/

/* Remove padding and margin */
* {
  margin: 0;
  padding: 0;
}

/* Class for clearing floats */
.clear {
	clear:both;
}


/* Remove border around linked images */
img {
	border: 0;
}

img.standardimg {
	margin-left:20px;
	margin-right:20px;
}

body {
	padding:0;
	text-align:center;
	font:normal 62.5% Arial, Helvetica, sans-serif;
	background-color:#740e1e;
	background-image:url(../images/body-bg.png);
	background-repeat:repeat-x;
	
}



/* =Typography
-----------------------------------------------------------------------------*/

p {
	margin:10px 20px;
	line-height:150%;
	color:#425661;
	font-size:1.2em;
}

p.copyright {
	font-size:1.0em;

}



/* =Headings
-----------------------------------------------------------------------------*/

h1 {
	float:left;
	margin:8px 0;
}

h2 {
	font-size:1.8em;
	margin:10px 20px;
	font-weight:normal;
	color:#740e1e;
}

span.h2high {
	color:#425661;
}

h3 {
	font-size:1.5em;
	margin: 5px 20px;
	font-weight:normal;
	color:#740e1e;
	
}

h4 {
	font-size:1.1em;
	margin: 0px 20px;
	font-weight:normal;
	color:#740e1e;
	font-weight:bold;
}

/* news pages */

#news h3 {
	border-bottom:1px solid #740e1e;
}


/* =Links
-----------------------------------------------------------------------------*/




/* =Branding
-----------------------------------------------------------------------------*/


/* =Top subnav
-----------------------------------------------------------------------------*/

#topwrapper {
	background-color:#740e1e;
	color:#bfd6e2;
	font-size:1.2em;
	
}

#topwrapper a {
	color:#bfd6e2;
	text-decoration:none;
}

#topwrapper a:hover {
	text-decoration:underline
}

#inner {
	margin:0 auto;
	width:860px;
	padding:8px 0 8px 0;
}

div#topnav {
	float:left;
}

div#textcontrol {
	float:right;
}


/* =container
-----------------------------------------------------------------------------*/

#container {
	width:860px;
	margin: 0 auto;
}


/* =Main Nav
-----------------------------------------------------------------------------*/

#navigation {
	clear:both;
	background-image:url(../images/nav-bg.png);
	background-position:bottom;
	height:45px;
	font-size:1.3em;
	margin:0;
	padding:0;
	line-height:130%;
}

#navigation li {	
	list-style:none;		
}

#navigation li a.top {
	color:#fff;
	text-decoration:none;
	display:block;
	margin-top:-10px;
	padding-top:11px;
	padding-bottom:11px;
}

#navigation li a.top:hover {

}

#navigation li.home, #navigation li.about, 
#navigation li.savings, #navigation li.loans, 
#navigation li.calc, #navigation li.insurance, 
#navigation li.additional, #navigation li.forms, 
#navigation li.sponsorship {
	float:left;
	padding:16px 0 0 0;
}

#navigation li.home{
width:70px;	
/*	background-color:#00FF00;*/
}
#navigation li.about{
width:80px;
/*	background-color:#99FF00;*/
}
#navigation li.savings{
width:72px;	
/*	background-color:#0000FF;*/
}
#navigation li.loans{
width:60px;
/*	background-color:#6600FF;*/
}
#navigation li.calc{
width:95px;
/*	background-color:#99FFFF;*/
}
#navigation li.insurance{
width:84px;
/*	background-color:#669900;*/
}
#navigation li.additional{
width:145px;
/*	background-color:#FF33CC;*/
}
#navigation li.forms{
width:151px;
/*	background-color:#3333CC;*/
}
#navigation li.sponsorship{
width:103px;
/*	background-color:#CC66FF;*/
}

ul.submenu {
	display:none;
    border-left:1px solid #cf6565;
	border-right:1px solid #cf6565;
	border-bottom:1px solid #cf6565;
	/*background-color:#771120;*/
	background-color:#ad1e31;
	position:absolute;
	text-align:left;	
	padding:0;
	margin:0;
	font-size:1.0em;	
}

ul.submenu li {
	border-bottom:1px solid #cf6565;	
	padding:0;
	margin:0;
}

ul.submenu li a {
	display:block;
	padding:5px 15px;
	text-decoration:none;
	color:#fff;
}

ul.submenu li a:hover {
	background-color:#c85e5f;
	/*color:#771120;*/
	color:#fff;
}

/* =secondary navigational menus
-----------------------------------------------------------------------------*/

/* kill the width of the secondary nav on those pages that do not use it */
#news #secondarynav,
#contactus #secondarynav,
#faq #secondarynav,
#privacy #secondarynav,
#secpolicy #secondarynav,
#terms #secondarynav,
#accessibility #secondarynav,
#sitemap #secondarynav
{width:0;}

#secondarynav {
	width:180px;
	float:left;
}

#secondarynavul {
	width:152px;
	padding:0;
	margin:10px 0 25px 15px;
	background-image:url(../images/subnavmenu-bottom.png);
	background-repeat:no-repeat;
	background-position:bottom;
	padding-bottom:26px;
	list-style:none;	
	font-size:1.2em;
}

#secondarynavul li {
	border-top:1px solid #fff;	
}

#secondarynavul li.last {
	border-bottom:1px solid #fff;
}

#secondarynavul li a {
	display:block;
	padding: 8px 5px;
	background-color:#c1575a;
	color:#fff;
	text-decoration:none;
}

#secondarynavul li a:hover {
	background-color:#ad1e31;
}

#secondarynavul li h2 {
	background-image:url(../images/subnavmenu-top.png);
	background-repeat:no-repeat;
	height:24px;
	padding:2px 0 0 5px;
	margin:0;
	font-size:1.3em;
	color:#fff;	
}

/* =Header
-----------------------------------------------------------------------------*/

#header {
	text-align:left;	
}

#search {
display:none;
	/*width:153px;
	height:30px;
	background-image:url(../images/searchbox.png);
	background-repeat:no-repeat;
	float:right;
	margin-right:15px;
	display:inline;*/
} 


/* =Main Content
-----------------------------------------------------------------------------*/

#content {
	background-color:#fff;
	background-image:url(../images/content-top-bg.png);
	background-repeat:repeat-x;
	background-position:top;
	text-align:left;
	padding-top:25px;
}

#column1, #column2, #column3 {
	float:left;
	padding-bottom:10px;

}

#column1 {
	width:330px;

}

#column2 {
	width:280px;
	border-right:1px solid #adc4d0;
	border-left:1px solid #adc4d0;
}

#column2 p {
	margin:5px 20px 5px 20px;;	
}

.newsitemlink a {
	margin:2px 20px;
	font-size:1.2em;

}

#column3 {
	width:238px;
}

img.homebtn {
	margin:12px 16px;
}

#maincontent  {
	width:500px;	
	float:left;
	padding-bottom:25px;

}

/* third content column*/

#thirdcontent {
display:none;
	/*float:left;
	display:inline;
	margin-left:10px;*/
}

/* =Secondary Content
-----------------------------------------------------------------------------*/

#promoarea {	
	background-color:#fff;
	border:1px solid #adc4d0;
	padding-left:5px;
	padding-top:20px;
	text-align:left;
}

.promo {
	width:239px;
	min-height: 145px;
	height:150px;
	float:left;
	background-image:url(../images/promo-bottom.png);
	background-repeat:repeat-y;
	background-position:bottom left;
	margin-right:3px;
	margin-bottom:50px;
}

.promo h2 {
	background-image:url(../images/promo-top.png);
	background-repeat:no-repeat;
	height:39px;
	margin:0;
	padding:0 0 0 10px;
	color:#740e1e

}

.promo p {
	padding:0 0 0 10px;
	margin:0 0 15px 0;
	width:140px;
	float:left;

}

img.promoimg {
	margin:25px 4px 2px 0;
	float:right;

}

#promomainimg {
	float:right;
}

.promolargeheight {
	height:210px;
}


/* =Footer
-----------------------------------------------------------------------------*/

#footer {	
	border-top:1px solid red;
	background-color:#b82235;
	color:#fff;
	padding:5px;
	clear:both;
}

#footer p {
	color:#fff;
	line-height:80%;
}

#footer a {
	color:#fff;
	text-decoration:none;
}

#footer a.wellington {
	color:#bfd6e2;

}

#footer a:hover {
	text-decoration:underline;
}

/* =Forms
-----------------------------------------------------------------------------*/

/* Removes fieldset borders. even on Opea 7 */
fieldset {
  border: 1px solid transparent;
}


/* =Tables
-----------------------------------------------------------------------------*/

table { 
  border-spacing: 0;
  border-collapse: collapse;
	font-size:1.2em;
	margin:10px 0 10px 20px;
	border:1px solid #c1575a;
	color:#fff;
	font-weight:bold;
	width:450px;}

th {
	font-size:1.1em;
text-align: center 	;
  font-weight: normal;
  	padding:5px;	
	background-color:#c1575a;
	border:1px solid #ad1e31;
	font-weight:bold;
}

td {
  text-align: left;
  font-weight: normal;
  	padding:5px;	
	border:1px solid #ad1e31;
	color:#000;
}

tr.odd {
	background-color:#f39d9e;
}

tr.even {
	background-color:#ffd6d5;
}



/* loan calc */

table.loancalc {
	font-size:1.2em;
	margin:0 0 0 20px;
	border:1px solid #c1575a;
	color:#fff;
	font-weight:bold;
	width:450px;
}

table.loancalc td {
	padding:5px;	

	border:1px solid #ad1e31;
}



/* =Misc 1 - lists
-----------------------------------------------------------------------------*/

ul {
	margin:0 0 0 35px;
	line-height:150%;
	color:#425661;
	font-size:1.2em;
}

ul h3 {
	font-size:1.2em;
	
}

/* =Misc 2 - highlight current pages, etc
-----------------------------------------------------------------------------*/

#home li.home {background-image:url(../images/up-home.png);	background-repeat:no-repeat;}
#aboutus li.about {background-image:url(../images/up-about.png);	background-repeat:no-repeat;}
#savings li.savings {background-image:url(../images/up-savings.png);	background-repeat:no-repeat;}
#loans li.loans {background-image:url(../images/up-loans.png);	background-repeat:no-repeat;}
#calc li.calc {background-image:url(../images/up-calc.png);	background-repeat:no-repeat;}
#insurance li.insurance {background-image:url(../images/up-insurance.png);	background-repeat:no-repeat;}
#additional li.additional {background-image:url(../images/up-additional.png);	background-repeat:no-repeat;}
#forms li.forms {background-image:url(../images/up-forms.png);	background-repeat:no-repeat;}
#sponsorship li.sponsorship {background-image:url(../images/up-sponsorship.png);	background-repeat:no-repeat;}

/* =Misc 3 - sitemap stuff
-----------------------------------------------------------------------------*/

ul.sitemap {
	list-style:none;
	padding:0;
	margin:20px 5px 20px 5px;
	width:140px;
	float:left;
	display:inline;
}	

ul.sitemap li {
	width:140px;
	padding:2px 0 2px 0;
}

.sitmapdiv {
	margin-left:15px;
}


#sitemap #maincontent {
	width:100%;
	background-color:#fff;
}

ul.sitemap h3 {
	padding:0;
	margin:5px 0;
	font-weight:bold;
}

/*jquery classes*/
.small {
	font-size:1.0em;
}

.large {
	font-size:1.6em
}

.selected {
	border-top:1px solid #bfd6e2;;
	border-bottom:1px solid #bfd6e2;
}

.underline {
	border-bottom:1px solid #bfd6e2;
	cursor:pointer;
}