body 
{
	border-right: 0px; 
	padding-right: 0px; 
	border-top: 0px; 
	padding-left: 0px; 
	font-size: 76%; 
	background: #369; 
	padding-bottom: 0px; 
	margin: 0px; 
	overflow: hidden; 
	border-left: 0px; 
	max-height: 100%; 
	padding-top: 0px; 
	border-bottom: 0px; 
	font-family: arial, verdana, sans-serif; 
	height: 100%
}
* html body 
{
	padding-right: 40px; 
	padding-left: 40px; 
	padding-bottom: 50px; 
	padding-top: 150px
}	   

#container 
{
	padding-right: 40px; 
	padding-left: 40px; 
	font-size: 1.2em; 
	right: 0px; 
	background: #fff; 
	left: 0px; 
	padding-bottom: 20px; 
	overflow: auto; 
	bottom: 50px; 
	padding-top: 20px; 
	font-family: "times new roman", serif; 
	position: fixed; 
	top: 150px; 
	color: #000;  
	
}	 

* html #container 
{
	width: 90%; 
	height: 100%
}	
#header {
	background: #00f; left: 0px; overflow: auto; width: 100%; border-bottom: #000 4px solid; position: absolute; top: 0px; height: 145px; z-index: -1000;padding-right: 40px; 
	padding-left: 40px; 
}
* html #header {
	height: 150px
}
#footer {
	border-top: #000 4px solid; background: #00f; left: 0px; overflow: auto; width: 100%; bottom: 0px; position: absolute; height: 45px;padding-right: 40px; 
	padding-left: 40px; 
}
* html #footer {
	height: 50px
}

#footer p {
	margin: 5px 10px 0px; color: #0f0
}										

#footer a
{
	color: #fff;
}		   

#header a
{
	color : #fff;
}

#header img {
	margin: 10px 10px 0px
}


a 
{
	color: #f00; 
	text-decoration: none
}

a:visited 
{
	color: #f00; 
	text-decoration: none
}

a:hover 
{
	color: #000; 
	text-decoration: none
}


pre
{
     font-size: 18px;
	 font-family: georgia, times, "times new roman", serif;
}

h2
{
	
	font-size: 140%;
	font-weight: bold;
	text-align: left;
	padding-left: 3px;
	border-top: 0px solid #c96;
	border-right: 0px solid #c96;
	border-bottom: 1px solid #00f;
	border-left: 0px solid #c96;
	color: #f00;
	background:#fff;

}

h3 
{
	
	font-size: 120%;
	font-weight: bold;
	text-align: right;
	padding-right: 3px;
	border-top: 0px solid #369;
	border-right: 0px solid #369;
	border-bottom: 1px solid #f00;
	border-left: 0px solid #369;
	color: #00f;
	

}

h4 
{
    font-size: 100%;
    color: #0f0;
    margin: 0;
	 background-color:#fff;
}

ul.smile
{
	list-style-image : url(images/7.gif);
}

ul.frown
{
	list-style-image : url(images/2.gif);
}

ul.idea
{
	list-style-image : url(images/idea.gif);
}


#footer a:hover
{
	color: #fff;
	background-color: #00f;
	text-decoration:underline;
}


.lft {
	float: left;
}

.rgt {
	float: right;
}

.nav {
height:35px; 
background: url(images/bg.gif) repeat-x; 
position:relative; 
font-family:arial, verdana, sans-serif; 
font-size:11px; 
width:90%; 
z-index:100;
margin-left:5%;
margin-right:5%;
}

.nav .table {
display:table; 
margin:0 auto;
}

.nav .select,
.nav .current {
margin:0; 
padding:0; 
list-style:none; 
display:table-cell; 
white-space:nowrap;
}

.nav li {
margin:0; 
padding:0; 
height:auto; 
float:left;
}

.nav .select a {
display:block; 
height:35px; 
float:left; 
font-weight:bold;
background: url(images/bg.gif); 
padding:0 30px 0 30px; 
text-decoration:none; 
line-height:35px; 
white-space:nowrap; 
color:#2b3238;
}


.nav .select a:hover, 
.nav .select li:hover a {
background: url(images/hover.gif); 
padding:0 0 0 15px; 
cursor:pointer; 
color:#2b3238;
}

.nav .select a b{
	font-weight:bold;
	}

.nav .select a:hover b, 
.nav .select li:hover a b {
display:block; 
float:left; 
padding:0 30px 0 15px; 
background:url(images/hover.gif) right top; 
cursor:pointer;
}

.nav .select_sub {
display:none;
}

/* IE6 only */
.nav table {
border-collapse:collapse; 
margin:-1px; 
font-size:1em; 
width:0; 
height:0;
}

.nav .sub {
display:table; 
margin:0 auto; 
padding:0; 
list-style:none;
}

.nav .sub_active .current_sub a, 
.nav .sub_active a:hover {
background:transparent; 
color:#2b3238;
}

.nav .select :hover .select_sub, 
.nav .current .show {
display:block; 
position:absolute; 
width:100%; 
top:35px; 
background:url(images/back.gif); 
padding:0; 
z-index:100; 
left:0; 
text-align:center;
}

.nav .current .show {
z-index:10;
}

.nav .select :hover .sub li a, 
.nav .current .show .sub li a {
display:block; 
float:left; 
background:transparent; 
padding:0 10px 0 10px; 
margin:0; 
white-space:nowrap; 
border:0; 
color:#2b3238;
}

.nav .current .sub li.sub_show a {
color:#2b3238; 
cursor:default; 
}

.nav .select .sub li a {
	font-weight:normal;
}

.nav .select :hover .sub li a:hover, 
.nav .current .sub li a:hover {
visibility:visible; 
color:#73a0d2; 
}

.hr 
{
background: url(images/hr.GIF) repeat-x fixed;
width: 100%;
}

a.boldbuttons{
background: transparent url('images/roundedge-blue-left.gif') no-repeat top left;
display: block;
float: left;
font: bold 13px Arial; /* Change 13px as desired */
line-height: 22px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 30px) */
height: 30px; /* Height of button background height */
padding-left: 8px; /* Width of left menu image */
text-decoration: none;

}

#info {height:300px;}
#info h1 {margin-left:15px;}
h1.split {font-size:2em; position:relative; font-family:georgia, "times new roman", serif; height:1em;}
h1.split span.line {position:absolute; left:0; top:0; color:#0a0; height:0.6em; overflow:hidden; border-bottom:1px solid #fff;}
h1.split span.noline {position:absolute; left:0; top:0; color:#ff0; height:0.6em; overflow:hidden;}
h1.split:before {content:attr(title); position:absolute; left:0; top:0; color:#f0f;}
h1.split span.dgrey {color:#fff;}
h1.ln:before {color:#f00;}
h1.lgrey:before {color:#fff;}

a:link.boldbuttons, a:visited.boldbuttons, a:hover.boldbuttons, a:active.boldbuttons{
color: white; /*button text color*/
}

a.boldbuttons span{
background: transparent url('images/roundedge-blue-right.gif') no-repeat top right;
display: block;
padding: 4px 10px 4px 2px; /*Set 10px to be equal or greater than'padding-left' value above*/
}

a:hover.boldbuttons{ /* Hover state CSS */
text-decoration: underline;
}


.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: 100%;