html, body {border: 0px none; margin: 0; padding: 0; }

 body {
  	background: url('../images/bg.jpg') 0 0;

margin: 0;
  	line-height: 130%;
  	width: 100%;
  	height: 100%;
text-align:center ;
margin:0 auto;
//min-height: 1000px;
  	min-width: 960px;  font-style:normal; font-variant:normal; font-weight:normal; font-size:90%; font-family:arial, helvetica, sans-serif;
}
/***** Common Formatting *****/

h1, h2, h3, h4, h5, h6 {
  	margin: 0;
  	padding: 0;
  	font-weight: normal;
}

p {margin: 0; padding: 0 0 18px 0;}

ul {list-style: none; margin: 0; padding: 0;}

blockquote {
  	font-family: Georgia, "Times New Roman", Times, serif;
  	font-style: italic;
  	color: #666;
	margin: 10px 20px;
	display: block;
}

blockquote span.open {
	background: url('../images/quote_open.gif') no-repeat left top;
	padding-left:15px; padding-right:0; padding-top:0; padding-bottom:0
}

blockquote span.close {
	background: url('../images/quote_close.gif') no-repeat bottom right;
	padding-left:0; padding-right:15px; padding-top:0; padding-bottom:0
}

code {
  	display: block;
  	background-color: #F5F4F3;
  	border: #E2DBD8 1px solid;
  	color: #666666;
  	padding: 3px 5px;
  	margin: 10px 15px;
	font-size: 1.2em;
}

pre {
  	padding: 1em;
  	border: 1px dashed #2f6fab;
  	color: black;
  	background-color: #f9f9f9;
  	line-height: 1.1em;
}

small {font-size: 0.85em;}

big {font-size: 1.4em;}

.red {
	color: #FF0000;
}


/***** Links *****/

a {
  	text-decoration: none;
  		color: #006600;
  		;
}

a:hover {text-decoration: none; 
border-bottom:1px dotted #000000;
  	font-weight: bold;
}

a img {
	border: 1px solid #E8E4E2;/*remove border for linked images*/
}
/***** Global Classes *****/
.clear {clear: both;}

.alignleft {display: block; float: left;}

.alignright {display: block; float: right;}

.aligncenter {
  	display: block;
  	text-align: center;
  	margin: 0 auto;
}

.endOfSection {
  	clear: both;
  	width: 100%;
  	height: 0;
  	line-height: 0;
  	font-size: 0;
  	padding: 0;
  	margin: 0;
  	border: 0px none;
}

/* images */
img {border: none;}

img.alignleft,
img.alignright,
img.aligncenter {
	display: block;
	padding: 3px;
	background: #F5F4F3;
	border: 1px solid #E8E4E2;
}

img.alignleft {
	float: left;
	margin: 0 10px 2px 0;
}

img.alignright {
	float: right;
	margin: 0 0 2px 10px;
}

img.aligncenter {
	margin: 5px auto;
}

/***** Main Layout ****/

#container {

  	width: 100%;
position:relative;
 margin-left: auto ;
  margin-right: auto ;
  //float: left;
  	background-color: #FFFFFF;

	position: relative;
	z-index: 0;
//height:20000px;
	
}

#wrapper {
  	width: 953px;
	top: 15px;
  	margin: 0 auto;/* center the page in Firefox */
  	text-align: center;
	position: relative;
//float: right;
//height: 1500px;
	z-index: 2;
//height:3000px;
height: 100%;
//height: auto;
  	background-color: #FFFFFF;
/*border: 5px solid #FFFF00;*/
  	}

/***** TOP PAGE *****/
#top {
	height: 90px;
	background: #F4F4EA url('../images/bg.jpg') repeat-x 0 0;; padding-left:25px; padding-right:25px; padding-top:0; padding-bottom:0
}

