﻿body 
{
	padding: 0;
	margin: 0;
	background: url(main_files/image/main_bg.jpg) #fffedf repeat-x;
	font: 12px   Geneva, Arial;
    color : #33373c;
}


#wrapper
{
	position: relative;
	width: 897px;
	height: 100%;
	padding: 0;
	margin: 0 auto;
}
	
#logo
{
position: relative;
width: 840px;				
height: 55px;
padding: 0;
margin: 0 auto;	
background: url(main_files/image/logo.jpg) no-repeat;
}


#logo_bar
{
position: relative;
width: 840px;	
height: 29px;
padding: 0;
margin: 0 auto;
background: url(main_files/image/logo_text.jpg) no-repeat ;
background-position: left;
}


		
#wrapper_content
{
	position: relative;
	width: 897px;
	height: 100%;
	padding: 0;
	margin: 0 auto;
	background: url('main_files/image/content_bg.jpg') repeat-y ;
}
	
	
	/* Navigation Part----------------------*/
	#navi
	{
	position :relative;
	margin: 0 7px 14px 37px;
	top: 7px;
	padding: 0;
	
	width: 260px;
	height: 244px;
	background: url(main_files/image/navi_bg.jpg) repeat-x;
	background-color: #c14a06;
    overflow: visible;
    z-index: 90;
	}
		#navi_divs
		{
			top: 18px;
			position: relative;
			padding: 0;
			margin: 0 auto;
			width: 210px;
}
			.navi_div
			{
				background: url(main_files/image/navi_bullet.gif) no-repeat;
				background-position:left;
				padding: 9px 0 9px 0;
				margin: 0;
				border-bottom: solid 1px #ce5705;
			}
			
			.navi_div a
			{
				font: bold 12px Verdana, Arial, Tahoma;
				margin: 0;
				padding: 0 0 0 28px;
				text-decoration: none;
				color: #ffffff;
			}
			.navi_div a:active,.navi_div a:visited, .navi_div a:link
		    {
			   color: #ffffff;
		    }
		    .navi_div a:hover
		    {
			   color: Yellow;
		    }
		
	
		
	/* contains the content and banner ---------*/
	#wrapper_down
	{
		position: relative;
		padding: 0;
		margin: 0 auto;
		width: 900px;
		height: 100%;
	}
	
	#banner
	{
		position: absolute;
		width: 556px;
		height: 244px;
		top: -251px;
		right: 39px;
		padding: 0;
		margin: 0;
	}
	
	
