/*

*** TABLE OF CONTENTS ***

	- BODY STYLES
	- SHADOW STYLES
	- ALL PAGE STYLES
		- HEAD STYLES
		- NAVIGATION STYLES
		- ADVERTISEMENT STYLES
	- HOME PAGE STYLES
	- STORY PAGE STYLES
	- CHANNEL PAGE SYLES
	- COMMON STYLES
	- BOX STYLES
	- IMAGE STYLES
	- TEXT STYLES
	- LINK STYLES
	- HTML STYLES

*** STANDARD PROPERTIES ORDER ***

	- float
	- clear
	- display
	- overflow
	- width
	- heigin
	- padght
	- marding
	- border
	- background
	- font
		- size
		- align
		- color

*** MAIN COLORS FOR AFJ ***

*/

/* BODY STYLES START HERE */

body {
margin: 0px 0px 5px 5px;
background-color: #707070;
font: 8pt Arial, Helvetica, sans-serif;
color: #41423C;
}

/* SHADOW STYLES START HERE */

.shadow {
float: left;
position: relative;
padding: 1px;
padding-top: 0px;
}
	#shadowSix {
	background-color: #6F6F6F;
	}
	#shadowFive {
	background-color: #6E6E6E;
	}
	#shadowFour {
	background-color: #6B6B6B;	
	}
	#shadowThree {
	background-color: #686868;	
	}
	#shadowTwo {
	background-color: #646464;	
	}
	#shadowOne {
	background-color: #5F5F5F;
	}

/* ALL PAGE STYLES START HERE */

#pageWrap {
float: left;
position: relative;
width: 910px;
padding: 4px;
padding-top: 0px;
border: 1px solid #555555;
border-top: 0;
background-color: white;
}

/* HEAD STYLES START HERE */

#headWrap {
float: left;
position: relative;
width: 910px;
margin-bottom: 2px;
background: url(../images/head_background.gif) repeat-x top;
}
	#headLogo {
	float: left;
position: relative;
	width: 160px;
	}
	.printlogo {
		display: none;
	}
	#headNav {
	float: right;
	clear: right;
	height: 16px;
	padding: 1px 4px 0 4px;
	background: #545926;
	font-size: 7.5pt;
	color: #FFF;
	}
	#headTag {
	float: right;
	clear: right;
	width: 750px;
	height: 73px;
	text-align: right;
	}
	#leadWrap {
	float: left;
position: relative;
	width: 910px;
	height: 90px;
	margin-bottom: 2px;
	padding-top: 2px;
	padding-bottom: 2px;
	background: #979D65;
	text-align: center;
	}

/* NAVIGATION STYLES START HERE */

#mainNavWrap {
float: left;
position: relative;
width: 910px;
height: 20px;
margin-bottom: 2px;
padding: 2px 0px 0 0px;
background: #727A35;
font-size:11px;
}

/* ADVERTISEMENT STYLES START HERE */

#leaderWrap {
width: 728px;
/* height: 90px; */
margin-left: auto;
margin-right: auto;
/* background: #707070; */
}
#skyWrap {
float: left;
position: relative;
/* width: 160px; */
/* height: 600px; */
/* background: #707070; */
}
#posterWrap {
float: left;
position: relative;
width: 300px;
/* height: 250px; */
margin-bottom: 2px;
/* background: #707070; */
}
#bannerWrap {
width: 728px;
/* height: 60px; */
margin-left: auto;
margin-right: auto;
/* background: #707070; */
}

/* HOMEPAGE STYLES START HERE */

#rowOneWrap {
float: left;
position: relative;
width: 910px;
height: 383px;
padding: 2px 0 2px 0;
border: 1px solid #BABCAB;
border-left: 0px;
border-right: 0px;
}

	#featureWrap {
	float: left;
position: relative;
	width: 605px;
	height: 383px;
	margin-right: 4px;
	border-right: 1px solid #BABCAB;
	}
		#featureCover {
		float: left;
position: relative;
		overflow: hidden;
		width: 306px;
		height: 383px;
		background: #707070;
		}
		#featureContent {
		float: left;
position: relative;
		width: 271px;
		height: 373px;
		padding: 6px 14px 0;
		text-align: justify;
		}
		#featureTitle {
		height: 17px;
		padding: 3px 0 0 0;
		border-bottom: 2px solid #727A35;
		font-weight: bolder;
		font-size: 11pt;
		color: #727A35;
		text-transform: uppercase;
		}
		#featureList {
		float: left;
