/*GENERAL STYLES*/



body { margin-top: -8px; margin: 0; padding:0; background-color: #43708E; color: black; background-image: url('site_images/mainbackgroundfade.jpg'); background-repeat: repeat-x; background-attachment: fixed;



}



img { margin: 0; padding: 0; border: 0;}











img.left { float: left; margin-left: 0; margin-right: 5px; margin-bottom: 5px; position: relative; }



img.right { float: right; margin-left: 5px; margin-right: 0; margin-bottom: 5px; position: relative; }



img.viewerlogo {float: right;}



img.header {float: left; margin: 0; padding: 0}





hr {background-color: #ccc; color: #ccc; height: 1px; border: none; margin: 15px 5px 15px 0;}



.clearfloat {clear: both; position: relative;}



abbr, acronym, .help {

  border-bottom: 1px dotted #333;

  cursor: help;

  }



.caption {background-color: transparent; color: #333; font-family: verdana, arial, sans-serif; letter-spacing: 0em; font-size: .6em; font-style: normal;  text-decoration: none; margin: 2px 5px 15px 0; padding: 1px 1px 1px 1px; width: auto;}



div.center {margin: 0 auto 0 auto; text-align: center;}









/*FAKE TABLES: Use 186px wide for all images in the left column - if you change it here, change it everywhere */



div.row {clear: both;}

div.row span.picture {float: left; width: 186px; text-align: left; margin: 0 10px 5px 0;}

div.content {float: left; width: 510px; text-align: left;}













/*END GENERAL STYLES*/











/* MAIN CONTAINER STYLES */



#maincontainer { background-color: white; color: black; position: relative; margin: 0 auto 15px auto; padding: 0 0px 10px 0px; border-left: 3px solid #43708E; border-right: 3px solid #43708E; border-bottom: 3px solid #43708E; width: 800px;}



/* END CONTAINER STYLES */











/* LOGO AND JOIN AND AD BOXES HEADER */



#logobox {



position: relative; z-index: 5;



}





/* END LOGO AND JOIN AND AD BOXES HEADER */







/*MENU PLACEMENT AND SPACING RELATIVE TO SURROUNDING ELEMENTS*/







#menucontainer { margin: 0px 0px 0px 0px;







position: relative; border: none; background-color: #43708E; color: black; clear: both; padding: 0; z-index: 100;}







#menu { position: relative; border-bottom: 0px solid #ccc; z-index: 0; padding-bottom: 2px;



}











/*END MENU PLACEMENT AND SPACING RELATIVE TO SURROUNDING ELEMENTS*/



































/*MAIN MENU STYLES*/







#menu a:link, #menu a:visited {background-color: #43708E; color: #ffffff; font-family: verdana, arial, sans-serif; letter-spacing: 0em; font-size: .7em; font-style: normal; text-decoration: none; padding: 0px 1px 0px 1px; margin: 1px 1px 1px 10px; border: 0px solid #577DBE;}







#menu a:link:hover, #menu a:visited:hover {background-color: #eee; color: #FF0000; font-family: verdana, arial, sans-serif; letter-spacing: 0em; font-size: .7em; font-style: normal; text-decoration: none; padding: 0px 1px 0px 1px; margin: 1px 1px 1px 10px; border: 0px solid #577DBE;}







#menu a:link:active, #menu a:visited:active {background-color: #6C8AD0; color: white; font-family: verdana, arial, sans-serif; letter-spacing: 0em; font-size: .7em; font-style: normal; text-decoration: none; padding: 0px 1px 0px 1px; margin: 1px 1px 1px 10px; border: 0px solid #577DBE;}







#menu a.current, #menu a.current:hover, #menu a.current:visited, #menu a.current:visited:hover {background-color: #43708E; color: #FFFF00; font-family: verdana, arial, sans-serif; letter-spacing: 0em; font-size: .7em; font-style: normal; text-decoration: none; padding: 0px 1px 0px 1px; margin: 1px 1px 1px 10px; border: 0px solid #eeeeee;}







#menu ul {list-style-type: none; display: inline; padding: 0; margin: 0;}







#menu li {list-style-type: none; display: inline; padding: 0; margin-right: 6px;}







/*END OF MAIN MENU STYLES*/















/*SUBMENU STYLES*/



#submenu a:link, #submenu a:visited {background-color: #fff; color: #888; font-family: verdana, arial, sans-serif; letter-spacing: 0em; font-size: .7em; font-style: normal; text-decoration: none; padding: 0 1px 0 1px; margin: 1px 1px 1px 1px; border: 1px solid #eeeeee;}



#submenu a:link:hover, #submenu a:visited:hover {background-color: #eee; color: #888; font-family: verdana, arial, sans-serif; letter-spacing: 0em; font-size: .7em; font-style: normal; text-decoration: none; padding: 0 1px 0 1px; margin: 1px 1px 1px 1px; border: 1px solid #888;}



