/**PAGE Layout**/
#box2{
	width: 250px;
	background: #FFFFFF;
	padding: 20px 10px;
/*Style the div borders here*/
	border-style:dashed;
	border-width: thin;
	border-color: #99CCFF;

}
/***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:80%
}

/* h2 property for the content page heading */
#content h2 
{ 
color: #0066CC;
margin: 0; 
font-family: Arial;
font-size: 15px 
}

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

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


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


/*End of PAGE layout*/


/*HR Styler*/

hr
{
border: 0;
width: 80%;
color: #000;
background-color: #000;
height: 1px;
}

/*FONT stylers*/		

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

#sb_font
{ 
	color: #0066CC;
	font-family: Arial;
	font-size: 12px;
	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: #FFFFFF; 
font: bold 15px/100% Verdana, Tahoma, sans-serif;
}

/*This will mess with the buttons dimensions and color*/
.submit input {
	width: auto;
	padding: 2px 40px;
	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;}