/*
===================================================================================================================================

PhotoNews Site Style Sheet

COLOURS:
red                                                   	#ff0000
background red								#c80000


NOTES:
- Each issue utilizes different class style for their individual background images. Background image and background colour needs to be changed  See ISSUE BG section.
- Font size set to 13px and uses percentage to change size

===================================================================================================================================
*/



* {
  	margin:0;
  	padding:0;
}


html {
    background:#380000;
	height:100%;
	width:100%;
	background-image: url('/images/bgImage.jpg');
	background-repeat: repeat;
	background-position:top;
}


body {
	margin:0px;
	padding:0px;
	text-align:center;
	color:#ffffff;
	font: 13px Helvetica, Geneva, Arial, sans-serif;
	height:100%;
	width:100%;
}


img { border: 0;}


#wrapper {
    padding:0px;
	margin:0px;
	width:100%;
	height:100%;
	
}

#logo {
    position:absolute;
	top:0;
	left:0;
    width:auto;
	height:auto;
	padding:0 0 0 35px;
	margin:0;
	z-index:100;
}


#recommend {
    position:absolute;
	top:20px;
	right:0px;
    width:100px;
	height:30px;
	padding:0 0 0 0;
	margin:0;
	z-index:100;
}


#topBar {
    float:left;
    width:100%;
	height:59px;
	background-image: url('/images/topBarBg.jpg');
	background-repeat: repeat-x;
	background-position:top left;
}

#content {
    float:left;
    width:100%;
	height:390px;
	background:#000000;
	text-align:left;
	border-bottom:5px solid #fff;
}

#update {
    float:left;
    width:100%;
	height:390px;
	background:#ffffff;
	text-align:center;
	color:#666666;
}


#currentIssue {
    float:left;
    width:100%;
	height:390px;
	background:#562801;
	background-image: url('/images/currentIssue_bg.jpg');
	background-repeat: no-repeat;
	background-position:top left;
	text-align:left;
}

#btmBar {
    float:left;
    width:100%;
	height:22px;
	text-align:left;
	font-size:80%;
	padding: 7px 0 0 0;
	margin:70px 0 20px 0;
	color: #999;
}


#btm2Bar {
  	float:left;
  	width:100%;
	height:40px;
	padding:0px;
	margin:0px;
	background-image: url('/images/btmBar2Bg.jpg');
	background-repeat: repeat-x;
	background-position:top left;
	border-top:100px solid #A00000;
}

#btmBarRight {
  	float:right;
  	width:30%;
	height:22px;
	background:#b80000;
	border-top:5px solid #ffffff;
	text-align:right;
	font-size:80%;
	padding: 7px 0 0 0;
	margin:0;
	color:#fccde8;
}


/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- 
																																																														  		     MENU BAR */
#menuBar {
  	float:left;
  	width:100%;
	height:65px;
	background:#A00000;
	border-bottom:2px solid #ffffff;
}


#menuBar a:link, #menuBar a:visited{
  	float:right;
	display:block;
  	width:auto;
	height:43px;
	padding: 22px 10px 0 10px;
	margin:0 1px 0 0;
	color:#EBA000;
	text-decoration:none;
	background:#A00000;
	font:85% Helvetica, Geneva, Arial, sans-serif;
	text-transform:uppercase;
	letter-spacing:0.03em;
}

#menuBar a:hover {
  	color:#fff;
}



/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- 
																																																										 		  HOME COVER ISSUE */

#cover {
    float:left;
    width:940px;
	height:110px;
	padding:200px 0 0 50px;
    color:#fff;
}


#cover h4 {
    font:305% "Times New Roman", Times, serif; 
	line-height:50px;
}

#cover h1 {
    font:450% Helvetica, Geneva, Arial, sans-serif;
	line-height:60px;	
}

#cover h3 {
    font-size:100%;
	text-transform: uppercase;
	line-height:10px;

}

