<?
/*		MAIN SITE STYLESHEET
/*		I am using php so that we can define page constants and do simple math calculations.
*/
?>

<?
	/* Define Page Constants -- This will make page alterations much easier in the future. */
	define("COL_PAGE_BG",			"#031A41");
	define("COL_PAGE_FG",			"#FFFFFF");
	define("COL_TEXT_FG",			"#666666");
	define("COL_TEXT_FG_L",		"#F16A0B");	
	define("COL_TEXT_FG_H",		"#000000");	
	define("COL_TEXT_FG_B",		"#CCCCCC");	
	define("COL_TEXT_P",			"#666666");
	
	define("PAGE_WIDTH",				"850");
	define("PAGE_HEIGHT",				"500");
?>

*{
   margin:0px;
   padding:0px;
   cursor:default;
   text-decoration:none;
};

body{
   background:<?=COL_PAGE_BG ?> url('images/bg.gif');
   margin-bottom:20px;
   margin-top:20px;
}

#wrapper{
   background:<?=COL_PAGE_FG ?>;
   width:<?=PAGE_WIDTH ?>px;   
   text-align:left;
   margin-bottom:0px;
   margin-top:20px;
   padding-bottom:40px;
   overflow:auto;
}

#header{
   text-align:center;
}

#footer{
   text-align:center;
   color:#FFFFFF;
   font:normal 10px/15px Arial, Helvetica, sans-serif;
   color:<?=COL_PAGE_FG ?>;
   float:center;
   width:<?=PAGE_WIDTH ?>;
   margin-bottom:50px;
}

#main{
   background:<?=COL_PAGE_FG ?>;
   width:<?=PAGE_WIDTH-20 ?>px;
   margin-left:10px;
   margin-right:10px;
   margin-bottom:0px;
   overflow:none;
}

#main_bot{
	 background:<?=COL_PAGE_FG ?>;
	 width:<?=PAGE_WIDTH ?>px;
   height:5px;
   margin-bottom:20px;
}

#left_col{
   float:left;
   background:<?=COL_PAGE_FG ?> url('images/14.gif') no-repeat;
   background-position:top right;
   padding-right:20px;
   padding-left:5px;
   padding-top:20px;
   font:normal 10px/15px Arial, Helvetica, sans-serif;
   color:<?=COL_TEXT_FG ?>;
}
				.navlinks{
					margin-left:20px;
				}
				.navlinks:link{
				  color:<?=COL_TEXT_FG ?>;
				  background:#FFFFFF url('images/button3.gif') no-repeat;
				  background-position:0 2;				
				  padding-left:15px;  
				}
				.navlinks:visited{
				  color:<?=COL_TEXT_FG ?>;
				  background:#FFFFFF url('images/button3.gif') no-repeat;
				  background-position:0 2;		
				  padding-left:15px;  
				}
				.navlinks:hover{
				  color:<?=COL_TEXT_FG_H ?>;
				  background:#FFFFFF url('images/button3_h.gif') no-repeat;
				  background-position:0 2;		
				  padding-left:15px;  
				  cursor:pointer;
				}				
			
				#left_col h4{
				font:bold 15px/20px Arial, Helvetica, sans-serif;
				color:<?=COL_TEXT_FG_L ?>;
				border-bottom:1px <?=COL_TEXT_FG_B ?> solid;
				margin-bottom:5px;
				margin-top:20px;
				padding-left:1px;
				position:relative;
				left:8px;
				}
				#left_col h5{
				font:bold 12px/15px Arial, Helvetica, sans-serif;
				color:<?=COL_TEXT_FG ?>;
				margin-top:5px;
				}
								
								#left_col h5 a:link{
								font:bold 12px/15px Arial, Helvetica, sans-serif;
								color:<?=COL_TEXT_FG ?>;
								padding-left:10px;
								margin-top:15px;
								}
								#left_col h5 a:visited{
								font:bold 12px/15px Arial, Helvetica, sans-serif;
								color:<?=COL_TEXT_FG ?>;
								padding-left:10px;
								margin-top:15px;
								}
								#left_col h5 a:hover{
								font:bold 12px/15px Arial, Helvetica, sans-serif;
								color:<?=COL_TEXT_FG_L ?>;
								padding-left:10px;
								margin-top:15px;
								cursor:pointer;
								}
				#left_col input.textbox{
			  background:<?=COL_TEXT_FG_B ?>;
			  color:<?=COL_TEXT_FG_H ?>;
			  border:1px <?=COL_TEXT_FG_H ?> solid;
			  width:115px;
			  height:18px;
			  padding:2px;	  
			  margin-left:5px;
				font:normal 9px/12px Verdana, Helvetica, sans-serif;
				}
				#left_col input.submit{				
			  background:<?=COL_TEXT_FG_B ?>;
			  color:<?=COL_TEXT_FG_H ?>;
			  border:1px <?=COL_TEXT_FG_H ?> solid;
			  height:18px;
			  padding:2px;	  
				font:normal 9px/12px Verdana, Helvetica, sans-serif;
				}

