
/* body start */

a:link, a:visited		{color: #120A8F;
				border: 0px;
				}
a:hover	{color: red;}
a:active	{text-decoration: none}

body{
	 background-color:#a2b5cd;
	 color:#363636;
	 font:normal 12px/18px Arial, Helvetica, sans-serif;
	 margin:0px 0px 0px 0px;
	 padding:0px 0px 0px 0px;
	 }

h1, h2, h3, h4, h5, h6, 
form, label, input,div, 
span, ul, li, p, a	{
				margin:0; padding:0;
				}

h1		{
		line-height: 1.1em;
		text-align: center;
		font-size:28pt;font-family:Helvetica;
		}

h2		{ text-align: center;
		  margin: 0.5em;
		}
		
h3		{margin: 0.5em ;
		font-size:9px;
		color: #120A8F
		}
		
h4		{margin: 0.25em;
		font-size:13px;
		color: #CC0000
		}

h5		{font-size:13px;
		color: #000000
		}
			
h6		{ text-align: center;
		font-size:17px;
		color: #000000;
		margin: 0;
		padding: 0;
		}


ul	{
	list-style:none;
	}

.spacer	{
		font-size:0; line-height:0; clear:both;
		}



.orngspac	{
			background-color: #FF6600;
			padding:  15px 0px 7px 0px;
			}

.tanchor	{	/* -- bugfix for consistent cross browser TOP behavior -- */
			background-color: #FF6600;
			padding:  0px 0px 0px 0px;
			}

/* -- header start -- */

#header	{height:  220px;
		padding: 1em 1em 0em 1em; 
		background: #FF6600;
		color: white;
		margin: 0px 0px 10px 0px;
		text-align: center;
		line-height: 2em;
		}


#header h1	{
			font-size:28pt;font-family:Helvetica;
			margin: 0em auto;
			padding: 0em;
			}

#header h1, #header h2
			{
			display: block;
			}

#header h2	{
			color: white;
			font-size: 1.5em;
			}

.header img	{border:none;
			}
			
.floatleft {
		float: left;
		margin-top: 0px; 
		margin-bottom: 10px;
		margin-left: 7px;
		margin-right: 3px;
		}

.floatright {
		float: right;
		margin-top: 0px;
		margin-bottom: 10px;
		margin-left: 3px;
		margin-right: 10px;
		}


/* -- header end -- */



#lower	{font-size: 18px;
 	 	margin:0px 25px 0px 50px; 
	 	padding:12px 0 49px 0;
		}


/* -- left panel start -- */

.left{
	width:65%; float:left; padding:0 38px 0 0; margin: 0px 0px 0px 0px;}
.left img{
	border:none;}
.left h2{
	font: 20px/25px Arial, Helvetica, sans-serif; color:#fff;
	padding:10px 0 10px 0; background-color:#01528f;
	margin: 0 0 10px -10px;
	}