#cover h2 {
  	font:340% "Times New Roman", Times, serif;;
	line-height:40px;
	font-style:italic;
}

#cover a.seeIssueText:link, #cover a.seeIssueText:visited {
   font-size:110%;
   color:#fff;
   text-decoration:none;
}

#cover  a.seeIssueText:hover {
  color:#ffd65f;
  text-decoration:none;
}

/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- 
																																																															  SUBCONTENT */
#subContents {
  	float:left;
  	width:100%;
	height:auto;
	text-align:left;
	font-size:100%;
	margin:0;
	padding: 20px  0 0 0;
}

#subContents, #subContents a:link, #subContents a:visited {
	color: #FFDCA8;
}

/* Determines height of each column */
.subCntrHldr, .subCntrHldr2 {
	width:auto;
	margin:0;
	padding: 0 0 0 50px;
}

.subCntrHldr {
	height:650px;
}


.subCntrHldr2 {
	height:auto;
}
	 

.subCntr {
	width:auto;
	height:auto;
	padding: 0 0 0 0;
	margin:0 0 10px 0;
	border-bottom: 1px dotted #D8CBCB;
}

.subCntr2 {
	float:left;
	width:230px;
	height:100%;
	padding: 0 20px 0 0;
	margin: 0 20px 0 0;
	font-size: 110%;
	border-right: 1px dotted #D8CBCB;
}

.subCntr3 {
	float:left;
	width:230px;
	height:100%;;
	padding: 0 20px 0 0px;
	margin: 0 20px 0 0;
	font-size: 110%;
	border-right: 1px dotted #D8CBCB;
}

.tagNew {
	background-image: url('/images/tag-new.gif');
	background-repeat: no-repeat;
	background-position:top right;
}

#subContents b.subHdr {
	font-size: 160%;
	letter-spacing:-2px;
	line-height:100%;
}


#subContents a:link, #subContents a:visited  {
	text-decoration:underline;
}

#subContents a:hover {
	color:#999;
}

#subContents h5 {
	font-size:140%;
	font-weight:normal;
	margin: 10px 0 15px 0;
	color:#EBA000
}

#subContents p {
	padding:0;
	margin: 0 0 25px 0;
	line-height:120%;
}




/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- 
																																																										 						     ISSUE TAG */

#issueTag {
  	position:absolute;
	top:85px;
	right:2px;
	width:140px;
	height:140px;
	z-index:101;
}

* html #issueTag {
  	position:absolute;
	top:100px;
	right:2px;
	width:140px;
	height:140px;
	z-index:101;
}


.issueBtn {
	width:140px;
	height: 140px;
	border:0;
}

#issueTag a:link, #issueTag a:visited{
  	color:#c80000;
	text-decoration:none;
}

#issueTag a:hover {
  	color:#ccc;
	text-decoration:none;
}




#content a:link, #content a:visited{
  	color:#c80000;
	text-decoration:underline;
}

#content a:hover {
  	color:#ccc;
	text-decoration:underline;
}





/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- 
					   																																																		        INDIVIDUAL ISSUE SECTION */
																																																							 
.archiveCntr {
 	width:1200px;
	height:350px;
	padding:0;
	margin:20px 0 20px 20px;
}
																																																						 
.issueContent {
  	width:950px;
	height:350px;
	padding:0;
	margin:20px 0 20px 20px;
}

#issueContent2 {
  	width:950px;
	height:350px;
	padding:0;
	margin:20px 0 20px 0;
}


#issueContent2 h1 {
    font:180% Helvetica, Geneva, Arial, sans-serif;
	color:#c80000;
	line-height:22px;
	margin: 5px 0 0 0;
}

#issueContent2 h2 {
	color:#000000;
	font-weight:bold;
	font-size:85%;
}

b.subHdr {
	font-size:115%;
}

.articleImg{
  	float:left;
	width:390px;
	height:350px;
	background:#ffffff;
	padding:0;
	margin:0 2px 0 20px;
	color:#909090;
}