#submenu a:link:active, #submenu a:visited:active {background-color: #6C8AD0; color: white; font-family: verdana, arial, sans-serif; letter-spacing: 0em; font-size: .7em; font-style: normal; text-decoration: none; padding: 0 1px 0 1px; margin: 1px 1px 1px 1px; border: 1px solid blue;}



#submenu a.current, #submenu a.current:hover, #submenu a.current:visited, #submenu a.current:visited:hover {background-color: #FCBE45; color: black; font-family: verdana, arial, sans-serif; letter-spacing: 0em; font-size: .7em; font-style: normal; text-decoration: none; padding: 0 1px 0 1px; margin: 1px 1px 1px 1px; border: 1px solid red;}



#submenu ul {list-style-type: none; display: inline; padding: 0; margin: 0;}



#submenu li {list-style-type: none; display: inline; padding: 0; margin: 5px 6px 0 0;}





/* END OF SUBMENU STYLES */











/* MAIN CONTENT AREA STYLES */







#maincontentcontainerleft {

	

	float: left;

	width: 475px;



	}

#maincontentcontainerright {

	float: right;

	width: 275px;

	border-left: 1px solid #ccc;

	padding-left: 7px;

	margin-bottom: 0px;

	}





#contentcontainer { margin-top: 5px; margin-bottom: 20px;}



#contentcontainer table

{background-color: white; color: #333; font-family: verdana, arial, sans-serif; letter-spacing: 0em; font-size: .7em; font-style: normal;  text-decoration: none; padding: 0; margin: 0;}



#contentcontainer p {background-color: white; color: #333; font-family: verdana, arial, sans-serif; letter-spacing: 0em; font-size: .9em; font-style: normal;  text-decoration: none; margin: 7px 0px 10px 10px; padding: 0;}



#contentcontainer a:link, #contentcontainer a:visited, #contentcontainer a:active	{background-color: none; color: #1842FA; text-decoration: underline;}



#contentcontainer a:visited:hover, #contentcontainer a:hover	{ background-color: white; color: #FF0000; text-decoration: underline;}



#contentcontainer a.top:link, #contentcontainer a.top:visited, #contentcontainer a.top:active	{float: right; text-align: right; background-color: transparent; color: #1842FA; text-decoration: none; border: 1px solid #1842FA; padding: 0 2px 0 2px;}



#contentcontainer a.top:visited:hover, #contentcontainer a.top:hover	{float: right; text-align: right; background-color: #eee; color: #6071BA; text-decoration: none; border: 1px solid #6071BA; padding: 0 2px 0 2px;}







#contentcontainer h1 {background-color: #666; background-image: url(site_images/h1bg.jpg); background-repeat: repeat-x; color: white; font-family: verdana, arial, sans-serif; letter-spacing: 0em; font-weight: 400; font-size: .7em; font-style: normal;  text-decoration: none; padding: 1px 0 3px 3px; margin: 0; clear: both; }



* html #contentcontainer h1 {position: relative;} /* for IE/Win */



#contentcontainer h2 {background-color: #aaa; background-image: url(site_images/h2bg.jpg); background-repeat: repeat-x; color: #222; font-family: verdana, arial, sans-serif; letter-spacing: 0em; font-weight: 400; font-size: .7em; font-style: normal;  text-decoration: none; padding: 1px 0 3px 3px; margin: 20px 0 0 0; clear: both; }



* html #contentcontainer h2 {position: relative;} /* for IE/Win */



#contentcontainer h3 {background-color: #eee; background-image: url(site_images/h3bg.jpg); background-repeat: repeat-x; color: #222; font-family: verdana, arial, sans-serif; letter-spacing: 0em; font-weight: 400; font-size: .7em; font-style: normal;  text-decoration: none; padding: 1px 0 3px 3px; margin: 0; clear: both; }



* html #contentcontainer h3 {position: relative;} /* for IE/Win */



#contentcontainer h4 {background-color: white; color: black; font-family: verdana, arial, sans-serif; letter-spacing: 0em; font-weight: 400; font-size: .7em; font-style: normal;  text-decoration: none; padding: 1px 0 3px 3px; margin: 0; clear: both; }



* html #contentcontainer h3 {position: relative;} /* for IE/Win */



#contentcontainer li {list-style-type: disc; padding: 0; background-color: white; color: #333; font-family: verdana, arial, sans-serif; letter-spacing: 0em; font-size: .7em; font-style: normal; margin: 0 0 0 15px;}



* html #contentcontainer li {position: relative;} /* for IE/Win */



#contentcontainer li.inline {list-style-type: disc; padding: 0; background-color: white; color: #333; font-family: verdana, arial, sans-serif; letter-spacing: 0em; font-size: .7em; font-style: normal;  margin: 0 0 0 5px; display: inline;}



* html #contentcontainer li.inline {position: relative;} /* for IE/Win */







/* END MAIN CONTENT AREA STYLES */













/* RIGHT COLUMN STYLES*/ 



#newscontentcontainer {position: relative; margin-top: 5px; margin-bottom: 15px;

}



#newscontentcontainer p {background-color: white; color: #333; font-family: verdana, arial, sans-serif; letter-spacing: 0em; font-size: .65em; font-style: normal;  text-decoration: none; margin: 7px 10px 10px 0; padding: 0;}



