@charset "iso-8859-1";
 /*#############################################################

Author: Arnel E. Siazon
arnelsiazon@gmail.com

#############################################################*/   	
 
/********************************************
   HTML ELEMENTS
********************************************/ 
* { padding: 0; margin: 0; }

body {
	
	background:#ffffff;
	font: 12px Arial, Helvetica, sans-serif;
	color:#666666;

	
	}
	
	
h1 { font: 22px Arial, Helvetica, sans-serif; color:#0065A4; font-weight: bold; margin-bottom:5px;} 
h2 { font: 15px Arial, Helvetica, sans-serif; color:#387C2C; font-weight: bold; } 
h3 { font: 22px Arial, Helvetica, sans-serif; color:#0065A4; font-weight: bold; margin-bottom:10px; border-bottom:solid #999999 1px;} 
h4 { font: 13px Arial, Helvetica, sans-serif; color:#666666; font-weight: bold; } 







/* links */
a {

color: #387C2C;
}

a:visited {
	color: #387C2C;
}


a:hover {
	color:#387C2C;
	text-decoration:underline;


}




img {
	border: 0;
}
a {
	font-weight: bold;
	text-decoration: none;
}


input, textarea {
	padding: 4px;
	border:1px solid #333333;
	font: normal 1em Verdana, sans-serif;
	color:#3F3F3F;
}



#global {
margin: 0 auto;
height:auto;
width:1024px;
background:#FFFFFF;

}

#header {
height:164px;
margin:20px 0 0 0;
}

#header a{
color:#ffffff;
font-size:13px;
}


#header-left {
float:left;
height:137px
}

#header-mid {
background:url(../images/connectus_left.jpg) no-repeat;
float:left;
width:821px;
height:163px;
margin: 0 0 0 0;
color:#0065A4;
}

#header-mid a {
font-weight:normal;

}

#joinbox{
position:relative;
top:125px;
left: 58px;
width:460px;
}



#submit-join {

	width:68px;
	height:21px;
	text-indent:-9999px;
	overflow:hidden;
	border:0;
	background: url(../images/submit-join.png) no-repeat 0 0;
	cursor:pointer !important; cursor:hand;
}

#submit-join:hover {
	background: url(../images/submit-join-hover.png) no-repeat 0 0;
}

#uppernavi{
float:right;
margin:80px 10px 10px 10px;
text-align:right;
}








#container{

padding:none;
margin: 15px 0 0 0;
}


#sidebar{
width:234px;
float:left;
margin:0 0 30px 0;

}


#sidebar label {
	float:left;

	text-align:right;
	margin-right:1em;
}


#sidebar input {
margin:0 0 0 0;
	width:18em;
	border:1px solid #ddd;
	background:#fafafa;

	-moz-border-radius:0.4em;
	-khtml-border-radius:0.4em;
}


#submit-go {

	width:15px;
	height:17px;
	text-indent:-9999px;
	overflow:hidden;
	border:0;
	background: url(../images/submit-go.jpg) no-repeat 0 0;
	cursor:pointer !important; cursor:hand;
}










#middle{
	float:left;
	width: 750px;
	margin: 0 15px 50px 15px;
}



#info{
margin: 0 0 10px 0;
}


#info2{
margin: 0 0 10px 0;
padding: 5px 0px 0px 0px;
}

#head_img{
float:left;
}

#headline{
float:left;
width:370px;
margin: 0 0 0 5px;
}

#info_cl{
clear:both;
height: 1px;
}


#info-local{
margin: 0 0 15px 0;
padding: 0 0 0 5px;
}

#info-local a{
color:#666666;
font-weight:normal;
font-size: 12px;
}

#info-local a:hover{
color:#999999;

}






.read1 a{
color:#387C2C;
font-weight:normal;
font-size:11px;
}

#arc{
float:right;
margin-top:5px;
}

#arc a{ font-weight:normal;}



#rightside{
width:296px;
float:left;

}







#box{
text-align:center;

}





#end{ clear:both;}

#footer{
color:#fff;
background:url(../images/gradient.jpg) #fff repeat-x;
margin: 0 0 10px 0;
width:1024px;
height:30px;
padding: 10px;
}

#footer a{
color:#FFFFFF;
font-weight:normal;
}



#footer-left {
float:left;
}



#footer-right {
float:right;
text-align:right;
}