html, body, div, p, li, ul, ol, form, fieldset, h1, h2, h3, h4, h5, h6   { margin: 0; padding: 0; list-style: none; }

body		  { font: normal 62.8%/1.3 Arial, Helvetica, sans-serif; background: #5b5b5b; padding: 0px 0; }
a			  { color: #148d04; }
a:hover	      { text-decoration: underline; color: #000;}
a img   	  { border: 0; }
img           {  }
input
select,
textarea      { font-family: Arial, lucida, sans-serif; font-size: 1em; vertical-align: middle; }
input, 
textarea	  { background: #044979; padding: 2px 0; margin: 0; border: 1px solid #1776a4; color: #000; }
button	      { vertical-align: middle; margin: 0; padding: 0; height: 18px; border: none; text-decoration: underline; font-weight: bold; color: #00CCFF; cursor: pointer; }
.submit       { width: auto; overflow: visible; background-color: #312b2a; border: 1px solid #000; padding: 0 5px; color: #fff; font-weight: bold; cursor: pointer; }

h1	{ font-size: 2em; }
h2	{ font-size: 1.6em; }
h3	{ font-size: 1.4em; }
h4	{ font-size: 1.2em; }
h5	{ font-size: 1.1em; }
h6	{ font-size: 1em; }
p   { line-height: 20px; }

h1, h2, h3, h4, h5, h6  { color: #d9d9d9; font-family: "Century Gothic"; padding-left:30px; }

table           { border-collapse: collapse; width: 95%; }
table td,
table th        { border: 0px #d8d8d8 solid; padding: 10px; }
table th        { text-align: left; }
table td.right  { padding-left: 5px; }
table th.right  { padding-left: 5px; }
table td.left   { padding-right: 5px; }
table th.left   { padding-right: 5px; }

blockquote  { margin: 0; padding: 10px 20px; color: #333; line-height: 1.6; font-family: Georgia, serif; }
fieldset    { border: 0; }

.ico              { padding-left: 15px; }
.ico-breezy       { background: url('../images/ico/ico-breezy.gif') 2px 0 no-repeat; padding: 2px 0 1px 25px; }
.ico-breezy:hover { background-position: 2px -18px; }

.hidden   { display: none; }

#view     { width: 977px; margin: 0 auto; }
#head     { font-size: 1.2em; }
#content  { font-size: 1.2em; }
#foot     { font-size: 1.2em; clear: both; }

#main       { position: relative; padding-left: 25px; margin-bottom: 12px; }
#main h1    { font-family: sans-serif; font-size: 2.2em; }
#main h1 a  { text-decoration: none; color: #fff; }
#main h2    { font-weight: normal; font-size: 1em; padding-left: 2px; margin-top: -3px; }
#main h2,
#main h2 a  { color: #8bcced; text-decoration: none; }

#head a:hover { text-decoration: none; }

#logo 		{ height: 236px; background: #63b7dd url('../images/bg-logo.jpg') no-repeat; }
#logo *     { color: #eaafa3; text-decoration: none; }
#logo h2    { font-weight: normal; font-size: 3em; color: #494949; margin: 25px 0 0 650px; font-family: "Century Gothic"; padding-left: 0px; }
#logo .block{ position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; text-decoration: none; }

.top	    { margin-top: 100px; }
.fr		    { float: right; }
.fl		    { float: left; }
.clear		{ clear: both; }
.right		{ text-align: right; }
.left		{ text-align: left; }
.center		{ text-align: center; }
.last		{ margin-right: 0; margin-bottom: 0; border-bottom: none; }
.small		{ font-size: .90em; }
.big		{ font-size: 1.5em; }
.item		{ margin-bottom: 1.5em; clear: both; }
.info		{ font-size: .95em; margin: 2px 0 6px; color: #148d04; }
.img		{ padding-top: 5px; padding-bottom: 5px; padding-right: 5px; float: left; }
.img img	{ padding: 0; border: none; }
.self		{ padding-left: 5px; float: left; margin-top: 20px; }
.self2		{ width: 499px; text-align:center; margin-top: 50px;  }
.self3		{ width: 235px; text-align:center; margin-top: 20px; float: left; }
.date		{ font-weight: bold; color: #066bb6; }
.perex		{ margin-bottom: 0; }
.fonttype	{ color: #2b6ce2; font-family: "Century Gothic"; }
.fontsize	{ font-size:10px; }
.col1		{ width: 49%; float: left; }
.col2		{ width: 49%; float: right; }
.col2 *		{ padding-left: 0; }
img.left	{ margin-left: 0; }
img.right	{ margin-right: 0; }

#logo       { position: relative; width: 100%; height: 261px; overflow: hidden; background: #398db9 url('../images/bg-logo.jpg') 0 0 no-repeat; }
#mainMenu   { height: 50px;  background: url('../images/bg-menu.gif') no-repeat; font-family: "Century Gothic";}
#content    { width: 100%; height: 100%; background: #fff; float: left; }
#foot       { height: 120px; background: #5b5b5b url('../images/bg-foot.gif') no-repeat; }

#mainMenu ul			{ position: relative; height: 100%; margin-left:30px; margin-right:29px;}
#mainMenu li			{ position: relative; float: left;}
#mainMenu li a			{ display: block; width: 153px; height: 34px; padding-top: 16px; float: left; font-size: 1.4em; color: #d9d9d9; text-decoration: none; text-align: center;}
#mainMenu li.active a,
#mainMenu li a:hover	{ background-color: #5b5b5b; background-position: 0 -43px; }

#search 		{ position: absolute; right: 481px; top: -2px; width: 30%; text-align: right; visibility: visible; overflow: visible; }
#search .button { width: 166px ; height: 17px; border: none; background: url('../images/bg-input.gif'); padding: 3px 12px; }
#search .submit { width: 22px ; height: 23px; background: url('../images/bg-submit.gif') no-repeat; border: none; padding: 0; margin-left: 5px; } 

#menuBlock2						{ width: 200px; float: left;  padding-top:20px; margin-left:10px;}
#menuBlock2 .box				{ padding: 0 30px 0 10px; overflow: hidden; clear: both; }
#menuBlock2 .firstBox			{ height: 56px; background: url('../images/bg-box2-top.gif') 0 0 no-repeat; }
#menuBlock2 .midBox				{ height: auto; background: url('../images/bg-box2-mid.gif') repeat }
#menuBlock2 .secondBox			{ height: 24px; background: url('../images/bg-box2-bot.gif') 0 0 no-repeat; }
#menuBlock2 .box h3				{ padding-top: 18px; }
#menuBlock2 .boxText p,			
#menuBlock2 .boxText a			{ color: #5b5b5b; font-family: "Century Gothic"; }

#menuBlock                      { width: 223px; float: right; padding-top:20px; margin-right:10px; }
#menuBlock .box                 { padding: 0 30px 0 10px; overflow: hidden; clear: both; }
#menuBlock .firstBox            { height: 56px; background: url('../images/bg-box-top.gif') 0 0 no-repeat; }
#menuBlock .midBox            	{ height: auto; background: url('../images/bg-box-mid.gif') repeat }
#menuBlock .secondBox           { height: 24px; background: url('../images/bg-box-bot.gif') 0 0 no-repeat; }
#menuBlock .box h3              { padding-top: 18px; }
#menuBlock .boxText p,			
#menuBlock .boxText a           { color: #5b5b5b; font-family: "Century Gothic"; }

#mainBlock                      { width: 500px; float: left; margin-left: 17px; padding-top: 20px; }
#mainBlock .box                 { padding: 0 10px 0 10px; overflow: hidden; clear: both; }
#mainBlock .firstBox            { height: 56px; background: url('../images/bg-content-top.gif') 0 0 no-repeat; }
#mainBlock .midBox            	{ height: auto; background: url('../images/bg-content-mid.gif') repeat; }
#mainBlock .midBox2            	{ padding: 0 70px 0 70px; text-align:center; height: auto; background: url('../images/bg-content-mid.gif') repeat; color: #5b5b5b; font-family: "Century Gothic"; }
#mainBlock .secondBox           { height: 24px; background: url('../images/bg-content-bot.gif') 0 0 no-repeat; }
#mainBlock .box h2				{ padding-top: 18px; padding-left: 50px;}
#mainBlock .boxText p,			
#mainBlock .boxText a           { color: #5b5b5b; font-family: "Century Gothic"; }

#menuBlock .boxText p,
#menuBlock .boxText ul,
#menuBlock .boxText ol,
#menuBlock .boxText table       { margin-bottom: 2em; }
#menuBlock .boxText ul,
#menuBlock .boxText ol          { padding-left: 10px; }
#menuBlock .boxText ol          { padding-left: 17px; }
#menuBlock .boxText ul *,
#menuBlock .boxText ol *        { margin-bottom: 0; }
#menuBlock .boxText ul li       { margin: 3px 0; list-style: disc; }
#menuBlock .boxText ol li       { margin: 3px 0 3px 10px; padding: 0; list-style: decimal; }

#menuBlock2 .boxText p,
#menuBlock2 .boxText ul,
#menuBlock2 .boxText ol,
#menuBlock2 .boxText table       { margin-bottom: 2em; }
#menuBlock2 .boxText ul,
#menuBlock2 .boxText ol          { padding-left: 10px; }
#menuBlock2 .boxText ol          { padding-left: 17px; }
#menuBlock2 .boxText ul *,
#menuBlock2 .boxText ol *        { margin-bottom: 0; }
#menuBlock2 .boxText ul li       { margin: 3px 0; list-style: disc; }
#menuBlock2 .boxText ol li       { margin: 3px 0 3px 10px; padding: 0; list-style: decimal; }

#mainBlock .boxText p,
#mainBlock .boxText ul,
#mainBlock .boxText ol,
#mainBlock .boxText table       { margin-bottom: 2em; }
#mainBlock .boxText ul,
#mainBlock .boxText ol          { padding-left: 10px; }
#mainBlock .boxText ol          { padding-left: 17px; }
#mainBlock .boxText ul *,
#mainBlock .boxText ol *        { margin-bottom: 0; }
#mainBlock .boxText ul li       { margin: 3px 0; list-style: disc; }
#mainBlock .boxText ol li       { margin: 3px 0 3px 10px; padding: 0; list-style: decimal; }

#foot p       { padding: 80px 18px 0; }
#foot *       { color: #d9d9d9; }
#foot a:hover { color: #fff; }

#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) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover	{ background: url(../images/nextlabel.gif) right 15% no-repeat; }

#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; }