/* CSS Document */
/* These are the container definitions. These will alter the alignments and colors of the container background */

body {background-color: #9a090c;text-align:center;
	vertical-align:top;margin:0;padding:0;}
	
a:link {color: #000000; text-decoration:none; border:none;} /* link itself */
a:visited {color: #FFFF00;text-decoration:none;border:none;}  /* visited link */
a:hover {color:#0000CC; text-decoration:none;border:none;}   /* mouse over link */
a:active {color:#000000; text-decoration:none; font:bold;border:none;} /* currently on page of link */
		
#container {text-align:center;width: 800px;border: #000000 thin solid;
	margin:0;padding:0;}
	
/* These are the Header definitions. These will alter the alignments and colors of the Header elements */
#hdtop {background:url(pimages/top_head_bg.jpg) top center no-repeat;text-align: right;
	width: 800px;height: 128px;margin:0px;padding:0px;}
		
#hdbot {background:url(pimages/bot_head_bg.jpg) top center no-repeat;text-align: left;
	width: 800px;height: 262px;margin:0px;padding:0px;}
	
	#rnd_head {	margin: 4px 0px 0px 135px;padding:0px;}
		
/* These are the Body definitions. These will alter the alignments and colors of the Body elements */
#mid {background:url(pimages/main_bg.jpg) top center repeat-y;
	width:800px;margin:0px;padding:0px;}
	
table.mid { height: inherit;}
#left {width:205px; vertical-align:top; margin:0px; padding:0px;}
h1.left {text-align:left;color:#990000;font: bold italic 16px Arial, Helvetica, sans-serif;
	text-decoration: underline;margin:0px 0px 5px 0px;padding:0px;}

#ads {text-align:center;margin:5px 5px 5px 10px; padding:0px;}

#right {text-align:left; vertical-align:top; margin: 0px; padding:0px;}
#nav { height:30px; text-align:center; vertical-align: top; margin: 0px; padding:0px 0px 0px 5px;}
	img.nav_butt {margin: 0px 0px 0px 0px; padding:0px;}
#content{margin:0px 10px 5px 5px; padding:0px;}

h1.pghd {color:#990000;font: bold italic 16px Arial, Helvetica, sans-serif;
	text-decoration: underline;margin:0px;padding:5px 0px 5px 0px;}
#pghd {color:#990000;font: bold italic 16px Arial, Helvetica, sans-serif;
	text-decoration: underline;margin:0px;padding:5px 0px 5px 0px;}

#moto {	font: 20px Arial, Helvetica, sans-serif;
		text-align:center; margin: opx;	padding: 0px;}
#pg_cont { width: 560px; border:0px; background:none; text-align: left;margin:10px 0px 0px 20px;	padding:0px;}		
#en_text {font: 14px Arial, Helvetica, sans-serif;}
		#en_cont {background:none;}
div.en {text-align:justify;margin:30px 0px 0px 5px; padding:0px 10px 0px 0px;}
#sp_text {font: italic 14px "Times New Roman", Times, serif;color: #990000;}
		#sp_cont {background:none;}
div.sp {text-align:justify; margin:20px 5px 0px 5px; padding:0px 10px 0px 0px;}
div.pgtxt { text-indent:50px;}				
#text_pic { vertical-align:top;height:250px; width: auto;
			margin: 10px 10px 10px 10px;padding:0px;}
p {margin:10px 0px 0px 0px; padding:0px 0px 0px 0px;}			

/*The following CSS pretains to the elements that are part of a form */
#form_ele {margin: 0px 0px 4px 0px; padding: 0px;}
#text_box {background-color: #9a090c;font:bold;color: #000000;width:80px;}
#login {margin:0px; padding:0px;}
#mem_login {text-align:right;margin:5px 5px 5px 10px; padding:0px;}
#apply_form {text-align:right;margin:5px 5px 5px 10px; padding:0px;}
#form_sp_text { text-align:left;background:none; font: italic 12px "Times New Roman", Times, serif; 
			color: #990000; text-decoration:none;margin:0px; padding:0px 0px 0px 0px;}
#app {font: 14px bold; text-decoration:none;width:99%; margin:0px; padding:0px;}
input.apply {background-color: #000000;font:bold;color: #999999; margin: 0px 0px 0px 5px;}
label {margin: 0px 0px 0px 5px;}	
#org_add{text-align:center;}
/* These are the Lower element definitions. These will alter the alignments and colors of the bottom elements */
#bottom {background:url(pimages/bot_bg.jpg) top center no-repeat;
	width: 800px;height: 25px;margin: 0px;padding: 0px;}

#bott_info {padding:10px 0px 0px 0px;}