@charset "UTF-8";
/* CSS Document */


* { font-size:100%; margin:0; padding:0;}
table { border:0; border-collapse: collapse; border-spacing: 0;}
img {border:0;}

body {
background: #123;
color: #000;
text-align: center;
font: 14px/125% Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif;
min-width: 751px;
}

#container {width: 751px;margin: 0 auto;padding:0;
text-align: left;}

#header {
width: 751px; 
height: 100px;
padding: 0; 
}

#main{
width: 750px;
overflow:hidden;
background: #a7a7a7;
}
#inner{
padding:10px;
}

#leftCol{
width: 130px;
float:left;
background: #d4d4dc;}

#leftCol ul{
padding: 0;
margin: 0;
}
#leftCol li {
padding: 0;
margin: 0;
list-style: none;
}
#leftCol li a {
font-size:14px;
font-weight:bold;
	display: block;
	width: 111px;
	padding: 4px 5px 4px 10px;
	color: #fff;
	background: #549d6f;
	line-height: 16px;
	overflow:hidden;
	text-decoration: none;
	border-top-width: 2px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #549d6f;
	border-right-color: #000;
	border-bottom-color: #000;
	border-left-color: #549d6f;
}
#leftCol li a:hover,
#leftCol li a:focus {
	background: #137;
	border-top-width: 2px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #09c;
	border-right-color: #000;
	border-bottom-color: #000;
	border-left-color: #09c;
}

#content{
	width: 620px;
	float:left;
	background: #d4d4dc;
}
#contentLeft{
	width: 195px;
	padding:0 5px;
	float:left;
}
#contentRight{
	width: 405px;
	padding:5px 5px;
	float:left;
	background: #eeeef6;
}
.contentList ul{
color:#f00;
padding: 0 0 0 5px;
}
.contentList li {
padding: 3px 0 0 0;
font-size:14px;
line-height:14px;
font-weight:bold;
}
.contentList li a {
color:#006;
}
.contentList li a:hover {
color:#f00;
font-size:14px;
font-weight:bold;
text-decoration:none;
}

#footer {
padding:2px 0 0 0;
width:750px;
height:20px;
overflow: hidden;
font-size: 10px;
text-align:center;
color:#006;
background: #549d6f;
}

/* typography */

a {
text-decoration: none;
color: #006;
font-weight:bold;
outline: none;
}
a:hover, a:focus {
text-decoration: underline;
}

h1 {
	font-size: 2em;
	line-height: 100%;
	color: #c23;
	font-variant: small-caps;
	font-family: Arial, Helvetica, sans-serif;
	font-style: italic;
	font-weight: bold;
	text-align: center;
	margin: 0 0 5px 0;
}
h2 {font-size: 18px;
font-style:italic;
line-height: 20px;
padding: 4px 0;
color: #c23;
}
h3 {font-size: 14px;
line-height: 15px;
color: #000;
padding: 4px 0 0 0;
}
h4 {font-size: 1.2em;
line-height: 130%;
padding: 6px 0;
}
h5 {font-size: 1.1em;
line-height: 130%;
padding: 6px 0;
}
h6 {font-size: 1.1em;
line-height: 130%;
padding: 6px 0;
}
p{padding:4px 0}
blockquote { margin: 4px 20px;}
ol {
padding: 4px 2.5em;
}
ul {padding: 4px 1em;}
ul li {
padding: 0;
margin: 2px 0;
}




/* Assignable */
.clr {clear: both;}
.clear {clear: both; height:1px; visibility:hidden;}
.left {text-align:left;}
.right {text-align:right;}
.center {text-align:center;}
.float-lft {
	float:left;
	padding-right: 6px;
	position: relative;
}
.float-rt {
	float:right;
	position: relative;
	padding: 0;
}
.underline {border-bottom: thin;}
.smaller {font-size:small;}
.larger {
	font-size:larger;
}

.imgBlock{
padding:1px;
background:#123;
text-align:center;
color:#fff;
font-size:12px;
line-height:14px;
}
.imgBlock-lft{
float:left;
padding:1px;
background:#123;
text-align:center;
color:#fff;
font-size:12px;
line-height:14px;
}
.imgBlock-rt{
float:right;
margin:0 0 0 10px;
padding:1px;
background:#123;
text-align:center;
color:#fff;
font-size:12px;
line-height:14px;
}