.left h2 span{
	font:bold 20px/25px  Arial, Helvetica, sans-serif; color:#01528f;
	background-color:#a2b5cd; height:25px;margin: 0 0 0 5px; padding:  0 0 0 2px;}
.left span.dot{
	background:url(images/dot_line.gif) repeat-x 0 18px #a2b5cd;
	height:25px; width:280px; display:block; float:left; color:#000000;}
.left p{
	font:bold 14px/20px Arial, Helvetica, sans-serif; color:#363636; background-color:#a2b5cd; padding:0px;}
.left p span{
	font:normal 12px/18px Arial, Helvetica, sans-serif; color:#363636; background-color:#BFDEF7;}


.event{
	width:480px; padding:26px 0 0 0;}
.eventLeft{
	width:324px; padding:6px 0 0 0; float:left;}
.eventLeft h2{
	font:bold 20px/25px Arial, Helvetica, sans-serif; color:#337BA6;
	background-color:#a2b5cd; width:124px; float:left; padding:0 0 6px 0;}
.eventLeft h2 span{
	font:bold 20px/25px Arial, Helvetica, sans-serif; color:#F50B04; background-color: #a2b5cd;}
.eventLeft span.date{
	background:url(images/date_bg.gif) no-repeat 0 0 #a2b5cd; color:#333333;
	font:bold 11px/15px "Trebuchet MS", Arial, Helvetica, sans-serif; text-align:center;
	width:117px; height:15px; display:block; float:left; margin:6px 0 0 12px;}
.eventLeft p{
	font:normal 12px/18px Arial, Helvetica, sans-serif; color:#363636;
	background:url(images/left_line.gif) no-repeat 0 16px #a2b5cd; padding:10px 0 12px 16px;}
.eventLeft p.dotLine1{
	color:#363636; font-size:0; line-height:0;
	width:304px; height:13px; padding:3px 0 0 0;
	background:url(images/dot_line.gif) repeat-x 0 2px #a2b5cd; }
.eventLeft p.dotLine1 a.viewMore{
	background:url(images/view_more_btn.gif) no-repeat 0 0 #a2b5cd; color:#000000;
	font-size:0; line-height:0; text-decoration:none; text-indent:-2000px;
	width:58px; height:13px; display:block; float:right;}
.eventLeft p.dotLine1 a.viewMore:hover{
	background:url(images/view_more_btn_h.gif) no-repeat 0 0 #a2b5cd; color:#000000;
	font-size:0; line-height:0; text-decoration:none; text-indent:-2000px;
	width:58px; height:13px; display:block; float:right;}

.eventRight{
	width:155px; float:left;}
.eventRight img{
	border:none;}

/* -- left panel end -- */


/* -- right panel start -- */
.right	{width: 25%; float: left;
		margin:  0px 10px 10px 40px;
		font:bold 13px/19px Arial, Helvetica, sans-serif; color:#120A8F;
		}


.right h2	{
	font:20px/25px Arial, Helvetica, sans-serif; color:#000000;
	background-color: #a2b5cd; height:25px; width:125px; padding:0 0 0 40px; float:left;
	text-decoration: underline;}

.right h2 span	{
	font:bold 20px/25px  Arial, Helvetica, sans-serif; color:#F50B04;
	background-color: #a2b5cd; height:25px;
	}

.right ul	{	
	padding:7px 0 0 55px;
	}

.right ul li a	{border: 0px;
	font:bold 11px/19px Arial, Helvetica, sans-serif; color:#120A8F;
	padding:0 0 0 12px; display:block; text-decoration:none;
	background:url(images/red_arrow_bullet.gif) no-repeat 0 6px #a2b5cd;
	}

.right ul li a:hover	{
	font:bold 11px/19px Arial, Helvetica, sans-serif; color:#535353;
	padding:0 0 0 12px; display:block; text-decoration:none;
	background:url(images/red_arrow_bullet.gif) no-repeat 0 6px #BFDEF7;
	}



.right img {float:right;}

/* -- right panel end -- */


/* -- Start Bottom Section -- */

#weather {margin: 0px 0px 0px 0px;
		}

#weather p {margin: 95px 30px 10px 35px;
		text-align: center;
		color: #000;
		}

#weather img{border-color: #FF6600;
		border-width: 5px;
		padding: 0 2px 5px 0;
		position: relative;
		left: -20%;
		height: 108px;
		width: 144px;}

/* -- Start Bottom Section -- */

/*-- footer start -- */

#footer {   
			margin: 0px 0px 0px 0px;
			padding: 2px 3px 0.0em 1em;
			font-family: Arial, Helvetica, sans-serif;
			font-weight:normal;
			font-size: 0.9em;
			color:  #000000
		}

#footer a {   	text-decoration: underline;
			}	
	
#footer hr {  	width: 100%; color: #01528f;
			margin: 0 0 0 0;
			background-color: #01528f;
			height:1px;border:none;
			}

.timestamp {	text-align:center;
			line-height: 1.2em;
			font-family: Arial, Helvetica, sans-serif;
			font-weight:normal;
			font-size: 0.8em;
			color:  #000000;
			margin: 5px 0px 0px 0px;
			}
			
.timestamp img	{
			margin: 0% 0% 0% 27%;
			}			

.timestamp a	{text-decoration: underline;
			}
			
#lcopyright {  	 margin: 0px 0px 0px 0px;
					  float: left;
					  }
					  
#lcopyright p {  	 margin:  0px 3px 1em 3px;
					   text-align: left;
					   line-height: 1.5em;
					   }

#rcopyright { 	 margin:  0px 3px 0px 3px;
					  float: right;
					  }
					  
#rcopyright p {  	 margin:  0px 3px 1em 3px;
					   text-align: right;
					   line-height: 1.5em;
					   }

/*-- footer end -- */




/* -- director's page start -- */

.director	{margin: 0% 7% 0% 7%;
		font-size:1.2em;
		font-weight: bold;}
		
.director p	{margin: 0% 7% 0% 7%;
			}

.director img	{float:left;
			margin: 12px 15px 0px 0px;
			}

/* -- director's page end -- */


/*-- Start ThisWeek Table -- */

tr.thisweek 	{font-family: helvetica;
			color: #000;
			background-color: #EEE9E9;
			border: 3px solid #FF6600;
			text-align:center;
			vertical-align: middle;
			height:  35px;
			}
			
td.column		{	width: 50%;
			border: 1px solid #01528f;
			}
			