* html .articleImg{
	margin:0 2px 0 10px;
}

.artImgText {
  	width:370px;
	height:39px;
	padding:0 10px 0 10px;
	margin:0;
	font-size:85%;
}

.articleDes {
    float:left;
	width:160px;
	height:338px;
	background:#ffffff;
	padding:12px 10px 0 10px;
	margin:0;
	color:#520101;
}


.info{
  	float:left;
	width:160px;
	height:310px;
	padding:0;
	margin:0;
	color:#520101;
}

.navLink{
  	float:left;
	width:160px;
	height:28px;
	padding:0;
	margin:0;
	color:#909090;
	text-align:right;
}



.articleList, .archiveList, .arrowOnly {
  float:left;
	height:336px;
	padding:14px 0 0 20px;
	margin:0;
	background-image: url('/images/arrow.gif');
	background-repeat: no-repeat;
	background-position: -2px 15px;
	color:#990000;
}

.articleList {
	width:300px;
}

.archiveList {
	width:200px;
}

.arrowOnly {
  width:20px;
	margin: 0 0 0 -4px;
}



/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
																																									    							                           ISSUE BG */

#issue161 {
  float:left;
  width:100%;
	height:390px;
	background:#d7610b;
	background-image: url('/images/pn161/issue161_Bg.jpg');
	background-repeat: no-repeat;
	background-position:top left;
	text-align:left;
}
	
#issue162 {
	float:left;
	width:100%;
	height:390px;
	background:#390704;
	background-image: url('/images/pn162/issue162_Bg.jpg');
	background-repeat: no-repeat;
	background-position:top left;
	text-align:left;
}

#issue163 {
 	 float:left;
 	 width:100%;
	height:390px;
	background:#ffffff;
	background-image: url('/images/pn163/issue163_Bg.jpg');
	background-repeat: no-repeat;
	background-position:top left;
	text-align:left;
	
}

#issue171 {
 	float:left;
 	width:100%;
	height:390px;
	background:#ffffff;
	background-image: url('/images/pn171/issue171_Bg.jpg');
	background-repeat: no-repeat;
	background-position:top left;
	text-align:left;
	
}

#issue172 {
 	float:left;
 	width:100%;
	height:390px;
	background:#ffffff;
	background-image: url('/images/pn172/issue172_Bg.jpg');
	background-repeat: no-repeat;
	background-position:top left;
	text-align:left;
}

#issue173 {
 	float:left;
 	width:100%;
	height:390px;
	background:#000000;
	background-image: url('/images/pn173/issue173_Bg.jpg');
	background-repeat: no-repeat;
	background-position:top left;
	text-align:left;
}

#issue174 {
 	float:left;
 	width:100%;
	height:390px;
	background:#1d0602; /*1f0804*/
	background-image: url('/images/pn174/issue174_Bg.jpg');
	background-repeat: no-repeat;
	background-position:top left;
	text-align:left;
}

#issue181 {
 	float:left;
 	width:100%;
	height:390px;
	background:#ffffff;
	background-image: url('/images/pn181/issue181_Bg.jpg');
	background-repeat: no-repeat;
	background-position:top left;
	text-align:left;
}

#issue182 {
 	float:left;
 	width:100%;
	height:390px;
	background:#ffffff;
	background-image: url('/images/pn182/issue182_Bg.jpg');
	background-repeat: no-repeat;
	background-position:top left;
	text-align:left;
}







/*
======================================================================================================================================
																															 																											    ARCHIVE SECTION */
																																																											
#archiveBg {
  	float:left;
    width:100%;
	height:390px;
	background:#fff;
	background-image: url('/images/genBg.jpg');
	background-repeat: no-repeat;
	background-position:top left;
	text-align:left;
}


#archiveItemHolder {
  	float:left;
	width:auto;
	height:350px;
	padding:0;
	margin:0;
	color:#909090;
}