/* CONTENT PAGE ----------------------------*/
p
{
padding: 0;
margin: 0;
letter-spacing: normal;
text-align: justify;
line-height: 15px;
font-size: 12px;
}
	#content
	{
	position: relative;
	width: 824px;
	height: 100%;
	margin: 0 0 0 37px;
	padding: 0;
	}
	
	#content img
	{
		border: 0;
	}
	
		#content_solo
		{
		position: relative;
		width: 804px;
		height: 100%;
		padding: 10px;
		margin: 0;
		background-color: #fffedf;
		}
			#content_solo h2
			{
				padding: 0;
				padding-top: 5px;
			}
			
			#content_solo ul
			{
				padding: 5px 0 0 15px;
				margin: 0;
				font-size: 12px;
			}
			#content_solo li
			{
				list-style-type: square;
			}
			
			/* Communities PFinder*/
			.horizontal_bar
			{
				background: url(main_files/image/short_bar.jpg) #561b0f no-repeat 4px center;
				width: 824px;
				height: 31px;
				margin: 0 auto;
				top: -4px;
				left: -1px;
				padding: 0;
				position: relative;
				
			}
			.horizontal_bar h1
			{
				font-weight: bold;
				font-size: 12px;
				color: white;
				padding: 8px 0 0 18px;
				margin: 0;
				text-align: left;
			}
			
				
			/* End Communites PFinder*/
			
			
			/* communities on-going*/
			
			#content_solo .proj_table
			{
			position: relative;
			background-color: White;
			width: 240px;
			padding: 5px;
			text-align: left;
			}
			#content_solo .proj_info
			{
			 position: absolute;
			 margin: 0;
			 padding: 0;
			 left: 104px;
			 width: 143px;
			 top: 8px;
			}
			
			/* end of communities On-oind */
			
			#content h3
			{
            
			  padding: 30px 0 5px 5px;
			  margin: 0;
			  width: 100%;
			  color: #2b2b24;
			  font: 15px  Geneva, Arial;
			  font-weight: bold;
			  border-bottom: 1px dotted #c0bda0;
			}
			
			#content h2
			{
			padding: 15px 0 5px 5px;
			margin: 0;
			}
			
			#content h4
			{
				padding: 15px 0 5px 5px;
				margin: 0;
				width: 100%;
				color: #2b2b24;
				font-size: 13px;
				font-weight: normal;
				font-style: italic;
			}
			
			#content .imageL
			{
			position: relative;
			padding: 0 8px 3px 0;
			margin: 0;
			float:left;
			}
			
			.content_navi
			{
				padding: 3px 0 3px 0;
				margin: 0;
				width: 100%;
				font-size: 11px;
				border-bottom: 1px dotted #c0bda0;
				color: #d83d00;
			}	
			.content_navi a:active, .content_navi a:link, .content_navi a:visited
			{
			color: #d83d00;
			padding: 0 7px 0 7px;
			margin: 0;
			text-decoration: none;
			}	
			.content_navi a:hover
			{
				color: Red;
			}
				
		
		#content_L
		{
		position: relative;
		width: 626px;
		padding: 0;
		margin: 0;
		min-height:250px;
		height:auto !important;
		height:250px;
		background-color: #fffedf;
		}
			
			
		
		#content_R
		{
		position: absolute;
		top: 0;
		right: 0;
		width: 192px;
		padding: 0 0 10px 0;
		margin: 0;
		height: 250px;
		background-color: #fffedf;
		}
		
		#content_R h2
			{
			padding: 10px 0px 3px 0px;
			margin: 0;
			font-size: 12px;
			text-decoration: none;
			font-style: normal;
			}
		
			.short_bar
			{
			background: url(main_files/image/short_bar.jpg) #fffedf no-repeat top;
			width: 192px;
			}
				.short_bar h1
				{
				font-weight: bold;
				font-size: 12px;
				color: white;
				padding: 3px 0 7px 0;
				padding-left: 7px;
				margin: 0;
				text-align: left;
				}
			.controls
			{
				position: relative;
				margin: 0 auto;
				padding: 5px;
				width: 160px;
				height: 100%;
			}
			.controls h2
			{
				padding: 0;
				margin: 0;
			}
			
			
			
		h1
		{
		padding: 16px 0 3px 7px;
		margin: 0;
		font-weight: bold;
		font-size: 13px;
		color: Maroon;
		font-family: Verdana, Arial;
		}
		
		h2
		{
		padding: 0;
		margin: 0;
		font-weight: bold;
		font-size: 12px;
		color: Maroon;
		font-family: Verdana, Arial;
		}
			
		h2 a:link, h2 a:visited, h2 a:active
		{
		padding: 0;
		margin: 0;
		color: #c94f04;
		text-decoration: none;
		}
		h2 a:hover
		{
		padding: 0;
		margin: 0;
		color: Red;
		text-decoration: none;
		}
	
		.long_bar
		{
		background: url(main_files/image/long_events.jpg) #fffedf no-repeat top;
		width: 219px;
		}
		.long_bar h1
		{
		font-weight: bold;
		font-size: 12px;
		color: white;
		padding: 3px 0 7px 0;
		padding-left: 7px;
		margin: 0;
		text-align: left;
		}
		
	
	.news
	{
	padding: 0 0 16px 0;
	margin: 0;
	border-bottom: 1px dotted #c0bda0;
	}
		.news img
		{
		float: left;
		vertical-align: top;
		padding: 0 3px 3px 0;
		}
		#content_L .news h2
		{
		font-style: normal;
		padding: 0;
		font-size: 12px;
		position: relative;
		text-align: left;
		vertical-align: top;
		
		}
		.news p
		{
			font-size: 9px;
			vertical-align: top;
			line-height: normal;
		}
		
		
			
	.bottom_border
	{
	padding: 0;
	margin: 0;
	margin-top: 5px;
	border-bottom: 1px dotted #c0bda0;
	}	
	
	.image
	{
	padding: 3px;
	padding-bottom: 0;
	margin: 0;
	}	
	
	.info
	{
	padding: 3px;
	margin: 0;
	padding-bottom: 17px;
	border-bottom: 1px dotted #c0bda0;
	}
	
	
	p, pre
	{
	font: 12px  Geneva, Arial;
	font-size: 12px;
	padding: 0;
	margin: 0;
	letter-spacing: normal;
	text-align: justify;
	}
		
	.read_L a
	{
	padding: 0;
	margin: 0;
	color: #f17a42;
	text-decoration: underline;
	font-weight: bold;
	font-size: 9px;
	float: left;
	}
		
		.read_L a:link ,.read_L a:visited ,.read_L a:active
		{
		color: #f17a42;
		}
		
		.read_L a:hover
		{
		color: Red;
		}
	
	
	.read_C
	{
	padding: 0;
	margin: 0;
	color: #575757;
	font-weight: normal;
	text-decoration: none;
	font-size: 0.68em;
	text-align: center;
	}
	
	.read_R a
	{
	padding: 0;
	margin: 4px 0 0 0;
	color: #f17a42;
	text-decoration: underline;
	font-weight: bold;
	font-size: 10px;
	float: right;
	}
		
		.read_R a:link ,.read_R a:visited ,.read_R a:active
		{
		color: #f17a42;
		}
		
		.read_R a:hover
		{
		color: Red;
		}

	.divlink a
	{
	padding: 0;
	margin: 0;
	color: Blue;
	text-decoration: underline;
	}
		
		.divlink a:link ,.divlink a:visited ,.divlink a:active
		{
		color: Blue;
		}
		
		.divlink a:hover
		{
		color:Red;
		}


		