.table a:visited {color:#120A8F;}

/*-- End ThisWeek Table -- */	


/* -- Calendar start -- */
	tr.month	{font-family: helvetica;
			color: #000;
			background-color: #FF6600;
			text-align:center;
			font-size:4em;
			font-weight: bold;
			vertical-align: middle;
			}

	tr.dow	{font-family: helvetica;
			color: #000;
			background-color: #FF6600;
			text-align:center;
			vertical-align: middle;
			}	

	
	tr.body	{font-family: helvetica;
			color: #000;
			background-color: #EEE9E9;
			text-align:left;
			vertical-align: top;
			}
		
	td.month { height: 70px;
			padding: 10px;
			border: 1px solid #01528f;
			}
	
	td.dow	{text-align:center;
			font-size: 13px;
			width: 14%;
			padding:  5px;
			border: 1px solid #01528f;
			}
		
	td.body	{height: 85px;
			font-size:1.5em;
			font-weight: bold;
			border: 1px solid #01528f;
			}


			
	.calendar h3	{color:  #030303;
				line-height: 1.2em;
				}



/*--  end calendar -- */


/* -- contact page start -- */

.contact	{font-size:1.2em;
		font-weight: bold;
		background-color:  #01528f;}

.contactpage h6	{text-align: center;
				width: 50%;
				padding: 0% 0% 0% 25%;}

#cweb			{
				width: 60%;
				padding: 0% 0% 0% 20%;}
				
	/* -- contact form start -- */

.cleft {float: left;
	width: 45%;
	padding: 0% 0% 0% 15%;}
	
.cleft form.contact{
	background:url(images/login_bg.gif) no-repeat 0 0 #a2b5cd; color:#000000;
	width:429px; height:375px; padding:14px 14px 10px 16px;
}
.cleft form.contact h2{
	font:normal 18px/18px Arial, Helvetica, sans-serif; width:auto;
	color:#000000; background-color:#01825f; padding:0 0 0 0;}
.cleft form.contact label{
	font:bold 13px/22px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#FFF; background-color:#01528f; padding:0 0 10px 0;
	margin:10px;}
.cleft form.contact input{
	width:180px; height:15px; padding:6px; 
	font:normal 13px/15px Arial, Helvetica, sans-serif;
	background-color: #a2b5cd; color:#000000; margin:0 0 3px 10px;}
.cleft form.contact textarea{
	width:300px; height:150px; padding:4px;
	font:normal 13px/15px Arial, Helvetica, sans-serif;
	background-color: #a2b5cd; color:#000000; margin:0 0 10px 10px;}
.cleft form.contact input.submitBtn{
	width:52px; height:16px; padding:0; margin:10px 0 0 10px; float:left;}
.cleft form.contact p{
	font:bold 11px/25px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#337BA6; background-color:#F5F5F5; padding:4px 0 0 0;}

	/* -- contact form end -- */
/* -- contact page end -- */





.blog	{margin: 30px 0 0 0;
		}
		
.blog h1	{margin: 50px 0 8px 0;
		}
	
.blog h2	{margin: 0px 0 40px 0;
		font-size:18px;}	
	
.iblog {	border-width: 5px;
		border-style: solid;
		border-color: #F60;
		width: 505px;
		height:  600px;}
		
.tfloatleft {
		float: left;
		margin-top: 50px; 
		margin-bottom: 0px;
		margin-left: 22px;
		margin-right: 0px;
		}

.tfloatright {
		float: right;
		margin-top: 50px;
		margin-bottom: 0px;
		margin-left: 0px;
		margin-right: 25px;
		}
		
.survey	{font-size: 18px;
 	 	margin:0px 25px 0px 50px; 
	 	padding:12px 0 49px 0;
		}

.survey p	{margin: 15px 40px 15px 40px;}

.survey h1	{margin: 40px 0 10px 0;}

.survey h2	{margin: 0px 0 50px 0;}

.player 	{float: left;
		padding: 30px 10px 60px 10px;
		}

.poll	{float: right;
	padding: 30px 80px 60px 0px;
	}

.audio	{margin: 60px 0 80px 0;
		font-size: 18px;
 	 	margin:0px 50px 160px 70px; 
	 	padding:12px 0 49px 0;
		}

.audio h1	{margin: 40px 0 10px 0;}
		
.audio p	{margin: 15px 40px 75px 40px;}

.cya		{margin: 5% 7% 0% 7%;
		font-size:1.2em;
		font-weight: bold;}
		
.cya p	{margin: 15px 25px 10px 25px;}

.cya hr {  	width: 100%; color: #01528f;
			margin: 10px 0px 0px 0px;
			background-color: #01528f;
			height:1px;border:none;
			}

.thanks h6	{text-align: center;
			font-size:2em;
			line-height: 1em;
			padding: 0 0 5px 0;}
				
.thanks img  {
    display: block;
    margin-left: auto;
    margin-right: auto; }
    
  
  @media print 	{
  	#menu {display:none;}
 	#footer {display:none;}
	.timestamp  {display:none;}
	h6	{display:none;}
	.calendar table {border-collapse: collapse;}
	.table table {border-collapse: collapse;}
	.noprint {display:none;}
				}