#archiveItemHolder h1 {
  font-size:90%;
  color:#c80000;
}

.archiveItem {
    float:left;
	width:210px;
	height:350px;
	background:#ffffff;
	padding:0;
	margin:0 0 0 2px;
	color:#707070;
}

.issueImg {
  	float:left;
	width:210px;
	height:210px;
	background:#cccccc;
}

.issueInfo {
  	float:left;
  	width:180px;
	height:120px;
	padding:0 15px 0 15px;
}

.issueDownload{
  	float:left;
  	width:180px;
	height:20px;
	padding:0 15px 0 15px;
}




/*
======================================================================================================================================
																															 																											  CONTACT SECTION */
																																																										  

#genBg {
    float:left;
    width:100%;
	height:390px;
	background:#fff;
	background-image: url('/images/genBg.jpg');
	background-repeat: no-repeat;
	background-position:top left;
	text-align:left;
}


#contactForm{
    float:left;
	width:370px;
	height:330px;
	background:#ffffff;
	padding:10px 15px 10px 15px;
	margin:0 0 0 2px;
	color:#707070;
}

#contactForm input, #contactForm textarea, #contactForm textarea.add {
  width:350px;
}

#contactForm input.checkbox{
  width:20px;
}


#contactForm textarea {
  height:70px;
}

#contactForm textarea.add {
  height:30px;
  margin: 8px 0 3px 0;
}


#contactForm input.submit {
    border:1px solid #cccccc;
	font-size:90%;
	color:#ffffff;
	width:355px;
	height:25px;
	padding:0px;
	margin:15px 0 4px 0;
	background:#b80000;
}

#contactForm .inputName, #contactForm .inputField, #contactForm .inputIndicator, #contactForm .inputItem {
   float:left;
   width:360px;
}

#contactForm .inputField {
	text-align:left;
	padding:0;
}

#contactForm .inputName {
	text-align:left;
	padding:0;
}

#contactForm .inputIndicator {
	width:10px;
}

#contactForm .inputItem {
    float:left;
    width:300px;
	height:auto;
	margin:0 0 10px 0;
	padding:0;
}




/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
																																									    							  CONTACT FORM 2 */
#contactForm2 {
    float:left;
	width:370px;
	height:330px;
	background:#ffffff;
	padding:10px 15px 10px 15px;
	margin:0 0 0 2px;
	color:#707070;
}

#contactForm2 input, #contactForm2 textarea, #contactForm2 textarea.add {
  width:350px;
}

#contactForm2 input.checkbox {
  width:20px;
}


#contactForm2 textarea {
  height:70px;
}

#contactForm2 textarea.add {
  height:30px;
  margin: 8px 0 3px 0;
}


#contactForm2 input.submit {
    border:1px solid #cccccc;
	font-size:90%;
	color:#ffffff;
	width:355px;
	height:25px;
	padding:0px;
	margin:15px 0 4px 0;
	background:#b80000;
}

#contactForm2 .inputName, #contactForm2 .inputField, #contactForm2 .inputIndicator, #contactForm2 .inputItem {
   float:left;
   width:360px;
}

#contactForm2 .inputField {
	text-align:left;
	padding:0;
}

#contactForm2 .inputName {
	text-align:left;
	padding:0;
}

#contactForm2 .inputIndicator {
	width:10px;
}

#contactForm2 .inputItem {
    float:left;
    width:300px;
	height:auto;
	margin:0 0 0 0;
	padding:0;
}







/*
=================================================================================================================================
																														        																				              								   SUBSCRIBE SECTION */

#subscribeForm{
  float:left;
	width:444px;
	height:350px;
	padding:0;
	margin:0 0 0 2px;
}

* html #subscribeForm{
  float:left;
	width:446px;
	height:350px;
	padding:0;
	margin:0 0 0 2px;
}


#subscribeForm input {
  width:170px;
}

#subscribeForm input.checkbox {
  float:left;
  width:20px;
	margin:0 5px 30px 0;
	padding:0;
}


