* {
padding: 0;
margin: 0;
}
body {
font-family: Arial;
font-size: 12px;
color: #333333;
background-image: url(../images/);
background-repeat: no-repeat;
background-attachment: scroll;
background-position: left bottom;

}

div#listl{
	width:275px;
	padding-right:5px;
	float:left;
	height:470px;
	margin-bottom:10px;
}
div#listr{
	width:275px;
	padding-right:5px;
	float:right;
	height:470px;
	margin-bottom:10px;
}
div#listls{
	width:275px;
	padding-right:5px;
	float:left;
	height:220px;
	
}
div#listrs{
	width:275px;
	padding-right:5px;
	float:right;
	height:220px;
	
}

div#textit{
	
	width:550px;
	padding-right:5px;
	

	margin-bottom:10px;
	
}

div#whitebox{

	width:200px;
	height:74px;
	padding:10px;
	background-image:url(../images/box.png);
	float:right;
	margin-top:10px;
	margin-right:10px;
}

div#whiteboxcontact{

	width:200px;
	height:154px;
	padding:10px;
	background-image:url(../images/box.png);
	float:right;
	margin-top:10px;
	margin-right:10px;
}

div#whitebutton{
clear:both;
	width:200px;
	height:50px;
	padding:10px;
	background-image:url(../images/box.png);
	float:right;
	margin-right:10px;
	margin-top:10px;
}

div#whitebutton1{
clear:both;
	width:200px;
	height:50px;
	padding:10px;
	background-image:url(../images/box.png);
	float:right;
	margin-right:10px;
	margin-top:114px;
}

div#heading{
	float:right;
	width:610px;
	height:20px;
	padding-top: 18px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	
}

div#extra li{
margin-left:30px;
margin-top:10px;
margin-bottom:10px;
}


	
a {
color: #3399cc;
}

.heading{font-family: Arial; font-size: 16px; color:#3399cc; margin-top:15px; }

.textheading{font-family: Arial; font-size: 16px; color:#3399cc; margin-bottom:10px;  margin-top:10px;}
.subtextheading{font-family: Arial; font-size: 16px; color:#3399cc;  margin-bottom:0px; padding-left:15px; padding-top:10px; }
.tableheads{font-family: Arial; color:#006600; }
.subheading{font-family: Arial; font-size: 16px; color:#006600; padding-bottom: 10px;  }
.subsubheading{font-family: Arial; font-size: 14px; color:#006600; padding-bottom: 10px; padding-top:10px; }
		
.subtitletext { padding: 0 -20px 15px 0}

html, body {
height: 100%;
}
#container {
min-height: 100%;
width: 800px;
margin: 0 auto;
}
* html #container {
height: 100%;
}
 /* Begin Header */
 
 div#header{
	position:relative;
	height: 95px;
	background-color:#ffffff;
	border-bottom: 1px solid #cccccc;
}

#logo {
	float: left;
	width: 600px;
	height: 65px;
	padding-top: 10px;
	cursor: hand; 
	cursor: pointer;

}

#maintitle {
	font-family: "Times New Roman", Times, serif;
	font-weight: bold;
	font-style: italic;
	font-size: 55px;
	color: #3399cc;
	width:190px;
	float:left;
	
	}
	
	#subtitle {
	font-family: Arial; 

	font-size: 25px;
	color: #3399cc;
	width:400px;
	padding-top:20px;
	float:left;
	
	}

#graphic {
width: 180px;
	height: 50px;
	background: #FFffff url(../images/logo.png) no-repeat ;

}

.tabletitle {
	color: #3399cc;
	
}

/* Top Menu Begin */

#menu {
	float: left;
	width: 610px;
	padding-top: 83px;
	text-transform:capitalize;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 20px;
}

.first a {
	display: block;
	margin:0;
	padding-right:4px;

	border-right:1px solid #3399cc;

	text-align: left;
	text-decoration: none;
	text-transform:capitalize;
	
	color: #777777;
}

.first a:hover {
	display: block;
	margin:0;
	padding-right:4px;

	border-right:1px solid #3399cc;

	text-align: left;
	text-decoration: none;
	text-transform:capitalize;
	
	color: #3399cc;
}

.middle a {
	display: block;
	margin:0;
	padding-right:4px;
	padding-left:4px;
	border-right:1px solid #3399cc;
	text-align: left;
	text-decoration: none;
	text-transform:capitalize;
	
	color: #777777;
}

.middle a:hover {
	display: block;
	margin:0;
	padding-right:4px;
	padding-left:4px;
	border-right:1px solid #3399cc;
	text-align: left;
	text-decoration: none;
	text-transform:capitalize;
	
	color: #3399cc;
}

.last a {
	display: block;
	margin:0;
padding-right:4px;
	padding-left:4px;

	text-align: left;
	text-decoration: none;
	text-transform:capitalize;
	
	color: #777777;
}

.last a:hover {
	display: block;
	margin:0;
padding-right:4px;
	padding-left:4px;

	text-align: left;
	text-decoration: none;
	text-transform:capitalize;
	
	color: #3399cc;
}





