/******************************************************************************************************
/* CSS Document by Roddy P. Carbonell 2008 
*******************************************************************************************************/

* {margin: 0; padding: 0; border: 0 none;}

body, html
{
background: #d8d8d8 url("background.jpg") repeat-x;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;	
}

hr
{
background-color: #ececff;
margin: 0.6em auto;
}

h1, h2, h3
{
color: #FFFF00; /*##e0ff80;*/
font-size: 2.5em;	
padding: 0px 0px 0.5em;
text-align: left;
text-decoration: underline;
}

h2
{
font-size: 1.6em;
}

h3
{
color: #fff;
font-size: 1.4em;
text-decoration: none;
}

img
{
float: left;
padding: 5px;
}

input 
{
background: #fff;
border: 1px solid #000;
padding: 0px 3px;
}

a
{
color: #888;
font-size: 1.2em;
text-decoration: underline;
}

a:visited
{
color: #555;
font-size: 1.2em;
text-decoration: underline;
}

a:hover
{
color: #d00;
font-size: 1.2em;
text-decoration: none;
}

#whole
{
background: #fff url("images/liquid_back.jpg") repeat-y 0% 10%;
border: 1px solid #000;
margin: 1em auto;
width: 70em;
}

#top
{
background: #fff url("images/topback.jpg") repeat-x;
color: #000;
font-size: 1.0em;
height: 14.5em;
margin: 0px auto 1em 22em;
padding: 0.5em;
width: 47em;
}

#top_left
{
float: left;
margin: 5px;
padding: 5px;
width: 62%;
}

#top_left h1
{
background: #fff url("images/whitebck.jpg") repeat-x;
color: #000;
padding: 5px;
text-decoration: none;
text-align: center;

}

#top_left ul
{
text-align: center;
list-style-type: disc;	
}

#top_left ul li
{
display: inline;
}

#top_left ul li a
{
color: #FF0;
font-size: 1em;
margin-left: 1em;
text-decoration: underline;
}

#top_left ul li a:hover
{
  text-decoration: none;
}

#top_right
{
color: #fff;
margin: 5px 5px 5px 31em;
padding: 5px;
width: 30%;
}

#leftside
{
background: #326386 url("images/gradient_1.jpg") repeat-y;
color: #fff;
float: left;
height: auto;
padding: 1em;
width: 19em;
}

#leftside h2
{
color: #FFFFC5;
text-decoration: none;
}

#leftside a
{
color: #ff0;
}

#button
{
margin: auto;
}

#button ul 
{
	list-style: none;
	margin:  auto;
	padding: 1px;
	}
		
#button li 
{
	margin: 1em auto;
}

#button li a 
{
background: #3D6A87 url("images/butback.jpg") repeat-y;
border: 1px solid #000;		
border-left: 4px solid #ff0;
color: #ff0;
display: block;
font-size: 1.4em;
margin: 0px auto;
padding: 0.5em;
text-decoration: none;
width: 12.5em;
	}

#button li a:hover
{
background: #fff;
border: 1px solid #000;
border-left: 4px solid #000;/*#4D7E9C;*/
font-size: 1.4em;	
font-weight: bold;
color: #000;
text-align: right;
}

#rightside
{
background: #ffe;
border: 1px solid #000;
float: right;
margin: 0 0.5em 0.5em 0.5em;
padding: 0.5em;
width: 46.4em;
}

#rightside h1, #rightside h2
{
color: #000000;
text-align: left;
}

#rightside ul
{
margin-left: 1.5em;
}

#rightside ul li
{
list-style-type: square;
margin-bottom: 0.5em;
}

#rightside ul li a
{}

#bottom
{
background: #326386 url("images/gradient_1.jpg") repeat-y;
color: #fff;
clear: both;
padding: 0.5em;
}

#bottom a
{
color: #FF0;
}

#bottom_2
{
background: #fff  url("images/whitebck.jpg") repeat-x;
margin: 0.5em;
padding: 0.5em;
}

#bottom_2 ul
{
text-align: center;
list-style-type: disc;	
}

#bottom_2 ul li
{
display: inline;
}

#bottom_2 ul li a
{
color: #000;
font-size: 1.5em;
margin-left: 1em;
text-decoration: none;
}

#bottom_2 ul li a:hover
{
text-decoration: underline;
}

.back_extra
{
background: #E6F5E6;
}