#subscribeForm .checkbox {
  float:left;
	width:175px;
	height:auto;
	text-align:left;
	padding:20px 0 0 0;
	font-size:85%;
}

#subscribeForm input.submit {
  border:1px solid #cccccc;;
	font-size:90%;
	color:#ffffff;
	width:175px;
	height:25px;
	padding:0px;
	margin:10px 0 4px 0;
	background:#b80000;
}

#subscribeForm .inputName, #subscribeForm .inputField, #subscribeForm .inputIndicator, #subscribeForm .inputItem {
  	float:left;
	width:180px;
}

#subscribeForm .inputField {
	text-align:left;
	padding:0;

}

#subscribeForm .inputName {
	text-align:left;
	padding:0 0 2px 0;
}

#subscribeForm .inputIndicator{
	width:10px;
}

#subscribeForm .inputItem{
  float:left;
  width:auto;
	height:auto;
	margin:0 0 5px 0;
	padding:0;
}

#subscribeForm  .form {
  float:left;
	background:#ffffff;
	padding:0;
	margin:0 2px 0 0;
	color:#707070;
  width:190px;
	height:320px;
  padding: 15px;
}





/*
=================================================================================================================================
																														        																				                         									POLL SECTION */

#pollForm{
  float:left;
	width:200px;
	height:auto;
	padding:0 0 0 10px;
	margin:0;
	font-size:85%;
}

* html #pollForm{
  float:left;
	width:200px;
	height:auto;
	padding:0 0 0 10px;
	margin:0;
	font-size:85%;
}


#pollForm input {
  width:180px;
	height:15px;
	padding:0;
	margin: 0 0 0 2px;
}


#pollForm .inputName, #pollForm .inputField, #pollForm .inputIndicator, #pollForm .inputItem {
  float:left;
	width:180px;
}

#pollForm .inputField {
	text-align:left;
	padding:0;
}

#pollForm input.checkbox {
  float:left;
  width:20px;
	margin:0 3px 0 0;
	padding:0;
}

#pollForm .inputName {
  float:left;
	width:170px;
	height:auto;
	text-align:left;
	padding:0;
}

* html #pollForm .inputName {
	padding:2px 0 0 0;
	height:auto;
}

#pollForm .inputItem{
  float:left;
  width:200px;
	height:auto;
	margin:2px 0 2px 0;
	padding:0;
}



/*
=================================================================================================================================
																														        																				      								  CHANGE ADDRESS FORM */
#changeAddr{
  float:left;
}

* html #changeAddr{
  float:left;
}


#changeAddr input {
  width:170px;
}

#changeAddr select {
  width:55px;
  margin: 0 5px 0 0;
	font-size:85%;
	padding:0px;
}


#changeAddr input.checkbox {
  float:left;
  width:20px;
	margin:0 5px 30px 0;
	padding:0;
}

#changeAddr input.submit {
  border:1px solid #cccccc;;
	font-size:90%;
	color:#ffffff;
	width:175px;
	height:25px;
	padding:0px;
	margin:18px 0 4px 0;
	background:#b80000;
}

#changeAddr .inputName, #changeAddr .inputField, #changeAddr .inputIndicator, #changeAddr .inputItem {
  float:left;
	width:180px;
}

#changeAddr .inputField {
	text-align:left;
	padding:0;
}

#changeAddr .inputName {
	text-align:left;
	padding:0 0 2px 0;
}

#changeAddr .inputIndicator{
  float:left;
	width:10px;
}

#changeAddr .inputItem{
  float:left;
  width:auto;
	height:auto;
	margin:0 0 5px 0;
	padding:0;
}

.form2 {
  padding: 0 0 0 10px;
	margin:0;
}

.topForm {
  float:left;
	width:auto;
	height:70px;
}




/*
=================================================================================================================================
																														        																				 							 								   RESOURCES */