#top .logo {
	width: 360px;
  	height: 25px;
  	float: left;
  	clear: left;
  	margin-top: 45px;
	margin-left: 20px;
  	background: url('../images/logo.jpg') no-repeat;
}

#top .logo a span {
	color: #66FF00;
}


#top .logo a {
	display: block;
	width: 100%;

	color: white;
	font-size: 1.6em;
	padding-left: 50px;
	line-height: 25px;
}

#top .logo a:hover {
	color: white;
}

/* Login */
#top ul.login {
  	height: 36px;
	width: auto;
  	float: right;
  	clear: right;
  	font-weight: bold;
	line-height: 36px;
	margin-right: 50px;
  	color: white;
  	font-size: 80%;
	text-align: center;
  	background: url('../images/login_r.jpg') no-repeat right 0;
	padding-right: 40px
}

#top ul.login li.left {
  	background: url('../images/login_l.jpg') no-repeat left 0;
  	height: 36px;
	width: 40px;
	padding: 0;
	margin: 0;
  	display: block;
	float: left
}

#top ul.login li {
 	text-align: left;
  	display: block;
	float: left;
	height: 36px;
  	background: url('../images/login_bg.jpg') repeat-x 0 0;; padding-left:6px; padding-right:6px; padding-top:0; padding-bottom:0
}

#top ul.login li a {
	color: #8EF433;
}

#top ul.login li a:hover {
	color: white;
}

/***** HEADER *****/
#header {
position: relative;
margin: 0 auto;/* center the page in Firefox */
  	text-align: left;
	width: 957px;
top: 20px;
	height:175px;


	background: url('../images/headerbg.gif') no-repeat;
	position: relative;
	z-index: 1;
	color: white;
	font-family: "Trebuchet MS",Tahoma, Arial, sans-serif;

}

#header .intro {
	width: 900px;
	height: 130px;
	margin-top: 20px;
	padding: 20px 0 0 25px;

}

#header .intro h1 {
	font-size: 1.5em;
	padding: 5px 0 5px 0;
	font-weight: bold;
	text-transform: uppercase;
	text-align: left;
}

#header .intro h2 {
	font-size: 1.4em;
	padding: 0;
	margin: 0;
	font-weight: bold;
}

#header .intro a:link {

	padding: 0;
	margin: 0;
	font-weight: bold;
	color: #04625c;
	text-decoration: none;
	border: none;
}

#header .intro p {
	font-size: 1.2em;
	padding: 0;
	margin: 0;
	color: #04625c;
}

#header .topmenu2 {
	position: absolute;
	z-index: 2;
  top: 105px;
  left :0px;
	width: 800px;
	font-size: 1em;
	padding: 5px;
	margin: 10px;

}


#header .topmenu2 a {
	float: left;
	background: url('../images/topmenubutton.png') repeat-x 0 0;
	height: 25px;
	color: #FFFFCC;

	padding-top: 10px;

	font-size: 80%;
	margin-left: 3px; padding-left:15px; padding-right:15px; padding-bottom:0
}

#header .topmenu2 a:hover {
	
	color: white;
	//text-decoration: blink;
	/*border-bottom: 8px solid #335102;*/
	font-weight: normal;
border-top: 8px solid #335102;

border-bottom: none;

}

#header .topmenu2 a.active {
	background-color: #000000;
  	color: white;
	font-weight: normal;
}




/***** Search Box *****/
#header #searchform {
	position: absolute;
	z-index: 2;
	left: 750px;
	top: 140px;
	width: 250px;
}

#header #searchform .searchField {
	background-color: #004040;
	width: 140px;
	height: 25px;
	line-height: 23px;
	color: #ffffff;
}

#header #searchform .searchSubmit {
	background: url('../images/magnifier2.gif') no-repeat 0 0;
	width: 40px;
	height: 26px;
	border: medium none;
	cursor: pointer;
}

/***** Search Box *****/


#searchbox {
	border:none;
margin-top: 10px;

}