position: relative;
		margin: 4px 0 0 0;
		}

	#topRightWrap {
	float: left;
position: relative;
	width: 300px;
	height: 383px;
	}
		#debateWrap {
		float: left;
position: relative;
		width: 300px;
		/*height: 131px;*/
		margin-bottom: 2px;
		}
		#dartsWrap {
		float: left;
position: relative;
		width: 300px;
		}
		#plugWrap {
		float: left;
position: relative;
		width: 300px;
		}

#rowTwoWrap {
float: left;
position: relative;
width: 910px;
margin-top: 2px;
}
	#colOneWrap {
	float: left;
position: relative;
	width: 160px;
	}
	#colTwoWrap {
	float: left;
position: relative;
	width: 442px;
	margin-left: 4px;
	}
		#commentaryWrap {
		float: left;
position: relative;
		width: 442px;
		margin-bottom: 2px;
		}
		#issueWrap {
		float: left;
position: relative;
		width: 442px;
		/*margin-bottom: 12px;*/
		margin-bottom: 2px;
		}
		#nonWordWrap {
		float: left;
position: relative;
		width: 442px;
		}
			.nonWordQuote {
			font: 13pt "Times New Roman", Times, serif;
			color: #41423C;
			}
			.nonWordCredit {
			font-size: 7pt;
			text-align: right;
			margin: 8px 0;
			}
			
	#colThreeWrap {
	float: left;
position: relative;
	width: 300px;
	margin-left: 4px;
	}
		#forumWrap {
		float: left;
position: relative;
		margin-bottom: 2px;
		width: 300px;
		}
		#viewsWrap {
		float: left;
position: relative;
		width: 300px;
		}

#footerWrap {
float: left;
position: relative;
width: 910px;
padding: 2px 0 2px 0;
margin-top: 4px;
margin-right: -3px;
background: #DBDDC9;
border-top: 1px solid #BABCAB;
border-bottom: 1px solid #BABCAB;
font-size: 7.5pt;
text-align: center;
}

/* STORY PAGE STYLES START HERE */

#storyRowOneWrap {
float: left;
position: relative;
width: 910px;
padding: 2px 0 0 0;
border-top: 1px solid #BABCAB;
}
	#storyColOneWrap {
	float: left;
position: relative;
	clear: none;
	width: 606px;
	}
		#topBarWrap {
		float: left;
position: relative;
		width: 606px;
		height: 45px;
		background: #979D65;
		}
			#topBarDark {
			float: left;
position: relative;
			overflow: hidden;
			width: 12px;
			height: 45px;
			background: #727A35;
			}
			#topBarText {
			float: left;
position: relative;
			margin: 28px 0 0 6px;
			font-weight: bolder;
			color: #FFF;
			text-transform: uppercase;
			}

		#storyTextWrap {
		float: left;
position: relative;
		width: 585px;
		padding: 0 12px 8px 8px;
		margin: 4px 0;
		border-right: 1px solid #BABCAB;
		text-align: justify;
		}
		#storyTextWrapTwo {
		float: left;
position: relative;
		width: 585px;
		padding: 0 12px 8px 8px;
		margin: 4px 0;
		border-right: 1px solid #BABCAB;
		}
			#storyProp {
			float: left;
position: relative;
			clear: both;
			width: 1px;
			height: 425px;
			padding: 0;
			margin: 0;
			}
			#topToolWrap {
			float: left;
position: relative;
			width: 584px;
			padding-top: 3px;
			text-align: right;
			}
			#storyHeadline {
			font: 22pt "Times New Romans", Times, serif;
			letter-spacing: -1pt;
			color: #000;
			}
			#storySubHead {
			font-weight: bold;
			font-size: 10pt;
			color: #727A35;
			}
			#storyByLine {
			margin-top: 6px;
			font-weight: bolder;
			text-transform: uppercase;
			}
			#storySkyWrap {
			float: left;
position: relative;
			padding-right: 12px;
			}

		#bottomBarWrap {
		float: left;
position: relative;
		width: 598px;
		padding: 4px;
		background: #DBDDC9;
		}
			#bottomToolWrap {
			float: left;
position: relative;
			width: 279px;
			padding: 4px 12px 4px 8px;
			text-align: center;
			}
			#bottomAuthorWrap {
			float: left;