.photoLesson {
  float:left;
	width:190px;
	height:auto;
	padding:3px 0 0 0;
	margin:0 5px 3px 10px;
	border-top:1px solid #cccccc;
}

* html .photoLesson {
  float:left;
	width:190px;
	height:auto;
	padding:3px 0 0 0;
	margin:0 5px 3px 5px;
	border-top:1px solid #cccccc;
}

.lessonImg {
  float:left;
	width:auto;
	height:auto;
	margin: 0 7px 0 0 ;
}

.lessonInfo {
  float:left;
	width:auto;
	height:auto;
	padding:16px 0 0 0;
}

#resourceHolder{
  float:left;
	width:440px;
	height:350px;
	background:#ffffff;
	padding:0 0 0 15px;
	margin:0 0 0 2px;
	color:#707070;
}

.resource {
  float:left;
	width:110px;
	height:250px;
	padding:0 15px 0 0;
	margin:0 15px 0 0;
}

.topholder{
  float:left;
	width:auto;
	height:50px;
}

.btmholder{
  float:left;
}

.titleHolder {
  float:left;
  width:200px;
	height:auto;
	padding: 10px 10px 0 0px;
	font-size:85%;
	margin: 0 0 15px 0;
}

.nav {
  float:right;
	width:100px;
	text-align:right;
	height:20px;
	font-size:85%;
	padding:15px 5px 0 0;
}

.resourceDownload{
  float:left;
	position:relative;
	left:0;
	bottom:0;
  width:110px;
	height:20px;
	padding:0;
	margin:25px 0 0 -5px;
}



/*
=================================================================================================================================
																														        																				 						         FEATURE PHOTOGRAPHERS */

.infoHolder{
  float:left;
	width:300px;
	height:350px;
	background:#ffffff;
	padding:0;
	margin:0 0 0 2px;
	color:#707070;
}

.imgHolder{
  float:left;
	width:165px;
	height:340px;
	background:#ffffff;
	padding:10px 0 0 10px;
	margin:0 0 0 2px;
	color:#707070;
}


.ftrImg {
  float:left;
	margin: 0 2px 2px 0;
}

/*
=================================================================================================================================
																														        																				 					 								   CONTEST RULES */

#contestRulesHolder {
  	float:left;
	width:auto;
	height:330px;
	padding:10px;
	margin:0;
	color:#000000;
	background:#ffffff;
}

#contestRulesHolder h1 {
  	font:180% "Times New Roman", Times, serif;
	color:#c80000;
	line-height:30px;
}

#contestRulesHolder p {
  font-size:85%;
  margin: 10px 0 0 0;
}

#divUp   {
	float:left;
	margin: 10px 0 0 0;
}
#divDown {
	float:left;
}

#divText {
	position:relative; 
	left:0px; 
	top:0px;
}




/*
=================================================================================================================================
																														        																										   								      TEXT STYLES */

.hdr01 {
  font:200% Helvetica, Geneva, Arial, sans-serif;
	line-height:25px;
}

.hdr02 {
  font:140% "Times New Roman", Times, serif;
	line-height:18px;
	color:#909090;
}

.hdr03 {
  font:180% Helvetica, Geneva, Arial, sans-serif;
	color:#707070;
	line-height:22px;
}

.hdr04 {
  font:130% "Times New Roman", Times, serif;
	color:#404040;
	line-height:30px;
	font-weight:bold;
}

.hdr05 {
  font:180% "Times New Roman", Times, serif;;
	color:#c80000;
	line-height:18px;
}

.hdr06 {
  font:150% Helvetica, Geneva, Arial, sans-serif;
	color:#c80000;
	line-height:25px;
}


p {
  font-size:85%;
}

p.artDes {
  width:auto;
	height:auto;
	padding:0;
	margin: 15px 0 0 0;
	color:#606060;
	font-size:85%;
}

p.issue {
  padding:7px 0 0 0;
 font-size:105%;
}

