/**** UNIVERSAL ELEMENTS ****/
body {
	font-family: Arial;
	font-size: 11px;
	color:#333333;
	width: 900px;
	max-width:900px;
	margin: 0 auto;
}

a:link{text-decoration: none; color:#CC0000;}
a:visited{text-decoration: none; color:#660000;}
a:hover{text-decoration: none; color:#CC0000;}
a:active{text-decoration: none; color:#CC0000;}

img.png {behavior: url(iepngfix.htc);}
img {border:0px;}
.clear { clear:both; }

/*-- Header CSS --*/
#header {width: 900px; margin: 0px auto; position: relative; height: 245px;}

#topEmail { width:900px; max-width:900px; height: 35px; background-color:#000000; font-family:arial; font-size:11px; color:#666666; text-align:right;}
form { padding-right: 5px; padding-top:4px; }
form #enteremail { font-size:11px; font-family:arial; width:150px; margin-bottom: 7px;}

#left { width:372px; height:245px; background-image:url(images/headerbg.jpg); position:relative; top:-35px; left:25px;}
#left h1 { text-align: center; line-height:25px; padding-top:9px; padding-bottom:10px; padding-left:10px; padding-right:10px; color:#FFFFFF; font-size:12px; margin:0px;}
#left img { padding-top: 35px; padding-left:55px; text-align:center; behavior: url(iepngfix.htc); }


/*-- Main Menu CSS --*/
#menu {width: 503px; height:130px; background-image:url(images/menubg.jpg); color:#FFFFFF; position: absolute; top:60px; right:0px;}
#menu .menuArts { float: left; width: 150px; text-align: center; padding-top: 30px; font-size:18px;}
#menu .menuScenery {float: left; width: 180px; text-align: center; padding-top: 30px; font-size:18px; }
#menu .menuWildlife {float: right; width: 170px; text-align: center; padding-top: 30px; font-size:18px; }
	#menu a:link{text-decoration: none; color:#FFFFFF;}
	#menu a:visited{text-decoration: none; color:#FFFFFF;}
	#menu a:hover{text-decoration: none; color:#CC0000;}
	#menu a:active{text-decoration: none; color:#FFFFFF;}
#menu img {behavior: url(iepngfix.htc); }

/**** INDEX.PHP CSS ****/
/*-- Descriptive Text CSS --*/
#right { width:485px; height:38px; position: absolute; top:200px; margin-left: 400px;}
#right h2 {margin:0px; padding-top:3px; padding-bottom:0px; padding-left:5px; padding-right:3px; color:#333333; font-size:10px; font-style:italic; text-align:center;}

#bodyMain {width:900px; max-width:900px; margin: 0 auto;}
#artsCat { width:284px; float:left; text-align:center; background-color:#cecece; margin: 0 auto; height:550px; }
#sceneryCat { width:284px; float:left; text-align:center; background-color:#cecece; margin-left: 24px; height:550px; }
#wildlifeCat { width:284px; height: 100%; float:right; text-align:center; background-color:#cecece;  margin-right:0px; height:550px;}
.indexPosterBox { width: 230px; margin-left:22px; margin-top:25px;}

/*-- Sub Header (New Cat) CSS --*/
#subHeader{ width:230px; height:62px; max-height:62px; text-align:center; margin: 0 auto; margin-top:17px; }
#notepad { width:55px; height:62px; background-image:url(images/notepad.png); float: left; max-height:62px; max-width:55px;}
#notepad .newNumber { text-align:center; color:#990000; font-family:Georgia, "Times New Roman", Times, serif; font-size:24px; font-weight:bold; }
#notepad .newText { text-align:center; color:#666666; font-size:11px; font-weight:bold; }

#subHeaderRight { text-align:center; height: 62px; max-height:62px; width:170px; float:right; }
#subHeaderRight h3 { width: 170px; font-size:28px; color:#625954; margin:0px; max-height:62px; margin-top:0px; margin-left:0px; margin-right:0px;}


/**** OTHER PAGES' CSS ****/
/*-- top --*/
#topNav { background-color:#cecece; width:900px; max-width:900px; height:52px; max-height:52px; }
#sidebarLeft { float: left; height:24px; padding-left:15px; vertical-align:text-top;}
#sidebarRight { float: right; height:24px; padding-right:15px; }
.pageHeader { text-align:left; font-size:32px; color:#333333; display:block; float: left; height:24px; width:240px; }
.breadcrumbs { text-align:left; display:block; float: left; padding-top: 24px; padding-left:10px}

/*-- Poster content --*/
#middleContainer{ background-color:#cecece; width:900px; max-width:900px; margin-top: 1px; }
#content { padding: 30px 0px 30px 0px; }
.posterBox { width:205px; max-width: 205px; height:230px; max-height:235px; float:left; text-align:center; /*padding: 10px 15px 10px 15px;*/ margin-left:14px; margin-bottom:10px; font-size: 10px; }
	.posterBox img { margin-bottom:5px; }
	.posterBox a:link{text-decoration: none; color:#CC0000;}
	.posterBox a:visited{text-decoration: none; color:#660000;}
	.posterBox a:hover{text-decoration: none; color:#CC0000;}
	.posterBox a:active{text-decoration: none; color:#CC0000;}
.APCTitleAnchor { text-align: center; }
.APCAnchor { text-align:center; color: #993333; font-size:9px;} 
.posterButton { margin:0 auto; padding-top: 5px;}
.decorbox { width:860px; max-width: 860px; float:center; text-align:left; /*padding: 10px 15px 10px 15px;*/ margin-left:14px; margin-bottom:10px; font-size: 11px; }

/*-- Bottom Bar Nav --*/
#bottomNav { background-color:#cecece; width:900px; max-width:900px; height: 25px; max-height: 25px; margin-top: 1px; padding-top:10px;} 


/**** PAGINATION CSS ****/
#pagination { font-family:arial; font-size:11px; color:#666666; height: 24px; text-align:right; }
	#pagination a:link{text-decoration: none; color:#CC0000;}
	#pagination a:visited{text-decoration: none; color:#330000;}
	#pagination a:hover{text-decoration: none; color:#CC0000;}
	#pagination a:active{text-decoration: none; color:#CC0000;}


/**** FIXED ELEMENTS ****/
/*-- Footer CSS --*/
#footer { width:900px; max-width:900px; margin-bottom:0px; margin:0px;}

#contactText { width:900px; max-width:900px; background-color:#e9e9e9; height:20px; text-align: center; padding-top: 6px}
#contactText a { color:#CC0000;}

#footerBar { width:900px; max-width:900px; height:36px; background-color:#CFCFCF; color:#666666; padding-top:6px; font-size:11px; font-family:arial;}
#footerBar a { color:#CC0000;}
#footerBar .copyrightText { float:left; padding-left: 8px;}
#footerBar .lastUpdate{ float:right; font-weight:bold; padding-right: 8px;}


/*---- sIFR ---*/
.sIFR-flash {
  visibility: visible !important;
  margin: 0;
  padding: 0;
}

.sIFR-replaced, .sIFR-ignore {
  visibility: visible !important;
}

.sIFR-alternate {
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 0;
  display: block;
  overflow: hidden;
}

.sIFR-replaced div.sIFR-fixfocus {
  margin: 0pt; 
  padding: 0pt; 
  overflow: auto; 
  letter-spacing: 0px; 
  float: none;
}

/*---- Header styling ---*/

.sIFR-active h1,
.sIFR-active h2,
.sIFR-active h3,
.sIFR-active h4,
.sIFR-active .menuText,
.sIFR-active .pageHeader {
	visibility: hidden;
	font-family: Arial;
	line-height: 1em; }

.sIFR-active h1 {
  padding-bottom: 0;
  margin:0px;
}

.sIFR-active h2 {
  font-size: 10px;
  padding-bottom:0;
}

.sIFR-active h3 { 
	font-size:30px; 
	color:#625954;  
	padding-bottom:0px; 
	margin:0px; 
}

.sIFR-active .pageHeader {
 	font-size: 32px;
	color:#625954;
	display: block;
}