/* 
FIENDO CSS 
-------------------------
Author: Geert Hoekzema
Date: 22-10-2008
Website: http://fiendo.nl
-------------------------- 
*/


html { 
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	}
body { 
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	
	font-size:78.5%;
	font-family: Arial, Verdana, Sans-serif;
	font-weight:normal;
	line-height:1em;
	color:#333;
	
	background:#ddd; 
	}

/* GENERAL STYLING
-------------------------------------------------------- */
#main-holder { left:13px; top:0; width:775px; padding:1px 4px; margin:0 auto; position:relative; min-height:100%; background:#ddd url("images/backgroundMain.gif") repeat-y scroll center top;  }
#title { background:#183d55 url("images/backgroundTitleBar.gif") repeat-x scroll left top; color:#fff; margin:2px 0; padding:7px 10px;	line-height:1.3em;}
#line {font-size:1px; line-height:.1em; position:relative; display:block; height:3px; background:#333; width:100%; position:relative; margin:0 0 20px;}

#main-navigation {
 font-size:1.1em; margin:0; padding:0; float:left; text-align:right; width:200px; border-right:1px solid #ccc; list-style-type:none; }
#main-navigation li { margin:0; padding:1px 20px 1px 10px; }
#main-navigation li a { 
padding:4px; 
display:list-item; border-bottom:1px dotted #ccc; text-decoration:none; background:#fff url("images/menuArrow.gif") no-repeat scroll left center;}
#main-navigation li a:hover { border-color:#888;}
#main-navigation li.selected a { color:#0081d3; font-weight:bold;}

#content {margin:0 20px;  float:left; width:530px; line-height:1.5em;}
#footer { color:#777;  background-color:#c9d7df; position:absolute; bottom:1px; left:4px;  width:775px; padding:3px 0; font-size:.9em;}
#footer a { color:#777; margin-right:5px; }

/* ELEMENT STYLING
-------------------------------------------------------- */
a { color:#333; }
a:visited { color:#666; }
a:active { color:#b14b19; text-decoration:none;}
a:hover { color:#0081d3; }

.bold { font-weight:bold; }
.italic { font-style:italic; }
.center { text-align:center; }
.right { text-align:right; }
.floatLeft { float:left; }
.floatRight { float:right; }
.clearLeft { clear:left;}
.clearRight { clear:right;}
.clearBoth { clear:both; height:25px;}
.hidden { display:none; } 
.small { font-size:.9em; }

h1,h2,h3,h4,h5,h6 { margin:0 0 5px 0; color:#333;}
h1 { font-size:1.6em; }
h2 { font-size:1.8em; }
h3 { font-size:1.6em; }
h4 { font-size:1.4em; }
h5 { font-size:1.2em; margin:0;}
h6 { font-size:1.0em; }

img { border:0; }


input { font-family:Arial, Verdana, sans-serif; } 
input:focus { background-color:#e4ebee; }