p.holder {
  width:auto;
	height:auto;
	padding: 10px 10px 0 10px;
	font-size:85%;
	margin: 0 0 15px 0;
}

p.holder01 {
  width:190px;
	height:auto;
	padding: 10px 10px 0 10px;
	font-size:85%;
	margin: 0 0 15px 0;
}

p.quote {
  font:130% time, serif;
	color:#000000;
}

p.holder02 {
  width:390px;
	height:auto;
	padding: 10px 10px 0 10px;
	font-size:85%;
	margin: 0 0 15px 0;
}

p.holder03 {
  width:390px;
	height:auto;
	padding: 10px 10px 0 0px;
	font-size:85%;
	margin: 0 0 15px 0;
}

.note {
	font-size:85%;
}

.clrRed {
  color:#c80000;
}


.clrWhite { 
	color: #ffffff;
}




/*
=================================================================================================================================
																														        																																				LINK STYLES */

.imgLink {
  border:0px;
}

#content a.seeMore:link, #content a.seeMore:visited{
  color:#707070;
	text-decoration:underline;
}

#content a.seeMore:hover {
  color:#c80000;
}

#content a.hide:link, #content a.hide:visited, #content a.hide:hover {
  color:#ffffff;
  visibility: hidden;
}



#content a.download:link, #content a.download:visited{
  color:#c80000;
	text-decoration:none;
}

#content a.download:hover {
  color:#909090;
	text-decoration:underline;
}


#content a.artLink:link, #content a.artLink:visited{
  color:#c80000;
	text-decoration:none;
	font: 85% Helvetica, sans-serif;
	display:block;
	padding: 2px 0 2px 0;
	margin: 0 0 0 0;
	border-bottom:1px dotted #900;
}

#content a.artLink:hover {
  color:#990000;
}

#content .current {
	color:#990000;
	text-decoration:none;
	font: 85% Helvetica, sans-serif;
	display:block;
	padding: 0;
	border-bottom:1px dotted #900;
}




#content a.downloadIssue:link, #content a.downloadIssue:visited, #content a.tellAFriend:link, #content a.tellAFriend:visited {
    color:#990000;
	text-decoration:none;
	font: 85% Helvetica, sans-serif;
	display:block;
	padding: 3px 0 6px 0;
	margin: 0 0 2px 0;
	border-bottom: 1px dotted #990000;
	font-weight:bold;
	letter-spacing:1px;
}

#content a.tellAFriend:link, #content a.tellAFriend:visited {
	border-bottom: 1px dotted #ff0000;
	margin: 0 0 5px 0;
}


#content a.downloadIssue:hover, #content a.tellAFriend:hover {
   color:#000000;
}



.issueNavHolder {
	margin: 7px 0 0 0;
}

#content a.issueNav:link, #content a.issueNav:visited{
  	color:#990000;
	text-decoration:none;
	font-size: 80%;
	line-height:20px;
	padding:8px 0 0 0;
	margin:0 5px 0 0;
	text-transform:uppercase;
	font-weight:bold;
}

#content a.issueNav:hover {
   color:#660000;
}


#content a.pLesson:link, #content a.pLesson:visited{
	font:120% Helvetica, Geneva, Arial, sans-serif; 
	color:#606060;
}

#content a.pLesson:hover {
  color:#c80000;
}


#btmBar a:link, #btmBar a:visited{
	color:#999;
	text-decoration:underline;
}

#btmBar a:hover {
  color:#ccc;
}






/*
================================================================================
                                                                      LIGHTBOX
================================================================================
 */
 
#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 105;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ 
  border: none; 
}

#outerImageContainer{
	position: relative;
	background-color: #000000;
	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: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
	
#prevLink { 
  left: 0; 
	float: left;
}
 
#nextLink { 
  right: 0; 
	float: right;
}

#prevLink:hover, #prevLink:visited:hover { 
  float:left;
	background: url(/images/prev.gif) left 50% no-repeat;
}

