/* CSS Document */

/* -------------------------------------------- Starting CSS -------------------------------------------- */

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td{ 
	margin:0;
	padding:0;
}

table{
	border-collapse:collapse;
	border-spacing:0;
}

img, a img{ 
	border:0;
}

ol, ul{
	list-style:none;
}

caption, th{
	text-align:left;
}

q:before, q:after{
	content:'';
}

abbr, acronym{
	border:0;
}

a:focus{
	outline: none;
}



/* -------------------------------------------- CSS for all Pages -------------------------------------------- */


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

h1{
	color:#595959;
	font:bold 10px/180% Verdana, Arial, Helvetica, sans-serif;
}

.green h2{
	color:#3EB62B;
	font:bold 10px/180% Verdana, Arial, Helvetica, sans-serif;
	margin:20px 0 0 0
}

h3{
	color:#fff;
	font:bold 10px/180% Verdana, Arial, Helvetica, sans-serif;
	margin:0 -16px 12px -16px;
	padding:15px 0 13px 0;
	text-align:center;
	text-transform:uppercase
}

.green .faq dt{
	color:#3EB62B!important;
	font:bold 10px/180% Verdana, Arial, Helvetica, sans-serif;
	margin:20px 0 0 0
}

p, span, li, blockquote, label, dt, dd, td, select{
	color:#595959;
	font:10px/180% Verdana, Arial, Helvetica, sans-serif;
}

p{
	text-align:justify
}

input, textarea, option{
	color:#111;
	font:10px/100% Verdana, Arial, Helvetica, sans-serif;
	padding:2px
}

.rightcol blockquote{
	font-style:italic;
	margin:0 0 10px 0
}

.content p, .content h1, .latestarticle p{
	margin:0 0 25px 0;
	width:430px
}

.content ul{
	list-style:outside disc;
	margin:0 0 25px 15px;
}

.content ul li{
	padding:5px 0 0 15px;
	vertical-align:middle;
	width:418px;
}

.rightcol p{
	margin:0 0 25px 0
}

a{
	color:#D61544;
	font:10px/150% Verdana, Arial, Helvetica, sans-serif;
	line-height:150%
}

.heading{
	display:block;
	margin:0 0 5px 0
}

.strong, dt{
	font-weight:bold
}

dd{
	margin:0 0 7px 0
}

.highlight{
	font-style:italic;
	font-weight:bold
}

.footer a{
	color:#8A8A8A;
	padding:2px 4px;
	text-decoration:none;
	text-transform:uppercase;
}

.footer a:hover{
	text-decoration:underline
}

.rightcol a{
	color:#757577
}

.leftcol .submenu a{
	color:#fff;
	text-transform:uppercase
}

.leftcol .grab *{
	color:#fff
}

.mainheading{
	display:block;
	margin:0 0 14px 0
}

.pageheading{
	display:block;
	margin:0 0 26px 0
}

.red .colour{
	color:#D71326
}

dl{
	margin:0 0 15px 0
}

dl dt a{
	font-weight:bold
}

.submenu a{	
	text-decoration:none
}

.submenu a:hover{	
	text-decoration:underline
}



/* -------- Navigation -------- */

.different{
	background:url(../images/nav_different_on.gif) no-repeat
}

.offer{
	background:url(../images/nav_offer_on.gif) no-repeat
}

.borrow{
	background:url(../images/nav_borrow_on.gif) no-repeat
}

.borrow{
	background:url(../images/nav_borrow_on.gif) no-repeat
}

.resources{
	background:url(../images/nav_resources_on.gif) no-repeat
}

.contact{
	background:url(../images/nav_contact_on.gif) no-repeat
}

.header ul li img{
	filter:alpha(opacity=100)
}



/* -------- Layout --------*/

body{
	background:#fff;
}

.container{
	background:#fff url(../images/bg_container.jpg) repeat-y;
	margin:0 auto;
	overflow:hidden;
	padding:0 11px 0 12px;
	width:982px
}

.banner{
	background:url(../images/bg_header.jpg) -1px top no-repeat;
	display:block;
	margin:0 -11px 2px -11px;
	padding:20px 11px 0 11px;
}

.header{
	height:158px;
	margin:0 0 2px 0
}

.header .logo, .header ul, .header .lifestyle{
	float:left;
	margin:0 3px 0 0
}

.header ul li{
	height:30px;
	margin:0 0 2px 0;
	padding:0
}

.footer{
	background:#fff url(../images/bg_footer.jpg) 0px top no-repeat;
	height:100px;
	margin:0 auto 0 auto;
	padding:33px 6px 0 6px;
	width:992px
}

.footer .soapbox{
	float:right;
	margin:-2px 0 0 0
}

.footer ul{
	float:left
}

.footer ul li{
	display:block;
	float:left;
	padding:0 3px
}

.rightcol{
	float:right;
	margin:0 3px 0 0;
	padding:184px 20px 20px 20px;
	position:relative;
	width:188px;
}

.rightcol img{
	margin-bottom:10px
}

.rightcol .flash{
	height:158px;
	left:-2px;
	position:absolute;
	top:0;
	width:222px
}

.rightcol .heading{
	margin:30px 0 0 0
}

.leftcol{
	float:left;
	width:233px
}

.leftcol .lifestyle{
	border-bottom:#fff 2px solid;
}

.red .leftcol, .home .leftcol{
	background:#E31E3A
}

.gold .leftcol{
	background:#FDB934
}

.blue .leftcol{
	background:#0095D5
}

.green .leftcol{
	background:#55B749
}

.purple .leftcol{
	background:#9018DC
}

