@charset "utf-8";
body  {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
	background:#e0e0e0 url("../images/pagebg.png") left repeat-y;
}
.twoColFixLt #container { 
	width: 780px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
	float:left;
	height:100%;
	background:#e0e0e0 url("../images/pagebg.png") left repeat-y;
}
.twoColFixLt #sidebar1 {
	float: left; /* since this element is floated, a width must be given */
	
	width:220px; text-align:right;
}
.twoColFixLt #sidebar1 #logo{
			background:  url("../images/logo.png") no-repeat;
			background-position:center;
			height:110px;
			width:220px;
			margin-top:30px;
			margin-bottom:30px;
			border-top:2px solid #c0c0c0; border-bottom:2px solid #c0c0c0;
}


a
{color:#440e62; font-weight:bold; text-decoration:none;}

a:hover
{color:#6ed0f7; text-decoration:underline;}

img
{float:left; margin:0 15px 15px 0; padding:1px; background:#ffffff; border:1px solid #d0d0d0;}

a img
{border-color:#d85d5d;}

a img:hover
{background:#d85d5d; border-color:#d85d5d;}


/**************** Navigation menu styles ****************/

#menu a
{display:block; width:208px; padding:7px 10px 7px 0; color:#606060;  font-size:1.5em; font-weight:normal; text-decoration:none; letter-spacing:-2px; margin:5px 0px 5px 0px;}
#menu a:hover 
{color:#440e62; background:#f8f8f8;padding:5px 10px 5px 0;border-top:2px solid #c0c0c0; border-bottom:2px solid #c0c0c0;}

#menu a.active
{padding:5px 10px 5px 0; background:#f8f8f8; color:#6ed0f7; border-top:2px solid #c0c0c0; border-bottom:2px solid #c0c0c0;}

#menu a.active:hover
{color:#440e62; background:#fafafa; border-top:2px solid #c0c0c0; border-bottom:2px solid #c0c0c0;}

.twoColFixLt #mainContent { 
	margin: 0 0 0 220px; /* the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	padding: 10px 20px 0px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
} 


.twoColFixLt #mainContent #inner { 
	margin:4px;
	background:#ffffff;
	border:1px solid #d0d0d0;
	padding:5px;
} 

.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

#mainContent h1{
color:#262626; font-size:2em; letter-spacing:0.5px; text-align:right; margin:0px 0px 25px 0px;
border-bottom:2px solid #c0c0c0;
height:111px;
line-height:111px;
font-family:Tahoma, Arial, Helvetica, sans-serif;
text-transform:uppercase;
}

#mainContent  h2
{margin:0; color:#808080; font-weight:normal; font-size:2.5em; letter-spacing:-2px; text-align:center;}

#mainContent  h3
{ margin:20px 0 10px 0; color:#6ed0f7; font-weight:normal; font-size: 2em; letter-spacing:-2px; }


#mainContent  h3.leftalign
{margin:20px 0 10px 0; color:#6ed0f7; font-weight:normal; font-size: 1.4em; letter-spacing:-2px; text-align:left;}

#mainContent  h3.rightalign
{margin:20px 0 10px 0; color:#6ed0f7; font-weight:normal; font-size: 1.4em; letter-spacing:-2px; text-align:right;}

#mainContent  h3.paraleftalign
{clear:both;margin:20px 0 70px 0; color:#000000; font-weight:normal; font-size: 1em; letter-spacing:-1px; text-align:left;line-height:25px;}

#mainContent p
{margin:10px 0 10px 0; line-height:1.5em;line-height:20px; text-align:justify; font-size:12px;}

#mainContent #leftbox {

	padding:10px 10px 0px 0px;
	min-height:580px;
	height:auto !important;
	height:580px;

	
}		

#mainContent #leftbox .left {

	float:left;
	margin:0px 10px 0px 0px;


}

#mainContent #leftbox .right {

	float:right;
	margin:0px 0px 0px 10px;


}



.contactform {
	
		margin-bottom:15px;
		
	}
	
	#mainContent .contactform .header{
	
		font-weight:bold;
		font-size:90%;
		border:1px solid #0759a9;
		background-color:#0759a9;
		color:#ffffff;
		padding:6px;
		
	}		


	#mainContent .contactform .adminheader{
	
		font-weight:bold;
		font-size:90%;
		border:1px solid #0759a9;
		background-color:#0759a9;
		color:#ffffff;
		padding:6px;
		
	}		

	#mainContent .contactform img{


		border:none;
		margin-right:0px;

	}
	
		
	#mainContent .contactform p
	
	{
	
		display:block;
		margin:0px;
		padding:15px 0px 15px 6px;
	}		
	#mainContent form
		
		{
		
			margin:0px;
			width:484px;
			padding:15px 0px 15px 6px;
			
		}	
		
		
		#mainContent .formdata{
		
			min-height:25px;
			float:left;
			display:block;
			margin:1px 0px 1px 0px;
		}
		
		#mainContent form label{
		
			float:left;
			width:140px;
			margin-top:1px;
			font-weight:bold;
			letter-spacing:-1px;
			cursor:pointer;
			font-size:11px;
			
		}
		#mainContent span{
		
			font-weight:bold;
			font-size:11px;
			letter-spacing:-1px;
			
		}

		#mainContent .box{
		
			float:left;
			width:220px;
			border:1px solid #262626;
			
		}

		#mainContent .checkbox{
		
			float:left;
			width:20px;
			margin:0px;
			
			
		}


		#mainContent .inputbutton{
		
			float:left;
			width:75px;
			height:25px;
			border:1px solid #262626;
			cursor:pointer;
			background-color:#6ed0f7;
			color:#262626;
			
		}
		
		
		
#mainContent #leftbox {

	padding:10px 10px 0px 0px;
	min-height:580px;
	height:auto !important;
	height:580px;
	position:relative;
	
}		

#mainContent #leftbox .left {

	float:left;
	margin:0px 10px 0px 0px;


}

#mainContent #leftbox .right {

	float:right;
	margin:0px 0px 0px 10px;


}

		#mainContent .success{
		
		display:block;
		font-family: Arial, Verdana, Helvetica, sans-serif;
		padding:10px 10px 10px 40px;
		font-size:12px;
		background: #fefefe url('../images/tick.png') no-repeat;
		background-position:12px 11px;
		border:1px solid #cccccc;
		margin:10px 0px 0px 0px;
		width:445px;
		}

		#mainContent .error{
		
		display:block;
		font-family: Arial, Verdana, Helvetica, sans-serif;
		padding:10px 10px 10px 40px;
		font-size:12px;
		background: #fefefe url('../images/cross.png') no-repeat;
		background-position:12px 11px;
		border:1px solid #cccccc;
		width:445px;
		}



.nav2 {border:none; background:#0759a9; color:rgb(255,255,255); font-size: 13px; 
	width: 98%;		
	 padding: 0;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	
	
} /*Color navigation bar normal mode*/
.nav2 ul {list-style-type:none;margin:0px;padding:0px 0px 0px 0px;}
.nav2 ul li {float:left; position:relative;	border-right:1px solid #ffffff; margin:0px;
}
.nav2 ul li ul {display:none; border:none;}
.nav2 ul li ul {margin-left:-30px; padding:0 30px 30px 30px; } /*Sticky hover zones*/
.nav2 ul li a {float:left; display:block; height:2em; line-height:2em; padding:0 15px 0 15px; text-decoration:none; font-weight:bold; color: rgb(255,255,255);}
.nav2 ul li a:hover {color:#000000;}
.nav2 .active a {color:#000000;background-color:#cfcfcf;}
.nav2 .active a:hover {color:#ffffff;background-color:#cfcfcf;}
.nav2 table {position:absolute; z-index:999; top:0; left:0; border-collapse:collapse;}
/*IE6*/
.nav2 ul li a:hover {background-color:#cfcfcf; text-decoration:none;color:#000000;} /*Color main cells hovering mode*/
.nav2 ul li a:hover ul {display:block; position:absolute;z-index: 998; top:1.95em; t\op:1.95em; left:0; marg\in-top:0px;width:10.0em; text-transform:capitalize;font-size:13px}
.nav2 ul li a:hover ul li a {display:block; w\idth:14.0em; height:auto; line-height:1.3em; margin-left:-1px;padding:4px 16px 4px 16px; border-left:solid 1px rgb(175,175,175); border-bottom: solid 1px rgb(175,175,175); background-color:rgb(237,237,237); font-weight:normal; color:rgb(50,50,50);} /*Color subcells normal mode*/
.nav2 ul li a:hover ul li a ul {visibility:hidden; height:0px; width:0px; position:absolute; z-index: 997;}
.nav2 ul li a:hover ul li a:hover {background-color:rgb(210,210,210); text-decoration:none;} /*Color subcells hovering mode*/

/*Non-IE6*/
.nav2 ul li:hover a {background-color:#cfcfcf; text-decoration:none;color:#000000;} /*Color main cells hovering mode*/
.nav2 ul li:hover ul {display:block; width:10.0em; position:absolute; z-index:998; top:1.95em; margin-top:-2px; left:0; text-transform:capitalize;font-size:13px}
.nav2 ul li:hover ul li ul {display: none;}
.nav2 ul li:hover ul li a {display:block; width:14.0em; height:auto; line-height:1.3em; margin-left:-1px; padding:4px 16px 4px 16px; border-left:1px solid #ffffff; border-bottom: 1px solid #ffffff; background-color:#cfcfcf; font-weight:normal; color:#000000;font-size:90%;} /*Color subcells normal mode*/
.nav2 ul li:hover ul li a:hover {background-color:#5A8096; text-decoration:none;color:#FFFFFF;} /*Color subcells hovering mode*/



	#mainContent #inner .articles {
	
		display:block;
		width:100%;
		margin-bottom:15px;

	}


	#mainContent #inner .articles .articledate{
	
		font-size:80%;
		color:#262626;

	}		
	#mainContent #inner .articles .articleinfo{
	
		font-size:100%;
		color:#262626;
		padding:4px 0px 4px 0px;
		min-height:500px;
		
	}		
	
	#mainContent #inner .articles .articleheader{
	background: url(../images/icon_penPaper_43x46.gif) left no-repeat;
	line-height:10px;
	margin-bottom:10px;
	}	
	
	#mainContent #inner .articles .articleheader h3{
	vertical-align:top;
	; color:#6ed0f7; font-weight:normal; font-size: 2em; letter-spacing:-2px; 
	padding:0px 0px 4px 50px;margin-bottom:12px;
	}
	#mainContent #inner .articles .articleheader small{
	padding:0px 0px 0px 50px;
	}

	#mainContent #inner .articles img{


		border:none;
		margin-right:0px;

	}
	
		
	#mainContent #inner .articles p
	
	{
	
		display:block;
		width:100%;
		margin:0px;
		padding:5px 0px 5px 6px;
		text-align:justify;
	}		

.menu {
	text-align:left;
	font-size: 12px;
	padding:5px 0px 5px 0px;
	background-color:#0759a9;
	color:#ffffff;
	font-family: Arial, Verdana, Helvetica, sans-serif;

}

.menu a {
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	color: #ffffff;
	padding: 5px 10px 5px 10px;	
	border-right:1px solid #cccccc;
}

 .menu a:hover {
	text-decoration: none;
	background-color:#cfcfcf;
	color:#000000;
}

.selected
{
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	padding: 5px 10px 5px 10px;	
	border-right:1px solid #cccccc;
	background-color:#cccccc;
	color:#000000;
}



.table tr {
	border-right:1px solid #0759a9;
	border-left:1px solid #0759a9;
}
.table th {
	text-align:left;
	font-size: 12px;
	padding:4px 0px 4px 6px;
	background-color:#0759a9;
	color:#ffffff;
	font-family: Arial, Verdana, Helvetica, sans-serif;

}
.table td {
	text-align:left;
	font-size: 12px;
	padding:4px 0px 4px 4px;
	background-color:#ffffff;
	color:#000000;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	border-bottom:1px solid #0759a9;
}

.table a {

	display:block;
	padding:4px;
	color:#000000;
	}

.table a.downfile
{
		background: url(../images/download.gif) no-repeat 2px 4px;
		padding-left:25px;
		border:1px solid #ffffff;
		
}

.table a.downfile:hover
{
	border:1px solid #d0d0d0;
	text-decoration:none;
	background-color:#0759a9;
	color:#ffffff;
}

.table a.readfile
{
		background: url(../images/view.gif) no-repeat 2px 4px;
		padding-left:25px;
		border:1px solid #ffffff;
		
}

.table a.readfile:hover
{
	border:1px solid #d0d0d0;
	text-decoration:none;
	background-color:#0759a9;
	color:#ffffff;
}

.goback

{
	border-top:1px solid #0759a9;
	padding:7px 7px 7px 0px;
	line-height:24px;
	
}

a.goback
{
		background: url(../images/goback.gif) no-repeat 4px 6px;
		padding:5px 5px 5px 25px;
		border:1px solid #ffffff;
		font-size:12px;
		
}
a.goback:hover
{
	border:1px solid #d0d0d0;
	text-decoration:none;
	background-color:#0759a9;
	color:#ffffff;
}