@charset "utf-8";
/* CSS Document */
/***** Global Settings *****/

html, body {
border:0;
/* margin:0; */
padding:0;
}

body {
font:100%/1.30 arial, helvetica, sans-serif;
text-align: center;
/** background-color:#454d5a; **/
background-color:#111648;
}

/***** Layout *****/
#wrapper {
margin:0 auto;
width:960px;
text-align:left;
background:url(lo/clem_wrapper_bg.jpg) repeat-y;
}
#header_home {
width:960px;
height:160px;
background:url(lo/clem_header_home_bg.jpg) top left no-repeat;
}
#header {
width:960px;
height:107px;
background:url(lo/clem_header_bg.jpg) top left no-repeat;
}
#topnav {
width:960px;
height:34px;
background:url(lo/clem_nav_bg.jpg) top left no-repeat;
}
#main {
float:left;
width:960px;
}
#sidebar {
float:left;
width:198px;
background:url(lo/clem_sidebar_bg.jpg) top left repeat-y;
}
#leftnavcol {
float:left;
width:187px;
min-height:290px;
background:url(lo/clem_leftnav_bg.jpg) top left no-repeat;
background-color:#596174;
}
#content {
float:right;
width:740px;
}
#pre_footer {
clear:both;
width:960px;
height:43px;
background:url(lo/clem_prefooter_bg.jpg) top left no-repeat;
}
#footer {
clear:both;
width:960px;
height:29px;
background:url(lo/clem_footer_bg.jpg) top left no-repeat;

}
/***** Top Navigation *****/

#topnav {
  font-family:Arial, Verdana, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: bold;
  text-align: left;
  height:34px;
  line-height:1.5;
}

#topnav ul {
  list-style: none;
	margin: 0;
	padding: 0;
	padding-top: 3px;
	padding-left: 2px;
}

#topnav li {
	display: inline;
}
#topnav a:link, #topnav a:visited { 
	padding: 5px 10px 1px 10px;  
	color: #003366;
	background-color:transparent;
	text-decoration: none;
	border-bottom:none;
}

#topnav a:hover {
	color: #fff;
	border-bottom:none;
}

#topnav .active a:link, #topnav .active a:visited, #topnav .active a:hover.active  {
	color: #fff;
	background-color:transparent;
	text-decoration: none;
	border-bottom:none;
}
/***** LEFT (SIDE BAR) NAVIGATION *****/

#leftnav {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	margin: 0;
}
#leftnav ul {
  list-style: none;
	width:187px;
	margin-top: 10px;
	padding: 0;
}
#leftnav li {
   padding:0 0 1px 0;
   margin:0;
   width:187px;
}
#leftnav li a:link, #leftnav li a:visited, #leftnav li a:hover  {
   line-height: 1.5;
   padding-left:10px;
   font-weight:bold;
   height:26px;
   display: block;
   text-align: left;
}

#leftnav li a:link {
   color:#FFFFCC;
   text-decoration: none;     
   background-image:url(lo/btns_left_nav.gif);
   background-position:left top;
   background-repeat:no-repeat;
   border-bottom:none;
}

#leftnav li a:visited  {
   color:#FFFFCC;
   text-decoration: none;     
   background-image:url(lo/btns_left_nav.gif);
   background-position:left top;
   background-repeat:no-repeat;
   border-bottom:none;
}

#leftnav li a:hover {
   color:#fff;
   background-color:transparent;
   text-decoration: none;     
   background-image:url(lo/btns_left_nav.gif);
   background-position: left bottom;
   background-repeat:no-repeat;
   border-bottom:none;
}

#leftnav .here a:link, #leftnav .here a:visited, #leftnav .here a:hover {
   color:#fff;
   background-color:transparent;
   text-decoration: none;     
   background-image:url(lo/btns_left_nav.gif);
   background-position: left bottom;
   background-repeat:no-repeat;
   border-bottom:none;
}


/***** Common Formatting *****/

h1, h2, h3, h4, h5, h6 {
margin:0;
padding:0;
font-weight:normal;
}

h1 {
padding:30px 0 25px 0;
font:2em arial, helvetica, sans-serif;
}
#sidebar h1 {
padding:4px 0 3px 2px;
font:16px arial, helvetica, sans-serif;
color:#fff;
font-weight:bold;
}
h2 {
padding:20px 0;
letter-spacing:-1px;
font:1.5em arial, helvetica, sans-serif;
}

