/*
Design by rooeh.net
http://www.rooeh.net
Released for free under a Creative Commons Attribution 2.5 License
*/


body {
background-color: #776B62;
color:#72746F;  
text-align:justify;
font-family: arial;
font-size:8pt;
letter-spacing: 2px;
}

#container{
width:750px;
height:100%;
margin: 0 auto;
padding:3px;
background-color:#F5F5F5;
border:1px solid #ccc;}

#header{
width:750px;
height:300px;
margin-bottom: 4px;
background-color:#e1e1e1;}


#content { 	
margin-bottom: 10px;
width:565px;
float:left;
padding:0;
text-align:justify;
vertical-align: middle;	
background-color:#f9f9f9;
}


#sidebar {
float:right;
width:180px;
font-size:8pt;
margin:0 0 0 0;
padding:0;
background-color:#f9f9f9;
}

#footer {
clear:both;
bottom:0;
margin:0;
padding:0;
height:4em;
line-height:4em;
text-align:center;
font-size:6pt;
color:#55555;
text-transform: uppercase;
letter-spacing: 1.5px;
background-color:#f5f5f5;
}

a.nav, a.nav:active, a.nav:link, a.nav:visited {
display: block;
text-align: center;
font-family: Courier New;
font-size: 7pt;
font-weight: normal;
letter-spacing: 3px;
background: #DBD8D4;
border-bottom: 1px solid #f9f9f9;
color: #666;
height: 16px;
text-transform: uppercase;
line-height: 16px;
}

a.nav:hover {
display: block;
text-align: center;
font-family: Century Gothic;
font-size: 9pt;
font-weight: normal;
letter-spacing: 0px;
background: #C0B9AD;
border-bottom: 1px solid #f9f9f9;
color: #FFFFFF;
height: 16px;
text-transform: uppercase;
line-height: 16px;
}


#header h1 {
	margin: 0 1em 0 0;
	padding: 80px 0 0 0;
	text-align: center;
	letter-spacing: -1px;
	font-size:1.2em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

#header h2 {
	margin: 0 1em 0 0;
	padding: 0 0 0 0;
	text-align: center;
	letter-spacing: 2px;
	font-size: .8em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#f8f8f8;
}


h1{
margin:0;
padding:1em 0 .4em 0;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:1.1em;
}


#content h2 {
margin:0 0 -.5em 0;
padding-left: 5px;
font-family: rockwell;
text-transform: uppercase;
font-size: 14pt;
color:#FFFFFF;
background-color:#C0B9AD;
border-bottom: 1px solid #B2AA9B;
}

#content h3 {
margin: 10px 0 5px 0;
padding: 0 5px 0 0;
font-family: courier new;
font-size: 7pt;
color: #666;
text-transform: uppercase;
letter-spacing: 3px;
text-align: right;
background-color: #DBD8D4;
}

h4 {
margin:0 0 -.5em 0;
padding-left: 5px;
font-family: rockwell;
text-transform: uppercase;
text-align: center;
font-size: 14pt;
color:#FFFFFF;
background-color:#C0B9AD;
border-bottom: 1px solid #B2AA9B;
}

a {
color:#72746F;
font-family: arial;
font-size: 6pt;
text-transform: uppercase;
letter-spacing: 1pt;
text-decoration:none;
font-weight: bold;
}

a:hover {
color:#ddd;
font-family: arial;
font-size: 6pt;
text-transform: uppercase;
letter-spacing: 1pt;
text-decoration:none;
font-weight: bold;
}

b, strong {
color: #D18FF3;
font-family: arial;
font-size: 6pt;
text-transform: uppercase;
letter-spacing: 1pt;
}

i, em {
color: #16C1C8;
font-family: georgia;
font-size: 8pt;
text-transform: lowercase;
letter-spacing: 1pt;
}

u {
color: #FF99CC;
font-family: arial;
font-size: 6pt;
font-weight: bold;
text-transform: uppercase;
border-bottom: 1px dotted #776B62;
letter-spacing: 2pt;
}

s, strike {
color: #FFC154;
font-family: tahoma;
font-size: 8pt;
text-transform: lowercase;
letter-spacing: 1pt;
}

small {
color: #EF4F62;
font-family: arial;
font-size: 6pt;
text-transform: uppercase;
letter-spacing: 1pt;
}

big {
color: #B4D830;
font-family: georgia;
font-size: 20pt;
text-transform: lowercase;
letter-spacing: 1pt;
}

input, textarea {
background-color: #FFFFFF;
font-size: 8pt;
font-family:  tahoma;
color: #72746F;
border: 1px solid #B2AA9B;
padding-left:2px;
padding-right:2px;
margin-bottom:2px;
letter-spacing: 2px;
}