#searchbox.searchform {
	position: relative;
	z-index: 2;

	width: 250px;
}

#searchform .searchField {

background-color: #BAD1D1;
	margin-left: 10px;
	width: 120px;
	height: 25px;
	line-height: 23px;
	color: #000000;
}

#searchform .searchSubmit {
	background: url('../images/magnifier2.gif') no-repeat 0 0;
	width: 40px;
	height: 26px;
	border: medium none;
	cursor: pointer;
}



/***** CONTENT *****/
#content {
	display: block;

	padding: 20px;
	margin: 0 0 30px 0;
	clear: both;
	text-align: justify;
	font-size: 0.9em;
}

#smallboxcontainer{
//border: 2px solid #000000;
float: left;
//padding: 10px;
padding-bottom: 20px;
heigt: 100%;

overflow: hidden;
}
/************/
#smallbox{
border: 1px solid #ccc;
   width: 195px;
   float: left;
   top: 0;
   text-align: left;
   background-color: #f3f3f3;

   padding-left: 5px;
 margin: 5px 10px;

   /* optional rounded corners for browsers that support it */
   -moz-border-radius: 3px;
   -khtml-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
   padding-bottom: 2000px;
   margin-bottom: -2000px;

}

#smallboxpadded{
//position: relative;
   //width: 195px;
   margin-top: 5px;
   text-align: left;
   background-color: #f3f3f3;
   margin-left: 15px;
//   min-height: 70px;
}

#smallboxprev{border: 1px solid #ddd;

//position: relative;
   width: 195px;
   float: left;
   top: 0;
   text-align: left;
   background-color: #f3f3f3;
   padding: 5px;
   margin: 5px 10px;
   /* optional rounded corners for browsers that support it */
   -moz-border-radius: 3px;
   -khtml-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
 padding-bottom: 2000px;
   margin-bottom: -2000px;

//   min-height: 150px;
}

#smallboxtitle{border: 1px solid #ddd;
width: 140px;
   text-align: center;
   background-color: #DDEEEE;
   font-weight: bold;
   padding: 4 4 4 4px;
   margin: 5px 10px;
   /* optional rounded corners for browsers that support it */
   -moz-border-radius: 3px;
   -khtml-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
}


#faq {border: 1px solid #ddd;
display: block;
position: relative;
float: left;
width: 550px;
   text-align: justify;
   	background-color: #F3F8F8;
   padding-left: 25px;
padding-right: 5px;
   margin: 5px 5px;
   /* optional rounded corners for browsers that support it */
   -moz-border-radius: 3px;
   -khtml-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
}

#content.officeword{
display: inline;
   	background: url('../images/officeword.png') no-repeat 0 10px;
	padding-left: 20px;
}


#content img{border: 1px solid #ddd;
   max-width: 190px;
   text-align: center;
   background-color: #f3f3f3;
   padding: 4 4 4 4px;
   margin: 5px 10px;
   /* optional rounded corners for browsers that support it */
   -moz-border-radius: 3px;
   -khtml-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
}

#content h1 {
	background-color: #F8F7F3;
	border: 1px solid #EEEEDF;
	height: 25px;
	font-size: 1.4em;
	font-variant: small-caps;
	font-weight: bold;
	margin: 10px 0;
	color: #800000; padding-left:10px; padding-right:0; padding-top:5px; padding-bottom:5px;
}

#content h2 {
	
	font-size: 1.4em;
		font-weight: bold;
		color: #65C80B; padding-left:30px; padding-right:0; padding-top:5px; padding-bottom:0;
}

#content h3 {
	font-size: 1.4em;
	color: #4A4A4A;
	font-weight: bold;
	margin: 30px 0 10px 0;
	padding: 5px 0;
}

#content h4 {
	font-size: 1.2em;
	color: #333;
	font-weight: bold;
	margin: 10px 0 10px 20px;
}

#content a {
	text-decoration: underline;
}

#content p {
	padding: 5px 0  5px 15px;
}

