/* the following was taken from YUI Reset and Fonts */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
fieldset,img{border:0;}
table {font-size:inherit;font:100%;}
pre,code,kbd,samp,tt {font-family:monospace;*font-size:108%;line-height:100%; font-weight:normal; font-style:normal}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
input,textarea,select{*font-size:100%;}
/* ------------- */
body {
	font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;
	color: #000000;
	background-color: #FFFFFF;
	text-align: center;
	}
h1,h2,h3 {
	font-weight: bold;
	color: #1E427D;
	}
h1 {
	font-size: 150%;
	margin-bottom: 0.5em;
	margin-top: 0em;
}
h2 {
	font-size: 135%;
	margin-bottom: 0.5em;
	margin-top: 1em;
	line-height: 1;
}
h3 {
	font-size: 120%;
	margin-bottom: 0.5em;
	margin-top: 1px;
}
p {
	margin-bottom: 1.231em;
}

ul {
	margin: 1em 1em 1em 2em;
}
li {
	list-style: disc outside;
}
a:link {
	color: #0066CC;
	text-decoration: none;
}
a:visited {
	color: #6f56db;
	text-decoration: none;
}
a:hover {
	color: #0099FF;
	text-decoration: none;
}
a:active {
	color: #CC0000;
	text-decoration: none;
}
/* note that the text align must be defined in the individual pages for the iframes */
#container {
	margin: auto;
	text-align: left;
	width: 750px;
	}
/* the header is done in pixels, not ems - it stays constant in IE */
#header {
	padding: 15px 0px;
	}
.banner {
	font-size: 20px;
	line-height: 20px;
	font-style: italic;
	font-weight: bold;
	color: #727272;
	margin: 0px 0px 0px 96px;
	}
.boiler {
	margin: 0px 0px 0px 96px;
	border-top: 1px solid #666666;
	border-bottom: 1px solid #666666;
	text-align: center;
	font-size: 10px;
	line-height: 15px;
	text-transform: uppercase;
	color: #666;
}
#nav {
	margin: 0 0 0 96px
}
#nav ul {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 100%;
	background-color: #1E427D;
}
#nav li {
	display:inline
	}
#nav a {
	float: left;
	width: auto;
	padding: 5px 25px;
	border-right: 2px solid #FFF;
	font-weight: bold;
	line-height: 1;
	text-decoration: none;
   }
#nav a:link, #nav a:visited {
	background:#1E427D;
	color:#fff;
}
#nav a:hover {
	background-color: #369;
	color: #FFF;
	}
#nav a:active {
	background: #C00;
	color: #FFF;
	}
#nav a.current:link,#nav a.current:visited, #nav a.current:hover {
	background-color: #727272;
	color: #FFF;
	}
#body {

}

/* sidebar width and float defined in the individual page */
#sidebar {
}
/* the following div to create sidebar divider without breaking the IE box model */
#sidenote {	
	border-left: 1px solid #727273;
	padding: 1em 0em 1em 15px;	
	}
/* necessary to eliminate top margin in order for the dividing line to look right */
#sidenote h2 {
	margin: 0em 0em 0.5em;
}
/* sidebar lists are shown without bullets or indent */
#sidenote ul {
	margin: 0px;
}
#sidenote li {
	list-style: none;
	font-weight: bold;
}
/* navigation for the member pages */
#sidenav {
	margin: 0px;
	float: right;
	width: 170px;
	}
#sidenav ul
{
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#sidenav li {
	list-style: none;
	font-weight: bold;
}
#sidenav a {
	display: block;
	padding: 3px 0px;
	width: 170px;
	background-color: #1E427D;
	border-top: 2px solid #FFFFFF;
	}
#sidenav a:link, #sidenav a:visited {
	color: #EEE;
	text-decoration: none;
	}
#sidenav a:hover {
	background-color: #369;
	color: #FFF;
	}
#sidenav a:active {
	color: #FFFFFF;
	background-color: #CC0000;
	}
#sidenav a.current:link, #sidenav a.current:visited, #sidenav a.current:hover {
	background-color: #727273;
	color: #FFFFFF;
	}
/* main content margins are defined in the individual page */
#main {
	}
/* lists in the content area are different than other lists */
#main ul {
	list-style: outside;
	margin: 1em 0em;
}
#main li {
	margin: 0.5em 0em;
}	
.accent {
	font-style: italic;
	font-weight: bold;
	color: #1E427D;
	font-size: 110%;
}
#footer {
	font-size: 90%;
	color: #666666;
	font-style: italic;
	padding-top: 1.231em;
	padding-left: 96px;
	margin: 0px;
	}
/* the following classes are for the two lists for the iframe */
.list {
	font:13px/1.231 arial,helvetica,clean,sans-serif;
	margin: 0px;
	padding: 0px;
}
.list li {
	list-style-type: none;
}
/* to stop the swtich-to links from changing colour */
.blue a:visited{
	color: #0066CC;
}
.blue a:hover {
	color: #09F;
}
/* to make columns */
.box {
	float: left;
	margin: 0px 15px 15px 0px;
	width: 210px;
}
.box p {
	margin-bottom: 0.5em;
	}
/* for Offers page */
.box2 {
	background-color: #EFEFEF;
	margin: 15px 15px 0px 0px;
	padding: 10px;
	float: left;
	width: 190px;
	border: 1px solid #bbbbbb;
}
.box2 p {
	margin-bottom: 0.5em;
	}
.box2 li {
	margin: 1em 1em 1em 3em;
	}
.error {
	font-size: 150%;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #CC0000;
	padding: 1em;
	margin: 0px;
}
.info {
	font-size: 150%;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #009900;
	padding: 1em;
	margin: 0px;
}
.bump {
	padding-left:7px
}
.new {
	font-size: 11px;
	text-transform: uppercase;
	color: #FFFF00;
	font-weight: bold;
}

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}