/********************************************
Author: Roi Perez - roi@roiperez.com - http://roiperez.com
Website: http://www.mlros.com/
********************************************/
 
/********************************************
   HTML ELEMENTS
********************************************/ 

/********************************************
Top Elements
********************************************/ 

* 
{
margin: 0; padding: 0;
} 

body 
{
margin: 0; padding: 0;
background: #D0CCCA;
color: #666666;	
text-align: center; font-style:normal; font-variant:normal; font-weight:normal; line-height:1.5em; font-size:71%; font-family:Verdana, Trebuchet MS, Arial, Sans-serif		
}

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

a 
{
color: #3182C0; 
padding-left: 3px;
}

a:hover 
{
color: #72A545;
}

/********************************************
headers
********************************************/ 

h1, h2, h3 
{
font: bold 1em 'Trebuchet MS', Tahoma, Sans-serif;
text-transform: uppercase;
color: #555;
}

h1 
{ 
font-size: 1.5em; 
}

h2 
{ 
font-size: 1.3em; 
}

h3 
{ 
font-size: 1.2em; 
text-transform: none;
}

#main h1, #rightbar h1 
{
padding: 10px 0 5px 5px;
margin: 0 0 0 10px;
text-transform: uppercase;
border-bottom: 1px solid #f2f2f2; 	
}	

#sidebar h1 
{
background: url('images/square_arrow.gif') no-repeat 15px 12px;
margin: 0;
text-transform: uppercase; padding-left:40px; padding-right:0px; padding-top:10px; padding-bottom:5px	
}

p, h1, h2, h3 
{
margin: 10px 15px;
}

ul, ol 
{
margin: 10px 30px;
padding: 0 15px;	
color: #3182C0;	
}

ul span, ol span 
{
color: #666666;
}

h4
{
position: absolute;
margin: 0; padding: 0;
font: bold 1em 'Trebuchet MS', Arial, Sans-serif;
color: #FFF;
top: 43px; left:173px;
}

/********************************************
generic elements
********************************************/ 
#photo 
{
text-align:center;
}

acronym 
{
cursor: help;
border-bottom: 1px solid #777;
}

blockquote 
{
border-right:1px solid #f2f2f2; border-top:1px solid #f2f2f2; border-bottom:1px solid #f2f2f2; margin:15px; background:#FAFAFA url('images/quote.gif') no-repeat 8px 10px !important; border-left:3px solid #3182C0; font-weight: bold; padding-left:32px; padding-right:0; padding-top:0; padding-bottom:0 
}

td
{
padding-left: 10px;
}

/********************************************
form elements
********************************************/ 

form 
{
margin:10px; 
padding: 0;
}

label 
{
display:block;
font-weight:bold;
margin:5px 0;
}

input 
{
padding: 4px;
border:1px solid #bbbbbb;
font: normal 1em/1.5em Verdana, sans-serif;
color:#777;
background: #FFF;
}

textarea 
{
width:400px;
padding:4px;	
font: normal 1em/1.5em Verdana, sans-serif;
border:1px solid #eee;
height:100px;
display:block;
color:#777;
}

input.button 
{ 
margin: 0; 
font: bold 1em Arial, Sans-serif; 
border: 1px solid #CCC;	
background: #FFF; 
padding: 2px 3px; 
color: #333;	
}

/********************************************
Layout
********************************************/

#wrap 
{
margin: 0 auto;
width: 80%;  	
text-align: left;		
background: #FFF;	
}

#content-wrap 
{
clear:both;
margin: 0; padding:0;
width: 100%;	
}

/********************************************
Header
********************************************/

#header 
{
position: relative;
background: url('images/headerbg-blue.gif') repeat-x;
height: 117px	
}


#header h1#logo 
{
position: absolute;
margin: 0; padding: 0;
font: bolder 4.1em 'Trebuchet MS', Arial, Sans-serif;
letter-spacing: -2px;
color: #CCC;
text-transform: lowercase;
top: 0; left: 5px;	
}

#headerwhite
{
position: relative;
background:#ffffff;
height: 90px	
}

#blueline
{
margin: 0; padding: 0;
background: url('images/blueline.jpg') repeat-x;
position:relative;
height:25px;
}


#headerwhite h1#logo 
{
position: absolute;
margin: 0; padding: 0;
font: bolder 4.1em 'Trebuchet MS', Arial, Sans-serif;
letter-spacing: -2px;
color: #CCC;
text-transform: lowercase;
top: 0; left: 5px;	
}

/********************************************
Main Column
********************************************/

#main 
{
float: left;
margin-left: 15px;
padding: 0;
width: 50%;	
border-left: 1px solid #f2f2f2;
}

/********************************************
Sidebar
********************************************/

#sidebar 
{
float: left;
width: 20%;
margin: 0;	padding: 0; 
display: inline;	
}

#sidebar ul.sidemenu 
{
list-style: none;
text-align: left;
margin: 0 0 8px 0;	
padding-right: 0;		
text-decoration: none;
}

#sidebar ul.sidemenu li 
{
border-bottom: 1px solid #EFF0F1;
background: url('images/arrow.gif') no-repeat 2px 5px;
padding-left:20px; padding-right:5px; padding-top:2px; padding-bottom:2px	
}

* html body #sidebar ul.sidemenu li 
{ 
height: 1%; 
}

#sidebar ul.sidemenu a 
{
font-weight: bold;
background-image: url('none');
text-decoration: none	
}


#sidebargrey 
{
float: left;
width: 186px;
margin: 0;	padding: 0; 
display: inline;	
background-color:#666676;
height:800px;
}

#sidebargrey ul.sidemenu 
{
list-style: none;
text-align: left;
margin: 0 0 8px 0;	
padding-right: 0;		
text-decoration: none;
}

#sidebargrey ul.sidemenu li 
{
color: #ffffff;
border-bottom: 1px solid #666676;

background: url('../Local%20Settings/Temporary%20Internet%20Files/Content.IE5/WTQN4PU3/images/arrow.gif') no-repeat 2px 5px;
padding-left:10px; padding-right:5px; padding-top:2px; padding-bottom:2px	
}

* html body #sidebargrey ul.sidemenu li 
{ 
height: 1%; 
}

#sidebargrey ul.sidemenu a 
{
font-weight: bold;
color: #ffffff;
background-image: url('../Local%20Settings/Temporary%20Internet%20Files/Content.IE5/WTQN4PU3/none');
text-decoration: none	;
font-size:10px;
}
#sidebargrey ul.sidemenu h6
{
color: #8CC944;
font: bolder 'Trebuchet MS', Arial, Sans-serif;
}

/********************************************
Rightbar
********************************************/

#rightbar 
{
float: right;
width: 30%;
padding: 0;			
}

#rightbar2
{
background-image: url('/images/loginbox.jpg');
background-repeat:no-repeat;
width: 160px;
height:230px;
padding: 0			
}
/********************************************
Footer
********************************************/

#footer 
{
clear: both;
background: #FFF url('images/footerbg.gif') repeat-x left top;
border-top: 1px solid #F2F2F2;
text-align: center;	
height: 50px	
}

#footer a 
{
text-decoration: none;
font-weight: bold;
}