@charset "UTF-8";
* {
    margin: 0;
    padding: 0;
}
body {
    font-size: .8em;
	font-family: Arial, Helvetica, sans-serif;
}
#main {
    position: relative;
    z-index: 1;
}
#main, #pedestal {
    width: 980px;         /* Width of the page */
    margin-left: auto;
    margin-right: auto;
}
.contentLeftWrap {
    float: left;
    width: 755px;
}
.left {
    background: #A7B6CB;
    color: white;
    float: left;
    width: 225px;
    position: relative;
}
.right {
    background: #A7B6CB;
    width: 225px;
    float: right;
}
.left h2, .right h2, #navi h2  {
	background: #546594;
    color: white;
	padding: 2px 3px 2px 15px;
	font-size: 12px;
	font-weight: bold;
}
#rightContent {
    background: #e9edf0;
	border: 1px solid #A7B6CB;
	border-top: none;

}
#rightContent p {
	padding: 3px 6px 6px 6px;
	text-align: justify;
	color: #2f527a;
}
#rightContent img {
	border: 1px solid #546594;
}
#rightContent ul {
	margin: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:0.9em;
	list-style: none;
}
#rightContent ul li {
	margin: 0px 0px 3px 0px;
}
#rightContent ul li a {
	color: #318dd2;
    text-decoration: none;
}
#rightContent ul li a img {
	max-width: 100%;  
}

br#clearContent {
    clear: both;
}
#main .content, #main .left, #main .right {
    padding-top: 170px; /* heads height */
}
#foot {
    background: #A7B6CB;
    color: white;
    height: 50px;
	text-align: center;
	padding: 10px;
}
.companion {
    height: 0;
    line-height: 0;
    font-size: 0;
    padding-top: 16000px;
    margin-top: -16000px;
    position: relative;
}

.left li h2 {
    margin: 0;
    padding: 0;
    font-weight: normal;
    font-size: 1em;
}
.left li ul.subMenu {
    display: none;
}
.left li:hover ul.subMenu, .left li ul.activeMenu {
    display: block;
}
.left a {
    color: white;
	
}

