/**PAGE Layout**/

/***Main Container***/
#container
{	
	margin: 0 auto;
	background: #fff;
}

/*The Top Navi Of MembersPage*/
#topnavi
{

float: right;
background: #FFFFFF;
padding: 4px
}

#header
{
	background: #FFFFFF;
	padding: 20px;
}

#header h1 
{ 
	margin: 0;
	color: #0066CC;
	font-family: Arial;
	font-size: 20px 
}
/*General Navigation*/
#navigation li a:hover { background: #0066CC; }

#navigation
{
	float: left;
	width: 100%;
	background: #3399FF;
}

#navigation ul
{
	margin: 0;
	padding: 0;
}

#navigation ul li
{
	list-style-type: none;
	display: inline;
}

#navigation li a
{
	display: block;
	float: left;
	padding: 5px 10px;
	color: #fff;
	font-size: 10px;
	font-family: Arial;
	text-decoration: none;
	border-right: 1px solid #fff;
}



/*Content Container inside the General Container*/
#content-container
{
	float: left;
	width: 100%;
	background: #FFFFFF
}


#content
{
	clear: left;
	float: left;
	width: 60%;
	padding: 20px 0;
	margin: 0 0 0 4%;
	display: inline;
	height:100%;
}

/* h3  property for the content page heading */
#content h4{ 
font-family: Arial;
color: #0066CC;
margin: 0; 
}

#sidebar
{
	float: right;
	width: 26%;
	padding: 20px 20px;
	margin: 0 3% 0 0;
	display: inline;
	background: #FFFFFF;
	height:100%;
	text-align: left;
	
	/*Style the div borders here*/
	border-left-style:dashed;
	border-width: thin;
	border-color: #E5E5E5;
}

#sidebar h3 
{ 
margin: 0;
color: #0066CC;
font-family: Arial;
font-size: 15px 
}


#footer
{
	clear: left;
	background: #3399FF;
	text-align: center;
	padding: 10px;
	height: 1%;
}


/*End of PAGE layout*/

/*table stylers
table.form_table {

border-width: 1px;
font-family: verdana,arial,sans-serif;
font-size: 13px;
color:#000988;
border-collapse: collapse;
}
		
table.form_table td {
border-width: 1px;
background-color:#ffffff;
padding: 3px;
border-style: none;
border-color: #ff0000;
}
*/


/*HR Styler*/

/*FONT stylers*/		

#cont_font
{ 
	color: #3399FF;
	font-family: Arial;
	font-size: 10px;
	
}

#sb_font
{ 
	color: #3399FF;
	font-family: Arial;
	font-size: 11px;
	text-align: center;
}

#sb_error
{ 
	color: #FF0000;
	font-family: Arial;
	font-size: 12px;
	text-align: center;
}



#txtfooter
{ 
	color: #FFFFFF;
	font-family: Arial;
	font-size: 10px;		
}



/*FORM Styler*/
/*My Custom CSS3 Logon Form :) Coool!*/	
/*This takes care of the general "input" property*/	
input{ 
padding: 0px;
font: bold 10px/100% Verdana, Tahoma, sans-serif;
width: 180px;
background: #FFFFFF;
border: solid 1px #E5E5E5;
height: 20px;
}	
	
/*This will color the border of the input boxes...on-hover*/
input:hover, textarea:hover,
input:focus, textarea:focus { 
	border-color: #3399FF; 
	}

/*The label did not function for some reason i cant understand...*/
.form label { 
margin-left: 10px; 
color: #0066CC; 
font: bold 10px/100% Verdana, Tahoma, sans-serif;
}

/*This will mess with the buttons dimensions and color*/
.submit input {
	width: auto;
	padding: 2px 20px;
	background: #3399FF;
	border: 0;
	font-size: 12px;
	color: #FFFFFF;
}

/*This affected the label instead*/
p {
font: bold 10px/100% Verdana, Tahoma, sans-serif;
color: #0066CC;
}

/*GENERAL LINK CLASS STYLERS*/

a.tree:link { color: #0066CC; text-decoration: none;}
a.tree:visited { color: #0066CC; text-decoration: none;}
a.tree:hover { color: #0066CC; text-decoration: underline;}
a.tree:active { color:#0066CC; text-decoration: none;}

a.cat:link { color: #000988; text-decoration: none;}
a.cat:visited { color: #000988; text-decoration: none;}
a.cat:hover { color: #000988; text-decoration: underline;}
a.cat:active { color:#000988; text-decoration: none;}