position: relative;
			width: 278px;
			padding: 4px 8px 4px 12px;
			border-left: 1px solid #BABCAB;
			text-align: justify;
			}

	#storyColTwoWrap {
	float: left;
position: relative;
	clear: none;
	overflow: hidden;
	width: 300px;
	margin-left: 4px;
	}
		#photoWrap {
		float: left;
position: relative;
		width: 300px;
		margin-bottom: 2px;
		}
			.photoBox {
			float: left;
position: relative;
			width: 280px;
			}
			.photoBoxHidden {
			float: left;
position: relative;
			width: 280px;
			display: none;
			}
				#photoImg {
				float: left;
position: relative;
				width: 280px;
				}
				#photoCredit {
				float: left;
position: relative;
				width: 280px;
				margin-bottom: 4px;
				font-size: 7.5pt;
				font-weight: bold;
				text-align: right;
				}
				#photoCaption {
				float: left;
position: relative;
				width: 280px;
				}
				#photoNavWrap {
				float: left;
position: relative;
				width: 280px;
				margin-top: 10px;
				}
					.photoNavButton {
					float: left;
position: relative;
					width: 80px;
					padding: 0 0 2px 0;
					text-align: center;
					}
					#photoNavStat {
					float: left;
position: relative;
					width: 120px;
					margin-top: 2px;
					font-size: 7.5pt;
					text-align: center;
					}

		#continueWrap {
		float: left;
position: relative;
		width: 300px;
		margin-bottom: 2px;
		}
		#storyForumWrap {
		float: left;
position: relative;
		margin-bottom: 2px;
		width: 300px;
		}
		
		.diggButton {
			float: right;
			clear: none;
			margin: 0px 6px;
		}

/* CHANNEL STYLES START HERE */

#channelTextWrap {
float: left;
position: relative;
width: 590px;
padding: 4px 8px 8px 7px;
margin: 4px 0;
border-right: 1px solid #BABCAB;
/* text-align: justify; */
}
	.packageWrap {
	float: left;
position: relative;
	border: 1px solid #727A35;
	margin: 8px 0 4px;
	}
	.chanList {
	float: left;
position: relative;
	width: 563px;
	margin-bottom: 4px;
	padding: 12px;
	}
	.chanListDark {
	float: left;
position: relative;
	width: 563px;
	margin-bottom: 4px;
	padding: 12px;
	background: #F4F5EF;
	}
	.issueListDark {
	float: left;
position: relative;
	clear: left;
	width: 571px;
	padding: 8px;
	background: #F4F5EF;
	}
	.issueList {
	float: left;
position: relative;
	clear: left;
	width: 571px;
	padding: 8px;
	}
		.issueListPic {
		float: left;
position: relative;
		width: 100px;
		height: 128px;
		margin-right: 8px;
		}
		.issueListCont {
		float: left;
position: relative;
		width: 463px;
		}

/* COMMON STYLES START HERE */

.storyList {
margin-bottom: 8px;
}
.storyListLast {
margin-bottom: 0;
}
.storyListBottom {
padding-bottom: 4px;
margin-bottom: 4px;
border-bottom: 1px solid #BABCAB;
}
.rightMore {
clear: left;
text-align: right;
}

/* BOX STYLES START HERE */

.solidWrap {
float: left;
position: relative;
}
	.solidTop {
	height: 17px;
	padding: 3px 0 0 12px;
	border-bottom: 2px solid #BABCAB;
	background: #727A35;
	font-weight: bolder;
	color: #FFF;
	text-transform: uppercase;
	}
	.solidCont {
	padding: 4px 12px;
	border-bottom: 1px solid #BABCAB;
	background: #DBDDC9;
	color: #41423C;
	}
	.solidSplitLeft {
	float: left;
position: relative;
	padding-right: 12px;
	border-right: 1px solid #BABCAB;
	}
	.solidSplitRight {
	float: left;
position: relative;
	padding-left: 12px;
	}
	div#commentaryWrap div.solidCont {
	float: left;
position: relative;
	}
	div#photoWrap div.solidCont {
	float: left;
position: relative;
	}