#content ul, #content ol {
	padding: 5px 0 5px 20px;
	margin-left: 15px;

}

#content ul, #content ol {
	padding: 5px 0 5px 20px;
	margin-left: 15px;
line-height:2.5em;
}

#content ul li {
	background: url('../images/bullet.jpg') no-repeat 0 10px;
	padding-left: 20px;
line-height:2.5em;
}

#bullet {
	background: url('../images/more_arrow.gif') no-repeat 0 6px;
	padding-left: 15px;
		padding-right: 15px;
}

/* Back to top */

#content a.backToTop {
	display: block;
	clear: both;
	width: 100%;
	height: 20px;
	margin-top: -5px;
	margin-bottom: 4px;
	background: url('../images/content_backToTop.jpg') no-repeat right 0;
}

/**********Location: You are here******/
.location#content
 {
	display: block;
	
	min-height: 35px;
	float: right;
	text-align: right;
	margin: 10px 0;
	padding: 7px 10px 7px 40px;
	border-top: #EBE8D7 1px solid;
	border-bottom: #EBE8D7 1px solid;
	line-height: normal;
}

#content a:hover.backToTop {
	border: medium none;
	background: url('../images/content_backToTop.jpg') no-repeat right -20px;
}

/* content typography */
#content .dwnld,
#content .note,
#content .error {
	display: block;
	width: 400x;
	min-height: 35px;
	float: left;
	margin: 0px 0;
	padding: 7px 10px 7px 40px;
	border-top: #EBE8D7 1px solid;
	border-bottom: #EBE8D7 1px solid;
	line-height: normal;
}

#content .dwnld {background: #EBFEDA url('../images/dwnld.jpg') no-repeat 5px 4px;}

#content .note {background: #FFF9D7 url('../images/info.jpg') no-repeat 5px 4px;}

#content .error {
	background: #FF9D9D url('../images/error.gif') no-repeat 5px 4px;
	border-top: 1px solid #FF3300;
	border-bottom: 1px solid #FF3300;
	min-height: 20px
}



/***** SIDEBAR *****/
#sidebar {
	background-position: 0 0; display: block;

	float: left;
	width: 255px;
	padding-left: 15px;
	margin-bottom: 30px;
	font-size: 0.8em;
	border-left-width:1; border-right-style:solid; border-right-width:1; border-top-width:1; border-bottom-width:1; background-image:url('../images/sidebar_bg.jpg'); background-repeat:no-repeat; background-attachment:scroll
}

#sidebar h2 {
	font-size: 1.4em;
	font-variant: small-caps;
	color: #65C80B;
	border-bottom: 1px solid #ccc;
	width: 255px;
	font-weight: bold;
	margin: 30px 0 10px 0;
}

#sidebar .dwnld {background: #EBFEDA url('../images/dwnld.jpg') no-repeat 5px 4px;}

#sidebar .dwnld
 {
	display: block;
	width: 200px;
	min-height: 35px;
	float: left;
	margin: 10px 0;
	padding: 7px 10px 7px 40px;
	border-top: #EBE8D7 1px solid;
	border-bottom: #EBE8D7 1px solid;
	line-height: normal;
}

/* News */
#sidebar ul#news li  {
	line-height: normal;
	border-bottom: dotted 1px #ccc;
	margin: 0 0 5px 0;
	padding: 0;
}

#sidebar ul#news li a img {
	display: block;
	float: left;
	border: #EDEBE9 1px solid;
	background: #F5F4F3;
	padding: 3px;
	margin: 0 5px 0 0;
}

#sidebar ul#news li a:hover img {
	border: #ccc 1px solid;
	background: #eee;
}

#sidebar ul#news li h3 {
	color: #CC3300;
	font-size: 1em;
	font-weight: bold;
	margin: 0;
	display: block;
	float: left;
	width: 150px;
	padding: 0;
}