#nextLink:hover, #nextLink:visited:hover { 
  float:right;
	background: url(/images/next.gif) right 50% no-repeat;
}


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

#imageData{	
  padding:0 10px; 
	color: #ffffff; 
}

#imageData #imageDetails{ 
  width: 70%; float: left; text-align: left;
	padding: 5px 0 0 0;	 
}	

#imageData #caption{ 
  font-weight: bold;
}

#imageData #numberDisplay{ 
  display: block; 
	clear: left; 
	padding-bottom: 1.0em;	}			

#imageData #bottomNavClose{
  width: auto; 
	float: right;  
	padding-bottom: 0.7em;	
}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 104;
	width: 100%;
	height: 500px;
	background-color: #000000;
	}
	
	
#contest {
  	position:absolute;
	top:400px;
	right:20px;
	width:auto;
	height:auto;
	z-index:101;
}


.contestBg {
    float:left;
	width:440px;
	 height:100px;
	background-image: url('/images/contest_bg.png');
	background-repeat: no-repeat;
	background-position:top left;
	padding:230px 0 0 0;
	margin:10px 0 0 0;
}

.winnerHolder {
    float:left;
	width:210px;
	height:350px;
	background:#000000;
	padding:0;
	margin:0 0 0 2px;
	color:#707070;
}

#btnEnter{
    position:absolute;
	top:110px;
	left:570px;
	z-index:101;
}


#resourceHolder{
  float:left;
	width:425px; 
	height:345px;
	background:#ffffff;
	padding:5px 15px 0 15px;
	margin:0 0 0 2px;
	color:#707070;
}


#resourceHolder h1 {
	font-family: "Times New Roman", Times, serif;
	font-size:270%;
}

#resourceHolder h2 {
	font-family: Helvetica, Geneva, Arial, sans-serif;
	font-size:180%;
	color:#000000;
	margin: 10px 0 0 0;
}

#resourceHolder h3 {
	font-family: Helvetica, Geneva, Arial, sans-serif;
	font-size:180%;
	color:#c80000;
}

#resourceHolder p.prize {
	font-family: Helvetica, Geneva, Arial, sans-serif;
	font-size:110%;
}

p.holder {
  width:auto;
	height:auto;
	padding: 10px 10px 0 10px;
	font-size:85%;
	margin: 0 0 15px 0;
}


.hdr07 {
  font:300% Helvetica, Geneva, Arial, sans-serif;
  line-height:30px;
  color:#000000;
}

.hdr08 {
  font:112% Helvetica, Geneva, Arial, sans-serif;
  color:#c80000;
}


/* error page */
#errorHolder {
  	float:left;
	width:auto;
	height:230px;
	padding:70px 0 0 0;
	margin:0 0px 0 25px;
	color:#000000;
	font-weight:bold;
}

#errorHolder h1 {
	font-size:150%;
}

#errorHolder h2 {
  	color:#c80000;
	font-size:220%;
}

#errorHolder a:link, #errorHolder a:visited{
  	color:#c80000;
	text-decoration:underline;
}

#errorHolder a:hover {
  	color:#000;
}


/* sitemap */
#sitemap  {
  	float:left;
	width:auto;
	height:230px;
	padding:30px 0px 0 0;
	margin: 0 15px 15px 10px;
	color:#000000;
}

.sitemap {
  	float:left;
	width:auto;
	height:230px;
	padding:0;
	margin: 0 30px 0 0;
}

#sitemap h1 {
	font-size:220%;
}

#sitemap h2 {
	font-size:130%;
}

#sitemap a:link, #sitemap a:visited {
	color:#000000;
	font-size:150%;
}

#sitemap a.archive:link, #sitemap a.archive:visited {
	font-size:90%;
	margin: 0 0 3px 0;
}

#sitemap a:hover, #sitemap a.archive:hover {
	color:#c80000;
}


#feeddiv { 
	width : auto;
	height:auto;
	padding:10px 0 0 0;
	margin:0;
}