.leftcol .submenu{
	border-bottom:#fff 2px solid;
	height:233px;
	padding:17px
}

.gold .submenu, .home .submenu{
	background:url(../images/bg_submenu_yellow.jpg) no-repeat
}

.blue .submenu{
	background:url(../images/bg_submenu_blue.jpg) no-repeat
}

.red .submenu{
	background:url(../images/bg_submenu_red.jpg) no-repeat
}

.green .submenu{
	background:url(../images/bg_submenu_green.jpg) no-repeat
}

.purple .submenu{
	background:url(../images/bg_submenu_purple.jpg) no-repeat
}

.leftcol .grab{
	min-height:330px;
	padding:24px 18px;
	position:relative
}

.content{
	margin:0 0 0 236px;
	padding:90px 19px 0 19px;
	position:relative;
	width:474px
}

.content hr{
	height:2px;
	margin:0 -15px 20px -15px;
	width:506px;
}

.red .content hr{
	background:#FDE2E0;
	border:none;
	color:#FDE2E0;
}

.gold .content hr, .home .content hr{
	background:#FFF0DB;
	border:none;
	color:#FFF0DB;
}

.blue .content hr{
	background:#E1F4FB;
	border:none;
	color:#E1F4FB;
}

.green .content hr{
	background:#E2FCD6;
	border:none;
	color:#E2FCD6;
}

.purple .content hr{
	background:#D8DFFB;
	border:none;
	color:#D8DFFB;
}

.rightcol .sectionheading{
	margin:0 0 25px 0
}

.block{
	display:block
}

.blue .rightcol a{
	color:#0095D5
}

.red .content a{
	color:#E21E39
}

.green .content a{
	color:#3EB72B
}

.disclaimer p{
	bottom:30px;
	color:#fff;
	font:italic 9px/150% Verdana, Arial;
	position:absolute;
	width:196px
}

.form{
	left:0;
	padding:0 16px 18px 16px;
	position:absolute;
	width:198px
}

.form label{
	display:block;
	float:left;
	margin:6px 5px 0 0;
	text-align:right;
	width:72px;
}

.form input{
	margin:6px 0 0 0;
	width:113px
}

.form .submitform{
	height:24px;
	width:79px
}

.blue .form{
	background:#D3EBF7;
}

.blue .form h3{
	background:#2BA0DA
}

.blue .form .submitform{
	background:url(../images/bg_img_blue_form.gif);
	border:none
}

.red .form{
	background:#F7D3D3;
}

.red .form h3{
	background:#DA2B2B
}

.red .form .submitform{
	background:url(../images/bg_img_red_form.gif);
	border:none
}

.green .form{
	background:#DCEFD9;
}

.green .form h3{
	background:#55B749
}

.green .form .submitform{
	background:url(../images/bg_img_green_form.gif);
	border:none
}

.gold .form, .home .form{
	background:#FDEFD2;
}

.gold .form h3, .home .form h3{
	background:#F5B22B
}

.gold .form .submitform, .home .form .submitform{
	background:url(../images/bg_img_gold_form.gif);
	border:none
}

.purple .form{
	background:#E3C8FC;
	margin-top:-22px
}

.purple .form h3{
	background:#830BF3
}

.purple .form .submitform{
	background:url(../images/bg_img_purple_form.gif);
	border:none
}

.purple .form label{
	display:block;
	float:left;
	margin:6px 5px 0 -2px;
	text-align:right;
	width:72px;
}

.home .form{
	margin-top:-22px;
}


/* -------------------------------------------- CSS for Individual Pages -------------------------------------------- */


/* Home */

.home .content{
	height:341px
}

.home .latestarticle{
	margin:0 0 0 236px;
	padding:0 19px 0 19px;
	width:474px
}

.home .latestarticle hr{
	height:2px;
	margin:0 -15px 20px -15px;
	width:506px;
}

.home .latestarticle hr{
	background:#FFF0DB;
	border:none;
	color:#FFF0DB;
}

.home .latestarticle a{
	color:#757577;
	text-transform:uppercase
}

.home .submenu a{
	color:#B86D0B;
}

.home .grabs{
	margin-top:237px
}

.homespacer{
	height:366px
}


/* Contact */

.purple label{
	display:block;
	float:left;
	width:100px
}

.purple .content ul{
	list-style:none;
	margin:0 0 25px -15px
}

.purple .address{
	display:block;
	margin:0 0 0 100px
}

.purple h1{
	display:block;
}

/* Glossary and Links */

.green .glossaryletter{
	color:#3EB62B;
	display:block;
	font-weight:bold;
	margin:10px 0 0 0;
	text-transform:uppercase
}

.glossaryspacer{
	min-height:2028px
}

/* FAQ */

.faqspacer{
	min-height:1272px
}


/* What's New */

.green .newarticles dt{
	color:#3EB72B
}

.green .newarticles dd{
	margin:0 0 25px 0
}

.green .rightcol a{
	color:#3EB72B
}


/* Started */

.red table{
	width:100%
}

.red table td{
	background:#F3F4F3;
	border-bottom:#fff 3px solid;
	border-right:#fff 6px solid;
	padding:7px 12px;
	vertical-align:top
}

.red table td label{
	display:block;
	float:left;
	width:92px
}

.red table td textarea{
	display:block;
	height:145px;
	margin:0 auto;
	width:155px;
}

.altcell{
	background:#EDEFED!important
}

.red table .submit{
	background:#fff!important;
	text-align:right
}

.red table .submit input{
	background:url(../images/img_submitbtn.gif);
	border:none;
	cursor:pointer;
	height:24px;
	width:59px
}