#sidebar ul#news li p {
	margin: 0;
	padding: 0 0 5px 0;
}

#sidebar ul#news li a {
	text-decoration: underline;
}

/***** FOOTER *****/


#disclaimer {
position:relative;
		clear: both;
	width: 900px;
	text-align: center;/* IE fix to center the page */

 margin-left: auto ;
 top: 10px;
  margin-right: auto ;
background: #CCCCCC;
	font-size: 0.8em;
	margin-bottom:20px;
	color: #333333;
   border: 1px solid #ddd;
   padding: 4px 4px 4px 4px;
   /* optional rounded corners for browsers that support it */
   -moz-border-radius: 3px;
   -khtml-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;

}



#menufooter {
position:relative;
		clear: both;
	width: 955px;
	text-align: center;/* IE fix to center the page */

 margin-left: auto ;
  margin-right: auto ;
background: #D7E3E3;
text-align:center;

	height: 20px;



	

	font-size: 0.9em
	margin-bottom:20px;
}

.botlinks {
position:relative;
		clear: both;
	text-align: center;/* IE fix to center the page */

 margin-left: auto ;
  margin-right: auto ;
background: #D7E3E3;
text-align:center;
	height: 20px;
	font-size: 90%;
	margin-bottom:10px;
}



#menufooter a {
	font-size: 0.9em;
	color: #006600;

}

#menufooter a:hover {
	font-size: 0.9em;
border-bottom: 1px solid #006600;
	color: #006600;

}


#footer {
position:relative;
		clear: both;
	width: 953px;
	text-align: center;/* IE fix to center the page */

 margin-left: auto ;
  margin-right: auto ;


	

	background: #F4F4EA url('../images/footer_bg.jpg') repeat-x 0 0;
	color: #999;
	

	font-size: 0.9em
	margin-bottom:20px;
}

#footer content{
text-align: center;
top:20px;
}
#footer a {

	color: #999;
	border-bottom: 1px dotted #555;
}


#footer a:hover {
	color: #bbb;
	border-bottom: none;
}

#footer .foot_l {
	background: url('../images/footer_l.jpg') no-repeat left top;
	width: 80px;
	height: 74px;
	float: left
}

#footer .foot_l a {
	display: block;
	width: 100%;
	height: 100%;
	text-decoration: none;
	border: 0px none;
}

#footer .foot_r {
	background: url('../images/footer_r.jpg') no-repeat right top;
	width: 26px;
	height: 74px;
	float: right;
	clear: none
}

#footer .foot_content {
	display: block;
	clear: none;
	top: 20px;
	width: 800px;
font-size:0.8em;
	clear: none;
	padding: 10px 10px 10px 10px;
	text-align: center;
}

#footer .foot_content p {
	margin: 0;
	padding: 0;
	line-height: 20px;
}

#footer .foot_content .logo {
	display: block;
	width: 196px;
	height: 38px;
	margin-top: 3px;
	float: left;
}

#footer .foot_content .logo a {
	display: block;
	width: 100%;
	height: 100%;
	cursor: pointer;
	border: medium none;
	background: url('../images/footer_logo.jpg') no-repeat 0 0;
}

#footer .foot_content .logo a:hover {
	display: block;
	background: url('../images/footer_logo.jpg') no-repeat 0 -38px;
}

#footer .foot_info {
	display: block;
	clear: both;
	width: 850px;
	margin: 0 auto;
	text-align: center;
	font-size: 0.80em;
	line-height: normal;
}


/* Back to top */
#footer .backToTop {
	display: inline;
	width: 40px;
	height: 74px;
	float: right;
}

#footer .backToTop a {
	display: block;
	width: 100%;
	height: 100%;
	border: medium none;
	background: url('../images/footer_backToTop.jpg') no-repeat 0 0;
}

#footer .backToTop a:hover {
	border: medium none;
	background: url('../images/footer_backToTop.jpg') no-repeat 0 -74px;
}