#right_col{
   float:right;
   background-color:<?=COL_PAGE_FG ?>;
   text-align:justify;
   padding:10px;
   font:normal 12px/15px Arial, Helvetica, sans-serif;  
}
				#right_col strong{				   
   				 font:bold italic 11px/12px  Arial, Helvetica, sans-serif; 
   				 color:#AAAAAA;
   				 margin-left:60px;		
   				 position:relative;
   				 bottom:9px;
   				 left:10px;		 
				}
				#right_col h2{
					font:normal 12px/15px Arial, Helvetica, sans-serif;
				  color:#000000;
				  background:#FFFFFF url('images/button3.gif') no-repeat;
				  background-position:0 2;		
				  margin:6px;
				  margin-left:50px;					
				  padding-left:15px;
				}
							#right_col h2 i{
								font:normal 10px/15px Arial, Helvetica, sans-serif;
							  color:#6666AA;
							}					
							#right_col h2 div{
								font:normal 10px/15px Arial, Helvetica, sans-serif;
							  color:#6666AA;
							  text-align:right;
							  position:relative;
							  bottom:15px;
							  padding-right:50px;
							  margin-bottom:-10px;
							}					
							#right_col h2 b.num{
								font:bold 10px/15px Arial, Helvetica, sans-serif;
							  color:#777777;							  
							  padding-right:10px;
							  position:relative;							  
							  bottom:1px;
							}			
				#right_col h3{
					font:bold 15px/15px Arial, Helvetica, sans-serif;
				  color:<?=COL_TEXT_FG ?>;	
				  padding:15px;
				  padding-left:5px;
				}
							#right_col h3 b{
								font:bold 16px/15px Arial, Helvetica, sans-serif;
							  color:#000000;
							}
				#right_col h4{
					font:normal 14px/25px Arial, Helvetica, sans-serif;
				  color:#000000;	
				  padding:15px;
				  padding-left:30px;
				}
							#right_col h4 b{
								font:bold 15px/25px Arial, Helvetica, sans-serif;
							  color:#000000;
							}
				#right_col img{
				   margin:0px;
				}
				#right_col p{
					 padding:10px;
				   text-indent:5px;
				   color:<?=COL_TEXT_P ?>;
				   margin-right:25px;
				}
				#right_col p b{
				   font:bold 12px/15px Arial, Helvetica, sans-serif;
				}
				#right_col h1{   
				   font:normal 18px/18px Arial, Helvetica, sans-serif;
				   color:<?=COL_TEXT_FG ?>;
				   background:#FFFFFF url('images/h1logo.jpg') no-repeat;
				   padding-left:30px;
				   height:30px;
				   padding-top:13px;
				   margin-top:10px;
				   margin-bottom:10px;
				   
				}
				#right_col ul{
				   font:normal 12px/15px Arial, Helvetica, sans-serif;
				   margin-left:30px;
				}
				#right_col ul li{
				   font:normal 12px/15px Arial, Helvetica, sans-serif;
				   padding:5px;
				   color:#000000;
				}
				#right_col a:link{
				  color:<?=COL_TEXT_FG_L ?>;
				}
				#right_col a:visited{
				  color:<?=COL_TEXT_FG_L ?>;
				}
				#right_col a:hover{
				  color:<?=COL_TEXT_FG_H ?>;
				  cursor:pointer;
				}		
				
#quicklinks{
  width:520;
  overflow:auto;
  border:1px #CCCCCC solid;
  padding:10px;
  padding-left:20px;
  padding-bottom:20px;
  margin-top:60px;
}
#quicklinks #title{
	text-align:left;
	font:normal 9px/9px Arial, Helvetica, Verdana, Sans-Serif;
	background:<?=COL_PAGE_FG ?>;
	color:#999999;
	padding:3px;
	position:relative;
	bottom:10px;
	right:20px;
}
	#quicklinks #qlLeftSet{
		width:245;
		overflow:auto;
		float:left;
	}
	#quicklinks #qRightSet{
		width:245;
		overflow:auto;
		float:right;
	}
		#qlLeft{
			width:120;
			overflow:auto;
			float:left;
			text-align:left;
		}
		#qlRight{
			width:120;
			overflow:auto;
			float:right;
			text-align:left;
		}
			h6{				
				 font:bold 11px/25px Arial, Helvetica, sans-serif;		
				 color:<?=COL_TEXT_FG ?>;
			}
			div div div #qll{
				margin-left:5px;
				font:normal 9px/15px Arial, Helvetica, sans-serif;		
			}			
			div div div #qll:link{
				  color:<?=COL_TEXT_FG ?>;
			}
			div div div #qll:visited{
				  color:<?=COL_TEXT_FG ?>;
			}
			div div div #qll:hover{
				  color:<?=COL_TEXT_FG_L ?>;
			}
			div div div h6 #qlh6:link{
					 color:<?=COL_TEXT_FG ?>;
			}
			div div div h6 #qlh6:visited{
					 color:<?=COL_TEXT_FG ?>;
			}
			div div div h6 #qlh6:hover{
					 color:<?=COL_TEXT_FG_H ?>;
			}