/* FOOTER PART ------------------------------- */
	#wrapper_footer
	{
		position: relative;
		border: 0;
		padding: 0;
		margin: 0 auto;
		height: 46px;
		width: 897px;
	    background: url(main_files/image/footer_bg.jpg) no-repeat center;
	}
	
		#footer
		{
		position:relative;
		margin: 0 auto;
		width: 830px;
		background-color:#c94f04;    
		}
    
         #footer ul
            {
		    padding-top: 8px;
            margin: 0 auto;
            text-align: center;
            }
            
            #footer li
            {
            display: inline;
            }
            
            #footer li a
            {
            padding: 0px 10px 0px 10px;
            font-size: 11px;
            color: White;
            font-family: Verdana, Arial, Tahoma;
            text-decoration: none;
            }
                #footer li a:active, #footer li a:visited, #footer li a:link
                {
                color: White;
                }
            
            #footer li a.wline
            {
            border-right: solid 1px;
            }
            #footer li a.woline
            {
            border-right: none
            }
            





#disclaimer
{
	width: 840px;
	font-size: 10px;
	margin: 0 auto;
	padding: 0;
	color: gray;
	padding-bottom: 20px;
	text-align: center;
}





/* Pbox */


.PopBoxImageSmall
{
	border: none 0px #ffffff;
	cursor: url("main_files/image/images/magplus.cur"), pointer;
}
.PopBoxImageLarge
{
	border: solid 1px #999999;
	cursor: url("main_files/image/images/magminus.cur"), pointer;
}
.PopBoxImageShrink
{
	cursor: url("main_files/image/images/magminus.cur"), pointer;
}
.PopBoxImageLink
{
	cursor: pointer;
}
.PopBoxImageMove
{
	border: none 0px #ffffff;
	cursor: pointer;
}



/* Events */


.events
{
	padding: 20px 5px 2px 5px;
	margin: 0;
	border-bottom: #c68b7a 4px double;
	
}

.events h5
{
	font-weight: normal;
	font-size: 10px;
	color: #838383;
	font-style: normal;
	margin: 0;
	padding: 0;
}

.events h6
{
	padding: 0;
	margin: 0;
	font-weight: bold;
	font-size: 15px;
	color: Maroon;
	font-family: Verdana, Arial;
	
}



.career_title
{
	margin: 0;
	padding: 0;
	margin-left: 10px;
}

.career_title ul
{
	padding: 0;
    margin: 0;
    line-height: 25px;
}


p.career b
{
	font-size: 15px;
}

p.career
{
	font-size: 13px;
}

div.career hr
{
	margin-top: 55px;
}

div.career table
{
	width: 755px;
}


/* for Search */

#searh_content
{
	width: 571px;
	padding: 25px;
}

#category
{
	background-color: #ab302a;
	width: 100%;
	height: 20px;
	padding: 2px;
}

#category table p
{
	
	color: White;
	font-size : 12px;
}

#result_count
{
 
}

#result_count p
{
	color: Red;
	font-weight: bold;
	font-size: 16px;
}




	div.result
	{
		padding: 8px 12px;
		margin: 20px auto;
		width: 460px;
		height: 170px;
		background: #fbfbfb no-repeat right;
		border: solid 1px #dddddd;
	}
	
	div.result h1
	{
		padding: 3px;
		font-family: Arial Narrow;
		font-size: 23px;
		color: #c24b07;
		border-bottom: solid 1px #c24b07;
	}
	
		.info_wrapper
		{
			padding: 0;
			margin: 0;
			width: 460px;
			height: 130px;
			position: relative;
		}
		
		.info_L
		{
			float: left;
			position: absolute;
			top: 23px;
			left : 14px;
			width: 142px;
			height: 93px;
			border: solid 1px #dddddd;
		}
		
		.info_R
		{
			float: right;
			position: relative;
			width: 300px;
			padding: 0;
			margin: 0;
		}
		
			.info_result
			{
				padding: 10px;
			}
			
			.info_result h5
			{
				padding: 0;
				margin: 0;
				font-family: Arial Narrow;
				font-size: 19px;
				color: #5a1a00;
			}
			
			.info_table
			{
				position: relative;
				margin-left: 5px;
				margin-top: 7px;
			}
			
	.result_link
	{
		position: absolute;
		bottom: 0;
		right: 5px;
	}
	
	.result_link a:active, .result_link a:visited, .result_link a:link
	{
		color: #af4408;
		font-family: Trebuchet MS;
		font-weight: bold;
	}
	
	.result_link a:hover
	{
		color: #d0692e;
	}
	
	
.paging
{
    float: right;
    margin-top: 8px;
}

    .paging p
    {
        font-size: 14px;
        font-weight: bold;
        color: Maroon
    }
    .paging p a
    {
        font-size: 12px;
    }
    
    .paging a:link , .paging a:visited
    {
        color: red;
    }
			
	
.events h7
		{
		  padding: 30px 0 0 0;
		  margin: 0;
		  color: #2b2b24;
		  font: 14px  Geneva, Arial;
		  font-weight: bold;
		}


.div_promo
{
     position:relative;
     padding-top: 10px;
     width: 200px;
}		
.promo_logo
{
    position: absolute;
    z-index: 100;
    left: 8px;
    top: -10px;
}