h3 {
font:1em arial, helvetica, sans-serif;
font-weight:bold;
}

p, ul, ol {
margin:0;
padding:0 10px 18px 0;
}
p {
font-size:.90em;
color:#576173;
}
#sidebar p {
font-size:.85em;
color:#fff;
}
.smaller {
font-size:85%;
}
.caption {
font-size:75%;
font-weight:bold;
text-align:center;
}
#sidebar a:link, #sidebar a:visited {
font-size:inherit;
color:#fff;
background-color:transparent;
text-decoration:underline;
}
#sidebar a:hover {
font-size:inherit;
color:#fff;
background-color:#111648;
text-decoration:none;
}
#excerpt p {
font-size:.85em;
padding:0 12px 5px 2px;
text-indent:1.5em;
line-height:1.1;
}
#footer p  {
margin:0;
color:#758197;
background-color:transparent;
font-size:11px;
padding-top:7px;
margin-bottom:-7px;
padding-left:10px;
line-height:1.0;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-decoration:none;
}
#footer a:link, #footer a:visited, #footer a:hover {
font-size:11px;
color:#758197;
background-color:transparent;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-decoration:none;
line-height:1.0;
}
.calloutbox_left {
float:left;
text-align:center;
padding: 5px 7px 5px 5px;
background-color:#c7c19d;
border:1px solid #576173;
margin-right:5px;
margin-bottom:5px;
}
.calloutbox_left p {
font-size:.80em;
color:#000;
line-height:1.0;
}
.calloutbox_right {
float:right;
text-align:center;
padding: 5px 7px 5px 5px;
background-color:#c7c19d;
border:1px solid #576173;
margin:0 5px 5px 5px;
}
.calloutbox_right p {
font-size:.80em;
color:#000;
line-height:1.0;
}
#subfooter p {
margin:2em 0 0 0;
color:#758197;
background-color:transparent;
font-size:10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-decoration:none;
}
#subfooter a:link, #subfooter a:visited, #subfooter a:hover {
color:#758197;
font-size:10px;
background-color:transparent;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-decoration:none;
}
ul, ol {
list-style:none;
padding:0 0 18px 40px;
}

blockquote {
margin:22px 40px;
padding:0;
}

small {
font-size:0.85em;
}

img {
border:0;
}
img.heading {
margin:.25em 0 1em 0;
}
#leftnav a:hover {
background-color:transparent;
}
hr {
border: 0;
color: #576173;
background-color: #576173;
height: 1px;
width: 85%;
text-align: left;
}

sup {
position:relative;
bottom:0.3em;
vertical-align:baseline;
}

sub {
position:relative;
bottom:-0.2em;
vertical-align:baseline;
}

acronym, abbr {
cursor:help;
letter-spacing:1px;
border-bottom:1px dashed;
}

/***** Links *****/

a:link {
color:#576173;
text-decoration:underline;
}
a:visited {
color:#768298;
text-decoration:underline;
}
a:hover {
color:#fff;
background-color:#576173;
text-decoration:none;
}

/***** Forms *****/

form {
margin:0;
padding:0;
display:inline;
}

input, select, textarea {
font:1em arial, helvetica, sans-serif;
}

textarea {
line-height:1.25;
}

label {
cursor:pointer;
}

/***** Tables *****/

table {
border:0;
margin:0 0 18px 0;
padding:0;
}

	table tr td {
	padding:2px;
	}

/***** Wrapper *****/

#wrap {
width:960px;
margin:0 auto;
}

/***** Global Classes *****/

.clear 			{ clear:both; }

.float-left 	{ float:left; }
.float-right 	{ float:right; }

.text-left 		{ text-align:left; }
.text-right 	{ text-align:right; }
.text-center 	{ text-align:center; }
.text-justify 	{ text-align:justify; }

.bold 			{ font-weight:bold; }
.italic 		{ font-style:italic; }
.underline 		{ border-bottom:1px solid; }
.highlight 		{ background:#ffc; }

.wrap 			{ width:960px;margin:0 auto; }

.img-left 		{ float:left;margin:4px 10px 4px 0; }
.img-right 		{ float:right;margin:4px 2px 4px 10px; }

.nopadding 		{ padding:0; }
.noindent 		{ margin-left:0;padding-left:0; }
.nobullet 		{ list-style:none;list-style-image:none; }