#footer ul li {
	display: inline;
}



#middlecolumn{

width: 720px;

display: block;
background-color:#ffffff;

}

#leftsidebar{
position: relative;
display:block;
left: 1px;
width: 180px;
float: left;
	background: url('../images/sidebac.gif');
background-repeat: repeat;
}
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.sidebarmenu ul{
margin: 0;
padding: 0;
list-style-type: none;
font-style:normal; font-variant:normal; font-weight:bold; font-size:90%; font-family:arial, helvetica, sans-serif;

width: 180px; /* Main Menu Item widths */
border-bottom: 1px solid #ccc;
}
 
.sidebarmenu ul li{
position: relative;
}

#sidebarmenutitle{
	background: url('../images/sidemenutop.gif') no-repeat top left;
height:30px;
padding-top: 10px;
text-align: center;
position: relative;
}

/* Top level menu links style */
.sidebarmenu ul li a{
display: block;
height:25px;
border-bottom: solid 1px #FFFFFF;
font-size: 12px;
font-weight: bold; 
overflow: auto; /*force hasLayout in IE7 */
color: #002200;
text-decoration: none;
padding: 6px;
}

.sidebarmenu ul li a:link, .sidebarmenu ul li a:visited, .sidebarmenu ul li a:active{
background-color: #B1CD5F; /*background of tabs (default state)*/
}

.sidebarmenu ul li a:visited{
//color: white;
}

.sidebarmenu ul li a:hover{
background: #52631F; 
font-size: 11px;
font-weight: bold; 
color: white;
padding-left: 5px;
//text-decoration: blink;
border-left: 10px groove #00CC00;
}

/*Sub level menu items */
.sidebarmenu ul li ul{
position: absolute;
width: 170px; /*Sub Menu Items width */
top: 0;
visibility: hidden;
}


.sidebarmenu ul li ul li a{
color: #002200;
border-left: 10px groove #70CFCD;
font-size: 11px;
font-weight: bold; 
background-color: #70CFCD;

}


.sidebarmenu ul li ul li a:link, .sidebarmenu ul li ul li a:visited, .sidebarmenu ul li ul li a:active{
background-color: #70CFCD; /*background of tabs (default state)*/
}


.sidebarmenu ul li ul li a:hover{
background: #2C8381; 
font-size: 11px;
font-weight: bold; 
color: white;
padding-left: 15px;
//text-decoration: blink;
border-left: 10px groove #70CFCD;

}

.sidebarmenu a.subfolderstyle{
background: url('../images/arrow_hl.gif') no-repeat 97% 50%;
}


 
/* Holly Hack for IE \*/
* html .sidebarmenu ul li { float: left; height: 1%; }
* html .sidebarmenu ul li a { height: 1%; }
/* End */


/* Show only to IE PC \*/
* html .boxhead h2 {height: 1%;} /* For IE 5 PC */


.sidebox {
	margin: 0 auto; /* center for now */
	text-align: justify;
	width: 17em;; /* ems so it will grow */
	background: url('../images/sbbody-r.gif') no-repeat bottom right;
	font-size: 80%;
}
.boxhead {
	background: url('../images/sbhead-r_new.gif') no-repeat top right;
	margin: 0;
	padding: 0;
	text-align: center;
}
.boxhead h2 {
	background: url('../images/sbhead-l_new.gif') no-repeat top left;
	margin: 0;
	padding: 10px 30px 5px;
	color: white; 
	font-weight: bold; 
	font-size: 1em; 
	line-height: 1em;
	text-shadow: rgba(0,0,0,.4) 0px 2px 5px; /* Safari-only, but cool */
}


.boxbody h3 {
	color: #CC3300;
	font-size: 1em;
	font-weight: bold;
	margin: 0;
	display: block;
	float: left;
	width: 150px;
	padding: 0;
}

