/* CSS Document */
/**************************
	HTML
**************************/
* {padding:0; margin:0;}
html {
  font-size: 100.01%;}
body { 
	font: normal 76%/1.3 Arial, Helvetica, sans-serif; 
	color:#000; background: #fff;}
h1 {
	font-size: 1.6em; 
	padding-top: 35px;}
p {
	padding: 4px; margin:8px 0;
	font-size: 1em;}
sup {vertical-align:text-top; font-size: 85%;}
ul {
	margin-left: 30px;
	list-style-type:disc;}
li {
	padding-bottom: 10px;}
a:link {
	color: #00f; text-decoration: underline;}
a:visited {
	color:#00f; text-decoration: underline;}
a:hover {
	color:#db363a; text-decoration: underline;}
a:active {
	color:#db363a; text-decoration: underline;}

div.calloutlg {
	background: #ffffff url(images/callout_lg.gif) no-repeat bottom left;
	color: #333333;
	width: 436px;
	height: 65px;
	padding: 8px;}
div.calloutlg p {margin:0 8px 5px 0;}
div.calloutsm {
	background: #ffffff url(images/callout_sm.gif) no-repeat bottom left;
	color: #333333;
	width: 431px;
	height: 35px;
	padding: 8px;}
div.calloutsm p {margin:0; margin-left: 3px; padding:0;}
div.calloutlg h2, 
div.calloutsm h2 {font-size: 1.2em; margin-left:3px; padding:0;}

blockquote {
	margin: 0 0 15px 0;
	padding: 0;
	width: 430px;
	background: #ebfaff url(images/quote.gif) scroll no-repeat top left;}
blockquote p.quote {
	margin: 5px 20px; 
	padding: 14px 0 0 6px;
	background:transparent url(images/qend.gif) scroll no-repeat bottom right;}
blockquote p.author {
	text-align: right;
	margin: 0;
	padding: 0 25px 10px 10px;
	background: transparent url(images/qbottom.gif) scroll no-repeat bottom right;}
dl {margin: 0; background:transparent}
dt {background: transparent url(images/check_mark.gif) no-repeat top left; 
	padding-left: 30px; height: 50px;
	font-size: 1.2em;}
dt.a {height: 30px;}
dd { margin-left: 30px; margin-bottom: 20px;}
/**************************
	LAYOUT
**************************/
.clear { clear: both; }
#mainContainer {
	width: 700px;
	margin: 0 5px;
	background: #fff;
	text-align: left;}
/**************************
HEADER
**************************/
#header {
	background: #fff url(images/bar.gif) no-repeat bottom right;
	height: 102px;}
#logo {
	float: left; margin-right: 30px;}
/**************************
CONTENT AND COLUMNS
**************************/
.outer {
	padding-left: 165px;}
* html .outer {
/*** No need for hacking IE on this layout ***/}
.inner {
	width: 484px; /*** This width is for non-IE browsers. Mozilla makes this necessary. Be sure to check your layout in different browsers if you changes this value. Especially IE7 seems to create a horisontal scroll if this value is set too large ***/}
* html .inner {
	width: 100%;}
/*** div.inner is wider than its container, div.outer, and so overlaps to the right, pushing
div.right into the proper position. IE expands div.outer instead, requiring a Tan hack to avoid 
blowing the layout apart. IE gets the original 100% width as in the Livingstone layout.
***/
.float-wrap {
	float: left;
	width: 700px;
	margin-left: -165px; /*** Same length as .outer padding-left but with negative value ***/}
* html .float-wrap {
/*** No need for hacking IE on this layout ***/}
#content {
	float: right;
	width: 454px;
	margin-right: 10px;
	padding-top: 10px;
	background: #fff;}
* html #content {
	position: relative; /*** IE needs this ***/}
.contentWrap {
	padding: 5px;}
/**************************
LEFT COLUMN
**************************/
/*** div.left is in div.float-wrap, and when div.float-wrap is neg margined to the left, 
div.left is carried over into the proper position. 
***/
#left {
	float: left;
	width: 216px;
	background: transparent; 
	min-height: 250px;
	padding: 0;}
* html #left {
	position: relative; /*** IE needs this ***/
	height: 250px;}
#nav{
	width:198px;
	margin:10px 0 0 5px; 
	list-style-type:none;}
#nav li {
	margin: 5px 0;}
/**************************
FOOTER
**************************/
#footer {
	clear:both;
	width: 700px;
	margin: 0 10px;
	text-align: left;
	background: #fff;
	border-top: 1px solid #ccc;
	color:#939598;
	font-size: 0.9em;}
#footer p {
	margin-left: 5px;
	margin-right: 60px;}