#content ul {
	

	list-style: none;
	
}

#content li {

	
	float: left;
	display: block;
	
}

#content li:hover {
color: #3399cc;
	
}

#menu ul {
	

	list-style: none;
	
}

#menu li {

	
	float: left;
	display: block;
	
}

#menu li:hover {
color: #3399cc;
	
}

/* Page Title */

div#pagetitle{clear:both; width:100%; padding:0; height:50px;}

div#content{
	float:right;
	width:610px;
}

/* Side Navigation */

div#navigation{
	float:left;
	width:190px
}


.s_navibg A { border-bottom: 1px solid #dadada;
	PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT:10px; PADDING-BOTTOM: 0px; WIDTH: 160px; COLOR: #000000; PADDING-TOP: 7px; HEIGHT: 20px; TEXT-DECORATION: none; background: url(../images/arrow.gif) no-repeat center left; /*custom bullet list image*/
}
.s_navibg A:hover {  border-bottom: 1px solid #dadada;
	PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT:10px; PADDING-BOTTOM: 0px; WIDTH: 160px; COLOR: #000000; PADDING-TOP: 7px; HEIGHT: 20px; TEXT-DECORATION: none; background: url(../images/arrow.gif) no-repeat center left; /*custom bullet list image*/
}

.f_navibg A { border-bottom: 1px solid #dadada;
	PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT:10px; PADDING-BOTTOM: 0px; WIDTH: 160px; COLOR: #777777; PADDING-TOP: 7px; HEIGHT: 20px; TEXT-DECORATION: none; background: url(../images/arrowgrey.gif) no-repeat center left; /*custom bullet list image*/
}
.f_navibg A:hover { border-bottom: 1px solid #777777;
	PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT:10px; PADDING-BOTTOM: 0px; WIDTH: 160px; COLOR: #777777; PADDING-TOP: 7px; HEIGHT: 20px; TEXT-DECORATION: none; background: url(../images/arrow.gif) no-repeat center left; /*custom bullet list image*/
}

div#sidebox {
	width:169px;
	height:96px;
	margin-top:27px;
	padding-top:10px;
	padding-bottom:6px;
	background-image:url(../images/explained.jpg);
	background-position:center;
	background-repeat:no-repeat;
	border:#3399CC 1px solid;

}

div#calendarbox {
	width:169px;
	height:96px;
	margin-top:27px;
	padding-top:10px;
	padding-bottom:6px;
	background-image:url(../images/calendar.jpg);
	background-position:center;
	background-repeat:no-repeat;
	border:#3399CC 1px solid;

}


/* Intro Image */

div#image{
	float:right;
	width:608px;
	height:194px;
	background:url(../images/threecolumn_banner2.jpg);
	border-right: 1px solid #dadada;
	border-left: 1px solid #dadada;
	border-top: 1px solid #dadada;
}
div#verticaltext {
writing-mode: tb-rl;
filter: flipv fliph;
font-family: verdana, arial, helvetica, sans-serif; 
}

 img{
 	border:none;
	display:block;
 }

/* Content */
div#extra{
	float:right;
	width:578px
}

div#extra{
padding: 15px 15px 0 15px;
background:#ffffff;
border: 1px solid #dadada;
min-height:300px;
line-height:1.5em;
padding-bottom:20px;
margin-bottom:20px;

}

div#para{
	float:right;
	width:578px
}

div#para{
padding: 15px 15px 0 15px;
background:#ffffff;
border: 1px solid #dadada;
min-height:300px;
line-height:1.5em;
padding-bottom:20px;
margin-bottom:20px;

}

#extra ol {
	color:#000;
	font-weight:normal;
	padding: 10px 30px 0px;
}

.box {
width:100%; 
float:right; 
background-color:#F0F0F0;
padding-bottom:20px;

}

.box p {
padding-left: 15px;


}

/* Table Style start*/

#headertable {
	width: 250px;

	
}



#mytable {
	width: 100%;

	
}



th {

	color: #3399cc;
	border-right: 1px solid #dadada;
	border-bottom: 1px solid #dadada;
	border-top: 1px solid #dadada;

	
	font-weight:normal;
	text-align: left;
	padding: 6px 6px 6px 12px;

}

th.nobg {
	border-top: 0;
	border-left: 0;
	border-right: 1px solid #dadada;
	
}

td {
	border-right: 1px solid #dadada;
	border-bottom: 1px solid #dadada;
	background: #fff;
	padding: 6px 6px 6px 12px;
	vertical-align:top;

	
}


td.alt {


}



th.specalt {
	border-left: 1px solid #dadada;
	border-top: 0;
	
	color: #777777;
}

/* Table Style end*/



#clearfooter {
clear:both;

height: 41px;
}

#footer {
clear:both;
width: 800px;
line-height:1;
border-top: 1px solid #3399cc;
color: #454545;
text-align: right;
height: 10px;
padding-top: 10px;
margin: -41px auto 0 auto;
}

