body {
   background: #d3e4f4;
   margin: 0;
}

p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #333333;
}

li {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #333333;
}
div.clearer {
   clear: both;
}

div.mainLayoutWrapper {
   margin: 0 auto;
   width: 780px;
}

div.headLayout {
   padding: 5px 0 5px 0;
}

div.bodyLayout {
   border: 1px solid #ecf4fa;
   background: #92c1c9;
   padding: 2px;
}

div.menuLine {
   border: 1px solid #ecf4fa;
   background: #296ca5;
   margin-bottom: 2px;
   padding-top: 3px;
   clear: both;
   height: 16px;
   overflow: hidden;
}

div.menuLine div.active {
   margin-left: 15px;
   float: left;
}

div.menuLine div.passive {
   margin-left: 15px;
   float: left;
}

div.menuLine div.active span {
   color: #fff;
   font-family: Tahoma, Arial, sans-serif;
   font-size: 10px;
   font-weight: bold;
}

div.menuLine div.passive a{
   color: #d3e5f4;
   font-family: Tahoma, Arial, sans-serif;
   font-size: 10px;
   font-weight: bold;
   text-decoration: none;
   
}

div.menuLine div.passive a:hover {
   color: #fff;
}

/* Home Page Styles */

div.homeWrapper {
   clear: both;
   height: 100%;
   overflow: hidden;
}

div.homeWrapper div.content {
   text-align: center;
   border: 1px solid #ecf4fa;
   background: #d3e5f4;
   width: 660px;
   height: 435px;
   float: left;
}

div.homeWrapper div.column {
   border: 1px solid #ecf4fa;
   background: #296ca5;
   width: 108px;
   height: 435px;
   float: right;
}

div.homeWrapper div.column div.infoItem {
   color: #d3e5f4;
   font-family: Tahoma, Arial, sans-serif;
   font-size: 10px;
   font-weight: bold;
   text-align: center;
   padding: 7px;
}

div.homeWrapper div.column div.infoItem img {
   margin-bottom: 5px;
}

div.homeWrapper div.column div.infoItem a {
   color: #d3e5f4;
   font-family: Tahoma, Arial, sans-serif;
   font-size: 11px;
   font-weight: bold;
   text-decoration: none;
   text-transform:uppercase;
}

div.homeWrapper div.column div.infoItem a:hover {
   color: #fff;
   text-transform:uppercase;
}

div.homeWrapper div.column div.infoItem a.yellow {
   color: #fffc00;
   font-weight: normal;
   text-decoration: underline;
}

/* Info Page Styles */

div.pageWrapper {
   border: 1px solid #ecf4fa;
   background: #d9ebeb;
}

div.pageWrapper div.topImage {
   border-bottom: 1px solid #ecf4fa;
   background: #d3e5f4;
}

div.pageWrapper div.photos {
   border-right: 1px solid #ecf4fa;
   background: #d9ebeb;
   width: 214px;
   float: left;
   height: 100%;
   overflow: hidden;
}

div.pageWrapper div.photos img {
   border: 1px solid #ecf4fa;
   margin: 3px;
}

div.pageWrapper div.photos div.note{
   color: #333333;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 10px;
   font-weight: normal;
   font-style: italic;
   margin: 0 0 18px 8px;
}

div.pageWrapper div.content {
   border: 4px solid #cccccc;
   background: #fff;
   width: 393px;
   float: left;
   height: 100%;
   overflow: hidden;
}

div.pageWrapper div.content_interact {
   border: 4px solid #cccccc;
   background: #fff;
   width: 413px;
   float: left;
   height: 100%;
   overflow: hidden;
/*   padding:4px;*/
}

div.pageWrapper div.content_interact h1 {
   color: #296ca5;
   font-family: Tahoma, Arial, sans-serif;
   font-size: 11px;
   font-weight: bold;
   border-bottom: 1px solid #cccccc;
   padding: 5px 10px 5px 10px;
   margin: 0px;
}

div.pageWrapper div.content h1 {
   color: #296ca5;
   font-family: Tahoma, Arial, sans-serif;
   font-size: 11px;
   font-weight: bold;
   border-bottom: 1px solid #cccccc;
   padding: 5px 10px 5px 10px;
   margin: 0px;
}

div.pageWrapper div.content_interact p {
   color: #333333;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 12px;
   line-height: 16px;
   margin-top: 15px;
   margin-left: 11px;
}



div.pageWrapper div.content p {
   color: #333333;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 12px;
   line-height: 16px;
   margin: 10px;
}

div.pageWrapper div.navigation {
   border-top: 4px solid #cccccc;
   border-right: 4px solid #cccccc;
   border-bottom: 4px solid #cccccc;
   background: #fff;
   padding: 8px 0 6px 8px;
   width: 144px;
   float: left;
   height: 100%;
   overflow: hidden;
}

div.pageWrapper div.navigation_interact {
   font-family:Arial, Helvetica, sans-serif;
   font-size:12px;
   border-top: 4px solid #cccccc;
   border-right: 4px solid #cccccc;
   border-bottom: 4px solid #cccccc;
   background: #fff;
   padding: 8px 0 6px 8px;
   width: 330px;
   float: left;
   height: 100%;
   overflow: hidden;
}

div.pageWrapper div.navigation a, div.rlinks a {
   color: #296ca5;
   font-family: Tahoma, Arial, sans-serif;
   font-size: 11px;
   font-weight: bold;
   text-decoration: none;
}

.sel {
   color: #fff;
}

/* Related links block */

.rlinks {
	width:160px;
	border-top:1px solid #CCCCCC;
	margin-top:8px;
	margin-left:6px;
	padding-top:4px;
	padding-left:4px;
}

.rlheader {
	font-style:italic;
}

.m_links_interact {
   color: #296ca5;
   font-family: Tahoma, Arial, sans-serif;
   font-size: 11px;
   font-weight: bold;
   text-decoration:none;
}

.m_links_interact_sel {
   color: #296ca5;
   font-family: Tahoma, Arial, sans-serif;
   font-size: 11px;
   font-weight: bold;
   text-decoration: underline;
}

.left_dint {
	float:left;
	width:297px;
/*    margin-left: 5px;*/
}


.dimcol {
	width:110px;
	float:left;
	padding-top: 10px;
	padding-right:6px;
	padding-bottom: 10px;
	text-align:right;
	margin-bottom:10px;
}

.idonepic {
	background-color: #FFFFFF;
	float: left;
/*	height: 52px;*/
/*	width: 68px;*/
	padding-top: 4px;
	padding-left: 5px;
	padding-bottom: 2px;
	padding-right: 5px;
	margin-right: 3px;
	margin-top:6px;
	border: 1px solid #cccccc;
	text-align:left;
	float:right;
}
