/* CSS Document */
html {
	height:101%;
	}

body {
	background:#E8E8E8;
	color:#666666;
	font-size:small;
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
	margin:0;
	padding:0;
	}

.tag {
	margin-top:-16px;
	}
		
a:link, a:visited, a:hover, a:active {
	color:#db1736;
	text-decoration:underline;
	}
	
	
a:hover {
	text-decoration:none;
	}

h1 {
	font-size:170%;
	font-weight:normal;
	margin:14px 0 0 0;
	padding:0;
	}

h1 span {
	color:#DB1736;
	}
	
#home h1 {
	background:url(images/eAccountH1.gif) 0 0 no-repeat;
	height:23px;
	text-indent:-5000px;
	width:243x;
	}
	
h2 {
	padding:0;
	}
	
h3 {
	font-size:100%;
	margin:0;
	padding:0;
	}
	
h4 {
	font-size:95%;
	margin:13px 0 0;
	padding:0; 
	}

#container {
	background: url(../images/grad-bg.jpg) repeat-y;
	font-size:95%;
	margin:0 auto;
	width:772px;
	}
	
#dropShadow {
	background: url(../images/drop-shadow.jpg) no-repeat;
	height:20px;
	margin:0 auto;
	width:772px;
	}
	
#content {
	background:#fff;
	width:760px;
	margin:0 auto;
	position:relative;
	padding:0;
	text-align:left;
	}
	
#branding {
	float:right;
	margin:16px 25px 6px 0;
	height:23px;
	width:125px;
	}

#leftCol {
	float:left;
	margin-top:53px;
	width:700px; 
	}
	
#leftCol p, #leftCol li, #leftCol-inner li, #copy li {
	line-height:18px;
	}
	
#home #leftCol span {
	font-style:italic;
	}

img {
	border:none;
	}
	
#leftCol .copy {
	margin:0 0 0 28px;
	}
	
#rightCol {
	float:left;
	margin:8px 0 0 0;
	_margin-top:6px;
	width:288px; 
	}
	
#rightCol div {
	clear:both;
	border:1px solid #E1E1E1;
	background:#E1E1E1;
	font-size:90%;
	line-height:12px;
	margin-bottom:3px;
	padding-left:18px;
	padding-right:5px;
	}

#rightCol div div.clear {
	border:none;
	background:#fff;
	}
	
#rightCol div p {
	margin:0 0 9px 0;
	padding:0;
	}
	
#rightCol p.narrow {
	line-height:16px;
	width:210px;  
	}
	
#rightCol div.reasons h2 {
	padding:0;
	margin:14px 0 10px;
	}
	
#rightCol ul {
	list-style-type:none;
	margin:0;
	padding:0;
	}
	
#rightCol ul li {
	background:url(images/bullet.gif) 0 6px no-repeat;
	margin:0 0 4px 0;
	padding:0 0 0 22px;
	} 
	
div.first {
	padding:12px 15px 17px 0;
	}
	
	#home div.first h2 {
		background:url(images/rightColFirstH2.gif) 0 0 no-repeat;
		height:37px;
		margin:5px 0 0;
		padding:0 0 20px 0;
		text-indent:-5000px;
		width:241px;
		}
	
div.second {
	padding:15px 0 19px 0;
	}
	
	#home div.second h2 {
		background:url(images/rightColSecondH2.gif) 0 0 no-repeat;
		height:19px;
		margin:0 0 20px 0;
		padding:0;
		text-indent:-5000px;
		width:202px;
		}
		
p.main {
	width:450px; /*not sure if this is one that is going to need changing*/
	}
		
	
#leftCol ul {
	list-style-type:none;
	margin:10px 0 10px 15px;
	padding:0;
	}
		
#leftCol ul li {
	background:url(images/bullet.gif) 0 8px no-repeat;
	padding-left:12px;
	}

.divide {
	border-bottom:1px solid #e8e8e8;
	clear:both;
	height:12px;
	margin:0 0 0 19px;
	padding-top:0;
	width:721px; 
	}
	
.footer {
	font-size:85%;
	line-height:18px;
	margin:13px 0 0 28px;
	padding-bottom:15px;
	width:700px; /*dont think this one will need to change*/
	}

.footer ul {
	list-style-type:none;
	margin:0;
	padding:4px 0 0 0;
	}
	
.footer ul li {
	display:inline;
	margin:0;
	padding:0;
	}
	
.footer ul li a:link,
.footer ul li a:visited,
.footer ul li a:hover,
.footer ul li a:active {
	color:#666666;
	text-decoration:underline;
	} 

.footer ul li a:hover {	
	text-decoration:none;
	}
	
.clear {
	clear:both;
	line-height:1px;
	}
	
.initial {
	margin-top:0;
	padding-top:0;
	}
	
.final {
	margin-bottom:0;
	padding-bottom:0;
	}
	
.right {
	float:right;
	}

.strong {
	font-weight:bold;
	}
	
.italic {
	font-style:italic;
	}
	
span.strong {
	clear:both;
	}