/* UK Investment Advice Screen CSS */
/* Created by UK Investment Advice on October 31st, 2005 */
/* No part of this code may be reproduced without the expressed confirmation by UK Investment Advice */


body {
	margin: 5px 0 10px 0; padding: 0;
	background-color:#E3E5DC;
	text-align: left;
    font-size: 62.5%;
	font-family:Arial, Verdana, sans;
}

/*/// TOP LAYER ///*/

div#top {
	margin: 0 auto;
	width: 766px;
	height: 33px;
	background-image:url(images/bg-top.gif);
}


div#holder {
	margin: 0 auto;
	width: 710px;
	background-color:#eee;
	padding: 20px 28px 20px 28px;
	background-image: url(images/bg-01.gif);
	background-repeat: repeat-y;
}

div#holderleft {
	float: left;
	width: 490px;
	background-color: #fff;
	margin: 0; border: 0; padding: 0;
}


div#logo {
	float: left;
	width: 490px;
	background-color:#fff;
	height: 80px;
	padding-top: 20px;
	padding-bottom: 5px;
	margin: 0; border: 0;
}





/***** CONTENT LAYER *****/

div#content {
	float: right;
	width: 290px;
	background-color:#fff;
	border-top: 1px solid #CBCDC5;
	padding: 10px 0 0 0;
	margin: 0;
}

div#content p {
	text-align: justify;
	margin: 0 0 10px 0;
	line-height: 1.8em;
	color: #666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.1em;
}

div#content p a, div#content ul li a, div#content ol li a { color: #0AF; text-decoration: none; }
div#content p a:hover, div#content ul li a:hover, div#content ol li a:hover { color: #666;	text-decoration: none; }

div#content ul {
	text-align: left;
	margin: 20px 0 20px 15px;
	font-size: 1.1em;
	color: #666;
	border: 0; padding: 0;
}

div#content ol {
	text-align: left;
	margin: 20px 0 20px 20px;
	margin-left: 20px !important; margin-left: 23px;
	font-size: 1.1em;
	color: #666;
	border: 0; padding: 0;
}

div#content ul li {
	list-style-type: square;
	line-height: 1.6em;
	margin-bottom: 5px;
}

div#content ol li {
	list-style-type:inherit;
	line-height: 1.6em;
	margin-bottom: 5px;
}

div#content .li-inner {
	list-style-type: square;
	margin-left: 14px;
	line-height: 1.6em;
	margin-bottom: 5px;
}

div#content .li-noblock {
	list-style-type: none;
	margin-left: 14px;
	line-height: 1.6em;
	margin-bottom: 5px;
}




.ruler {
	border: 0; padding: 0;	height: 1px;
	color: #CBCDC5;
	background-color: #CBCDC5;
	margin-bottom: 6px;
}


h1, h2 {
	border-bottom: 1px solid #CBCDC5;
	margin: 0 0 10px 0;
	font-size: 2em;
	font-weight: normal;
	padding-bottom: 10px;
	color: #666;
}

h1, h2 a { color: #666;	text-decoration: none; }
h1, h2 a:hover { color: #666; text-decoration: none; }



h3 {
	margin: 0 0 10px 0;
	font-size: 1.8em;
	font-weight: normal;
	padding-top: 2px;
	padding-bottom: 0px;
	color: #666;
}

h3 a { color: #0AF;	text-decoration: none; }
h3 a:hover { color: #666; text-decoration: none; }

div#featureland {width:250px; border: solid 2px #0AF; padding:20px; }


/* Footer */

div#footer {
	margin: 20px 0 0 0;
	background-color:#fff;
	height: 70px;
	padding: 20px 0 0 0;
	border-top: 1px solid #CBCDC5;
	font-size: 0.9em;
}

div#footer p {
	text-align: left;
	margin: 0 0 10px 0;
	line-height: 1.8em;
	color: #666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
}

div#footer p a {
	text-align: left;
	margin: 0 0 10px 0;
	line-height: 1.8em;
	color: #0AF;
}


div#content .calculator-holder {
	background-color:#F3F3F1;
	padding: 6px;
	border: 2px solid #ABADA5;
	margin: 0;
}

div#content .small { font-size: 1.0em; color: #444; }

div#content .small2 { font-size: 1.0em; }


div#content .calculator-form {
	font-size: 1.1em;
	color: #444;
	width: 90px;
}