.liteWrap {
float: left;
position: relative;
}
	.liteTop {
	height: 16px;
	padding: 3px 0 0 10px;
	border-top: 1px solid #BABCAB;
	border-bottom: 2px solid #727A35;
	font-weight: bolder;
	color: #727A35;
	text-transform: uppercase;
	}
	.liteShade {
	padding: 0 10px 1px 10px;
	border-top: 2px solid #BABCAB;
	border-bottom: 1px solid #BABCAB;
	background: #DBDDC9;
	text-align: justify;
	color: #41423C;
	}
	.liteShadeMulti {
	padding: 2px 10px 4px 10px;
	border-top: 2px solid #BABCAB;
	border-bottom: 1px solid #BABCAB;
	background: #DBDDC9;
	text-align: justify;
	color: #41423C;
	}
	.liteCont {
	padding: 6px 10px 4px 10px;
	color: #41423C;
	}
	.liteContBottom {
	padding: 6px 10px 4px 10px;
	border-bottom: 1px solid #BABCAB;
	color: #41423C;
	}

.lineWrap {
float: left;
position: relative;
border: 1px solid #727A35;
}
	.lineTop {
	float: left;
position: relative;
	padding: 0 3px 0 3px;
	margin: -8px 0 0 6px;
	background: #FFF;
	font-weight: bolder;
	color: #727A35;
	text-transform: uppercase;
	}
	.lineCont {
	clear: left;
	padding: 4px 10px 2px 10px;
	color: #41423C;
	}

/* IMAGE STYLES START HERE */

img {
padding: 0px;
margin: 0px;
}
.imgCommentary {
margin-left: 4px;
border: 1px solid #BABCAB;
}
.imgOutline {
border: 1px solid #BABCAB;
}
.imgIcon {
margin-top: -8px;
}

/* TEXT STYLES START HERE */

.textGreen {
color: #727A35;
}
.textRed {
color: #9E0B0E;
}
.textPipe {
font-size: 6.5pt;
}
.textRaquo {
font-size: 10pt;
}
.textSquare {
float: left;
position: relative;
margin: -1px 2px 0 0;
}
.textCaps {
font-weight: bold;
text-transform: uppercase;
}

/* LINK STYLES START HERE */

a {
color: #727A35;
}

a.headNav {
padding: 0 8px 1px 8px;
color: #D3D9A3;
text-decoration: none;
}
	a.headNav:hover {
	color: #FFF;
	}

a.mainNav {
float: left;
position: relative;
display: block;
padding: 0px 11px 4px 11px;
margin: 0 1px 0 1px;
border: 2px solid #727A35;
border-bottom: 0px;
font-weight: bolder;
color: #FFF;
text-decoration: none;
text-transform: uppercase;
}
	a.mainNav:hover {
	padding: 1px 11px 3px 11px;
	border: 2px solid #FFF;
	border-bottom: 0px;
	background: url(../images/nav_background.gif) repeat-x top;
	color: #727A35;
	}

a.mainNavOn {
float: left;
position: relative;
display: block;
margin: 0 1px 0 1px;
padding: 1px 11px 3px 11px;
border: 2px solid #FFF;
border-bottom: 0px;
background: url(../images/nav_background2.gif) repeat-x top;
font-weight: bolder;
color: #727A35;
text-decoration: none;
text-transform: uppercase;
}

a.photoNav {
float: left;
position: relative;
display: block;
border-bottom: 2px solid #BABCAB;
background: #727A35;
text-decoration: none;
color: #FFF;
}
	a.photoNav:hover {
	color: #D3D9A3;
	}

a.linkMore {
color: #737A35;
text-decoration: none;
}
	a.linkMore:hover {
	text-decoration: underline;
	}

a.linkGreen {
color: #737A35;
text-decoration: none;
}
	a.linkGreen:hover {
	text-decoration: underline;
	}

a.linkGreenBig {
font-size: 11pt;
color: #737A35;
text-decoration: none;
}
	a.linkGreenBig:hover {
	text-decoration: underline;
	}
	
a.linkGray {
color: #41423C;
text-decoration: none;
}
	a.linkGray:hover {
	text-decoration: underline;
	}

a.linkWhite {
color: #FFF;
text-decoration: none;
}
	a.linkWhite:hover {
	text-decoration: underline;
	}

/* HTML STYLES START HERE */

p {
margin: 4px 0 6px 0;
}
img {
margin: 0;
padding: 0;
}
hr {
height: 1px;
color: #BABCAB;
background: #BABCAB;
border: 0;
}


.formTxtBox { 
	padding: 3px 0 0 4px;
	margin: 8px 0 8px 0;
	height: 16px;
	font: 11px Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #272727;
	border: solid 1px #999;
}
.red {
	color: #FF0000;
}