/* CSS Document */

@import url("../yui/reset.css");
@import url("../yui/fonts.css");
@import url("../yui/grid.css");

body {
	background-color:#6974CE ;
	}

/* frame.css ============================ */

#doc {
	width:899px;
}


/* ===== head ===== */

/* ===== main ===== */

#bd {
	background: #6974CE url(images/background.gif) no-repeat;
	font-size:13px;
	*font-size:14px;
}

.yui-b {
	padding: 0px 0px 10px 0px;
	background-color: #fff;
	margin-left: 6px;

}

#yui-main {
	padding-right: 45px;

}

.yui-t2 #yui-main .yui-b {
	margin-bottom: 110px;
	position:relative;
}

#sidebar {
	width: 222px;
	float:right;
	background-color:#ccc;
	margin: 0px 0px 10px 10px;
	padding:10px;
}

/* style.css ====================================== */

/* general tags ============================================================ */

html, body {
	font-family: Trebuchet MS, arial, helvetica, sans-serif;
}
	
p {
	line-height: 1.2em;
	margin: 0px;
	padding: 0px;
	padding-bottom: 8px;
	text-color: #ccc;
 }
 
a {
	color:#3D76CF;
}
	
a:link,
a:visited {
	text-decoration: none; }
	
a:hover,
a:active {
	text-decoration: underline; } 


/* head styles ==================================================== */

#head-background {
   background: url(images/header_02.jpg);
   height: 119px;
}

#hd h1 {
	font-size:70px;
	text-align:center;
	color:#fff;
	padding-top:35px;
	line-height:.8em;
	
}

#hd a {
	color: #fff;
}

#breadcrumb {
	padding: 3px 0px 5px 202px;
	font-weight:bold;
	color:#fff;
	*font-size: 11px;
}
/* main styles ============================================================ */



#menu {
	padding: 40px 5px 10px 5px;
}

.menu {
	border-bottom: 1px solid #c3d3d2;
	margin-bottom: 3px;
	padding-bottom: 3px;
}

#menu h1 {
	color: 1d7c72;
	font-size: 14.8px;
}

#menu a {
	color: #1d7c72;
}

.submenu {
	color: #838374;
	font-family: arial, helvetica, sans-serif;
	font-size:12px;
}

#yui-main h1.black {
	color:#000000;
	font-size:40px;
	font-style:italic;
	margin-left:20px;
}

#yui-main h1.black-medium {
	color:#000000;
	font-size:242%;
	font-style:italic;
	margin-left:20px;
}

#yui-main h1 {
	color: #E13F34;
	font-size:312%;
}

#yui-main h1.smaller {
	color: #E13F34;
	font-size:242%;
}

#yui-main h1.red-medium {
	color: #E13F34;
	font-size:242%;
}

#yui-main h2 {
	font-size:50px;
	color: #1D7C72;
	margin: 0px 10px;
}

#yui-main h3 {
	font-size:129%;
	font-weight:normal;
	color: #b4282e;
	margin-bottom: 10px;
}

#yui-main h4 ,
#yui-main h4 a {
	font-size:17px;
	font-weight:normal;
	color: #E13F34;
	margin-bottom: 10px;
}

#yui-main h4.purple,
#yui-main h4.purple a {
	font-size:17px;
	font-weight:normal;
	color: #6275D1;
	margin-bottom: 10px;
}

#yui-main h4.black,
#yui-main h4.black a {
	font-size:17px;
	font-weight:normal;
	color: #000;
	margin-bottom: 10px;
}

#yui-main h4.teal,
#yui-main h4.teal a {
	font-size:17px;
	font-weight:normal;
	color: #8A9E59;
	margin-bottom: 10px;
}

#yui-main h4.green-head,
#yui-main h4.green-head a {
	font-size:17px;
	font-weight:normal;
	color: #1D7C72;
	margin-bottom: 10px;
}