.boxbody {
	background: url('../images/sbbody-l.gif') no-repeat bottom left;
	margin: 0;
	min-height: 100px;
	paddiing : 0 0 0 20px;
}


#sideimage  {
display: block;
width: 175px;
height: 200px;
	line-height: normal;
	background-color: #1122ff;
	border-bottom: dotted 1px #ccc;
	margin: 0 0 5px 0;
	padding: 0;
}


#caption {
display:block;
   border: 1px solid #ddd;
   width: 190px;
   text-align: center;
   background-color: #f3f3f3;
   padding: 4px 4px 4px 4px;

   margin: 5px 10px;
   /* optional rounded corners for browsers that support it */
   -moz-border-radius: 3px;
   -khtml-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
}

#mttslink a{
	color: #CC3300;
	text-align: center;
	font-size: 0.8em;
	font-weight: bold;
	display: block;


}

#title {
	position: relative;

float: right;
	color: #CC3300;
	font-size: 0.8em;
	font-weight: bold;
	margin-left: 10;
	display: block;

	width: 190px;
	padding: 0;
}
 
#rightsidebar{
	background: url('../images/sideback.gif') ;
background-repeat: repeat-x;
height: auto;
}


/***************added by Jagan*/
#leftcol { 
	position:relative;
	padding: 10px 10px 10px 10px;
	float:left;
	width:200px; /* actual value */
height: 100%;

min-height: 100%;
border-right: 2px dotted #339933;

background: url('../images/sideback.jpg') repeat;
text-align:left;
	z-index:100;
}
	
	
	
	
#rightcol {
float: right;
position: relative;
	width:200px; /* actual value */

	padding:10px;
background: url('../images/sideback.jpg') ;	z-index:99;
border-left: 2px dotted #339933;

	}
	
	
	
#centercol {
	position:relative;
float: left;
	background-color: #FFFFFF;

width: 505px;
	}
	
#centercolgeneral {
	position:relative;
float: right;	background-color: #FFFFFF;

width: 730px;

	}
		
	
	
 
/* Holly Hack for IE \*/
* html .sidebarmenu ul li { float: left; height: 1%; }
* html .sidebarmenu ul li a { height: 1%; }
/* End */


/* Show only to IE PC \*/
* html .boxhead h2 {height: 1%;} /* For IE 5 PC */


.sidebox2 {
	margin: 0 auto; /* center for now */
	text-align: center;
	width: 200px; /* ems so it will grow */
	font-size: 80%;
}
.box2head {

	margin: 0;
	padding: 0;
	text-align: center;
}
.box2head h2 {
	background: url('../images/sideboxtop.gif') no-repeat;
	margin: 0;
	min-heigh: 60px;
	padding: 10px 30px 15px 30px;
	color: white; 
	font-weight: bold; 
	font-size: 1.1em; 
	line-height: 1em;
	text-shadow: rgba(0,0,0,.4) 0px 2px 5px; /* Safari-only, but cool */
}


.box2body h3 {
	color: #CC3300;
	font-size: 1em;
	font-weight: bold;
	margin: 0;
	display: block;
	float: left;
	width: 150px;
	padding: 0;
}

.box2body {
	background: url('../images/sideboxbody.gif') repeat;
	text-align: justify;
	margin-left: 0;
	min-height: 100px;
padding-left: 10px;
}





	
 
/* Holly Hack for IE \*/
* html .sidebarmenu ul li { float: left; height: 1%; }
* html .sidebarmenu ul li a { height: 1%; }
/* End */


/* Show only to IE PC \*/
* html .boxhead h2 {height: 1%;} /* For IE 5 PC */



.sidebox3 {
	margin: 0 auto; /* center for now */

	width: 200px; /* ems so it will grow */
	font-size: 100%;
}
.box3head {
min-height: 30px;
	margin: 0;
	padding: 0;
	text-align: center;
}
.box3head h2 {
	background: url('../images/sidebox3top.gif') no-repeat;
	margin: 0;
	padding: 10px 30px 15px 30px;
		color: white; 
	font-weight: bold; 
	font-size: 1.1em; 
	line-height: 1em;
	text-shadow: rgba(0,0,0,.4) 0px 2px 5px; /* Safari-only, but cool */
}