#newscontentcontainer a:link, #newscontentcontainer a:visited, #newscontentcontainer a:active	{background-color: #EFD4DF; color: #C80050; text-decoration: underline;}



#newscontentcontainer a:visited:hover, #newscontentcontainer a:hover	{background-color: white; color: #E773A2; text-decoration: underline;}



#newscontentcontainer h1 {background-color: #eee; background-image: url(site_images/nch1bg.jpg); background-repeat: repeat; color: white; font-family: verdana, arial, sans-serif; letter-spacing: 0em; font-weight: 400; font-size: .7em; font-style: normal;  text-decoration: none; padding: 1px 0 3px 3px; margin: 0; clear: both; }



* html #newscontentcontainer h1 {position: relative;} /* for IE/Win */



/* END RIGHT COLUMN STYLES*/ 













/*FOOTER STYLES*/ 



#footer {border-top: 1px solid #ccc; position: relative; z-index: 0; color: black; background-color: white; padding-top: 10px; font-family: verdana, arial, sans-serif; font-size: .6em; font-style: normal;  clear: both; }





#footer a:link, #footer a:visited, #footer a:active	{background-color: #eee; color: #577DBE; text-decoration: none;}



#footer a:visited:hover, #footer a:hover	{background-color: #eee; color: #333; text-decoration: none;}



/*END FOOTER STYLES*/ 













/*IMAGE VIEWER STYLES*/ 



#viewercontrolbox { position: absolute; top: 0px; left: 10px; border-right: 1px solid #ccc; border-left: 1px solid #ccc; background-color: white; color: black; height: 70px; width: 558px; clear: both; padding: 4px 10px 0px 10px; }



#mainpicturecontainer  { position: absolute; top: 74px; left:	10px; border-right: 1px solid #ccc; border-left: 1px solid #ccc; border-bottom: 1px solid #ccc; background-color: white; color: black; height: 500px; width:	558px; clear: both; padding: 10px; }



.viewertext {background-color: white; color: #333; font-family: verdana, arial, sans-serif; letter-spacing: 0em; font-size: .7em; font-style: normal;  text-decoration: none; padding: 0;  margin: 0;}



.viewertextsmall {background-color: white; color: #333; font-family: verdana, arial, sans-serif; letter-spacing: 0em; font-size: .6em; font-style: normal;  text-decoration: none; padding: 0;  margin: 0;}



.viewertextinstruction {background-color: white; color: #333; font-family: verdana, arial, sans-serif; letter-spacing: 0em; font-size: .6em; font-style: normal; text-decoration: none; padding: 0;  }



.viewertextwhite {background-color: white; color: #eee; font-family: verdana, arial, sans-serif; letter-spacing: 0em; font-size: .7em; font-style: normal;  text-decoration: none; padding: 1px; margin: 0; border: 1px solid #eee;}



#viewercontrolbox h1 {background-color: white; color: black; font-family: verdana, arial, sans-serif; letter-spacing: 0em; font-weight: 100; font-size: .7em; font-style: normal;  text-decoration: none; padding: 1px 0 3px 1px; margin: 0 0 -10px 0; clear: both;}



#viewercontrolbox a:link, #viewercontrolbox a:visited {background-color: #fff; color: #577DBE; font-family: verdana, arial, sans-serif; letter-spacing: 0em; font-size: .7em; font-style: normal;  text-decoration: none; padding: 1px; margin: 0; border: 1px solid #577DBE;}



#viewercontrolbox a:link:hover, #viewercontrolbox a:visited:hover {background-color: #eee; color: blue; font-family: verdana, arial, sans-serif; letter-spacing: 0em; font-size: .7em; font-style: normal;  text-decoration: none; padding: 1px; margin: 0; border: 1px solid blue;}



#viewercontrolbox a:link:active, #viewercontrolbox a:visited:active {background-color: #aaa; color: white; font-family: verdana, arial, sans-serif; letter-spacing: 0em; font-size: .7em; font-style: normal;  text-decoration: none; padding: 1px; margin: 0;}





#viewerfooter { position: absolute; top: 599px; right: 10px; margin-left: 10px; margin-right: 10px; background-color: white; color: black; height: auto; width: auto; clear: both; z-index: 100; }



#viewerfooter a:link, #viewerfooter a:visited {background-color: #fff; color: #577DBE; font-family: verdana, arial, sans-serif; font-size: .6em; font-style: normal; text-decoration: none; padding: 0; margin: 0;}



#viewerfooter a:link:hover, #viewerfooter a:visited:hover {background-color: #eee; color: blue; font-family: verdana, arial, sans-serif; font-size: .6em; font-style: normal; text-decoration: none; padding: 0; margin: 0;}



#viewerfooter a:link:active, #viewerfooter a:visited:active {background-color: #aaa; color: white; font-family: verdana, arial, sans-serif; font-size: .6em; font-style: normal; text-decoration: none; padding: 0; margin: 0;}









/*END IMAGE VIEWER STYLES*/