#yui-main h4.gray,
#yui-main h4.gray a {
	font-size:17px;
	font-weight:normal;
	color: #65685F;
	margin-bottom: 10px;
}

#yui-main h4.light-green,
#yui-main h4.light-green a {
	font-size:17px;
	font-weight:normal;
	color: #7A9C36;
	margin-bottom: 10px;
}

#yui-main h5 {
	color:#1D7C72;
    font-size:129%;
	font-style:italic;
	padding:5px;
	text-align:center;
}

#content {
	padding: 0px 10px 10px 20px;
	clear:both;
	height:100%;
}

#content-light-blue {
	padding: 0px 10px 10px 20px;
	background-color:#CBFFFD;
	clear:both;
	height:100%;
}

#content-yellow {
	padding: 0px 10px 10px 20px;
	background-color:#FEFF99;
	clear:both;
	height:100%;
}

#content-light-green {
	padding: 0px 10px 10px 20px;
	background-color:#D9EBB0;
	clear:both;
	height:100%;
}


.left {
	float:left;
	width:346px;
}

.right {
	float:right;
	width:229px;
}


.yellow {
	background-color:#FEFF99;
	padding: 10px 10px 10px 20px;
}

.white {
	padding: 10px 10px 10px 20px;
}



.light-blue {
	padding: 10px 10px 2px 20px;
	background-color:#CBFFFD;
	clear:both;
	margin-bottom:5px;
}

.green {
	color:#1D7C72;
	font-weight:bold;
	line-height:1em;
	font-size:129%;
}

.green-sm {
	color:#1D7C72;
	font-weight:bold;
	line-height:1.1em;
}

.green-sm-em {
	color:#1D7C72;
	font-weight:bold;
	line-height:1.1em;
	font-style:italic;
}


.teal-sm-em {
	color: #8A9E59;
	font-weight:bold;
	line-height:1.1em;
	font-style:italic;
}


.red {
	color:#E13F34;
}

.red-em {
	font-size:107%;
	color:#E13F34;
	font-weight:bold;
	font-style:italic;
}

.heading {
	color:#1D7C72;
	font-weight:bold;
	font-size: 144%;
	vertical-align:top;
	line-height: 1.5em;
	margin-top: 10px;
}


.description{
	font-weight:bold;
	vertical-align:top;
}

.background-image {
	background: #fff url(images/dave_background.jpg) no-repeat;
	height: 306px;
	width: 328px;
	position:absolute;
	right:0px;
	top:105px;
	*top: 122px;
}

.image-caption {
	position:absolute;
	right:0px;
	top:415px;
	*top:445px;
	width:190px;
	margin-right:10px;
	color:#1D7C72;
	font-weight:bold;
	font-style:italic;
}



.blue-caption {
	color:#7275A8;
	font-weight:bold;
	font-style:italic;
}

.red-caption {
	color:#E13F34;
	font-weight:bold;
	font-style:italic;
	padding: 10px 10px 0px 0px;
}

.green-caption {
	color:#1D7C72;
	font-weight:bold;
	font-style:italic;
	padding: 10px 10px 0px 0px;
	text-align:left;
}

.blue-text {
    color:#33CCCC;
	font-weight:bold;
	font-style:italic;
}


.thumbnail {
	margin:10px;
}

ol li {
	list-style:decimal;
	margin-left: 22px;
	margin-bottom:5px;
}

li {
	list-style:disc;
	margin-left: 20px;
	margin-bottom:5px;
}

.italics {
	font-style:italic;
}

.bold {
	font-weight:bold;
}



/* utility classes ====================================================== */

.left-align {
	float:left;
	margin: 0px 15px 0px 0px;
}

.right-align {
	float:right;
	margin: 0px 10px 0px 10px;
}

div.clearFloats, .clearFloats {
	clear: both;
	line-height: 0px; 
	height: 0px;
	visibility: hidden; }