.box3body h3 {
	color: #CC3300;
	font-size: 1em;
	font-weight: bold;
	margin: 0;
	display: block;
	float: left;
	width: 150px;
	padding: 0;
}

.box3body {
	background: url('../images/sideboxbody.gif') repeat;
	text-align: center;
	margin: 0;
	min-height: 200px;
	paddiing : 0 0 0 20px;

}

.boxtext {
padding-left: 10px;;
 display: block;
position: relative;
	text-align: left;
left: 0px;
width: 180px;
line-height: 1.2em;
font-size: 0.95em;
font-weight: normal;
}	

.boxtextspecial {
text-align: center;
width: 100px;
float: right;
font-size: 1em;
font-weight: bold;
background: url('../images/sideback.jpg') repeat;
border: 2px solid #FFFFFF;
}	


#toptitle {
display: block;
margin: 0 auto;/* center the page in Firefox */
  	text-align: right;
	width: 940px;
top: 30px;
	height:15px;

	position: relative;
	z-index: 1;
	color: white;

font-style:normal; font-variant:normal; font-weight:normal; font-size:80%; font-family:arial, helvetica, sans-serif;

}



#toptitle .sitename a{

	float: right;
position: relative;
	color: #66FF00;
	font-size: 1.2em;
	font-weight: bold;

}

#toptitle .sitename a:hover {
color: #66FF00;
	font-size: 1.2em;
	font-weight: bold;

}




#mttsyears {
//position: absolute;
position:relative;
//background-color: #FFFFFF;
background: url('../images/sideback.jpg') ;	z-index:99;
background: #FFFFFF;
//top: 70px;

padding: 0;
float: right;
//margin-left: 550px;

margin-left: 10px;
font-style:normal; font-variant:normal; font-weight:bold; font-size:90%; font-family:arial, helvetica, sans-serif;

width: 160px; /* Main Menu Item widths */
height: 250px;
overflow: auto;
//visibility: hidden;
//border-left: 2px solid #000000;

//border-left: 2px dotted #339933;
//border: 10px groove #339933;
//border-bottom: 2px solid #000000;
}


#mttsyears ul{
margin: 0;
padding-left: 5px;
//margin-bottom: 10px;
list-style-type: none;
font-style:normal; font-variant:normal; font-weight:bold; font-size:90%; font-family:arial, helvetica, sans-serif;
display: block;
//width: 110px; /* Main Menu Item widths */
//border-bottom: 1px solid #ccc;
}
 
#mttsyears ul li{
	background: #FFFFFF;
border-bottom: 2px dotted #ccc;
border-left: 1px solid #ccc;
position: relative;
display: block;
width: 100px;
}

#mttsyearstitle{
	background: url('../images/sidemenutop.gif') no-repeat top left;
height:30px;
padding-top: 10px;
text-align: center;
position: relative;
}

#mttsyears ul li a{
	background-color: #FFFFFF;
display: block;
//display: inline;
//height:25px;
	border-bottom: solid 3px #FFFFFF;
width: 100px;
overflow: auto; /*force hasLayout in IE7 */
color: #002200;
text-decoration: none;
padding: 6px;
}

#mttsyears ul li a:visited{
//color: white;
}

#mttsyears ul li a:hover{
font-weight: bold; 

text-decoration: underline;

}




#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url('data:image/gif;base64,AAAA'); /* Trick IE into showing hover */ display: block }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url('../images/prevlabel.gif') no-repeat left 15%; }
#nextLink:hover, #nextLink:visited:hover { background: url('../images/nextlabel.gif') no-repeat right 15%; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }

#clearfloats {
clear: both;
}