div#content .calculator-button {
	font-size: 1.1em;
	color: #444;
	width: 60px;
}

div#content .calculator-left {
	width: 120px;
	height: 30px;
	float: left;
	clear: both;
}

div#content .calculator-right {
	width: 140px;
	height: 30px;
	float: right;
}

div#content .line {
	height: 1px;
	font-size: 0.1em;
	clear: both;
	margin-bottom: 12px;
	border-bottom: 1px dashed #0AF;
}

div#content .calculator-top {
	height: 20px;
	font-size: 1.2em;
	font-weight: bold;
	clear: both;
	padding-top: 5px;
	margin-bottom: 20px;
	border-bottom: 1px dashed #0AF;
}



/***** NAVIGATION LAYER *****/




div#navigation {
	float: left;
	width: 180px;
	background-color:#fff;
	border: 0; margin: 0;
}


div#navigation ul { margin: 0 0 20px 0; padding: 0; list-style: none; }
div#navigation ul li { width: 170px; text-align: left; margin: 0; font-size: 1em; }
div#navigation ul li a { width: 170px; display: block; margin: 0; background-color: #FBFBF9; color: #666; padding: 5px; text-decoration: none; border-bottom: 1px dotted #ddd; }
div#navigation ul li a:hover { background-color: #F3F3F1; color: #0AF; }

div#navigation .header a { width: 170px; display: block; margin: 0; padding: 6px 5px 6px 5px; background-color:#ABADA5; color: #fff; border-bottom: 0;}
div#navigation .header a:hover { background: #ABADA5; color: #fff; }

div#navigation .new a { width: 170px; display: block; margin: 0; background: #FBFBF9 url(images/bg-new-blue.gif) no-repeat top right; color: #666; padding: 5px; text-decoration: none; border-bottom: 1px dotted #ddd; }
div#navigation .new a:hover { background: #F3F3F1 url(images/bg-new-blue.gif) no-repeat top right; color: #0AF; }

.rss a { color: #0AF; text-decoration:none; }
.rss a:hover { color: #444; }

.rssbutton { padding: 0 4px 0 0; }


/***** NEWS LAYER *****/

div#news {
	float: right;
	width: 200px;
	background-color:#fff;
}

#news .image {	padding-bottom: 20px; width: 200px; height: 200px; border: 0; }

#news ul { margin: 0 0 20px 0; padding: 0; list-style: none; }
#news ul li { width: 184px; text-align: left; margin: 0; font-size: 1em; }
#news ul li a { width: 184px; display: block; margin: 0 0 1px 0; background-color: #FBFBF9; color: #999; padding: 8px; text-decoration: none; border-bottom: 1px dotted #D0D2CA; }
#news ul li a:hover { background-color: #F3F3F1; }
#news .dark { color: #666; }
#news .phonenumber { color: #0AF; }

#news .header a { width: 190px; display: block; margin: 0; padding: 6px 5px 6px 5px; background-color:#ABADA5; color: #fff; border-bottom: 0; }
#news .header a:hover { background-color:#ABADA5; color: #fff; }

#news .featured a { width: 190px; display: block; margin: 0; padding: 6px 5px 6px 5px; background-color:#666; color: #fff; border-bottom: 0; }
#news .featured a:hover { background-color:#666; color: #fff; }

#news .view a { width: 184px; display: block; margin: 0 0 1px 0; background: #fff; color: #999; padding: 8px; text-decoration: none; border-bottom: 1px dotted #D0D2CA; }
#news .view a:hover { background-color: #FBFBF9; }

#news .new a { width: 184px; display: block; margin: 0 0 1px 0; background: #FBFBF9 url(images/bg-new-blue.gif) no-repeat top right; color: #999; padding: 8px; text-decoration: none; border-bottom: 1px dotted #D0D2CA; }
#news .new a:hover { background-color: #F3F3F1; }

#news .hot a { width: 184px; display: block; margin: 0 0 1px 0; background: #FBFBF9 url(images/bg-hot-red.gif) no-repeat top right; color: #999; padding: 8px; text-decoration: none; border-bottom: 1px dotted #D0D2CA; }
#news .hot a:hover { background-color: #F3F3F1; }


/*/// BOTTOM LAYER ///*/

div#bottom {
	margin: 0 auto;
	width: 766px;
	background-color:#ccc;
	height: 33px;
	background-image:url(images/bg-bottom.gif);
}


.clear {
	clear:both;
	height: 0;
}