@charset "utf-8";

/* ---------------------------------------------- MAIN PAGE LAYOUT TEMPLATE DESIGN ---------------------------------------------- */
body {
	background-color: #495d6c;
}

#container {
	height: auto;
	width: 876px;
	margin-right: auto;
	margin-left: auto;
	border: 1px solid #000;
	background-color: #eff3f6;
}

#header {
	height: 104px;
	width: 855px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 10px;
	background-image: url(images/headerbg.gif);
}
#navbar {
	height: 50px;
	width: 855px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(images/navbar.gif);
}
#content {
	height: 1000px;
	width: 855px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 10px;
}
#footer {
	height: 20px;
	width: 850px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 5px;
}


/*  Universal Features   */


#mainfeature {
	width: 600px;
	float: right;
	margin-bottom: 5px;
}

#largefeature {
	width: 855px;
	margin-left: 0px;
	float: right;
	margin-right: 0px;
	
}

#competitionfeature {
	width: 856px;
	margin-left: 2px;
	float: right;
	padding-top: 5px;
	
}

#sidefeature {
	width: 244px;
	float: left;
	margin-left: 0px;
	margin-bottom: 5px;
}

#sidefeatureThin {
	width: 191px;
	float: left;
	margin-bottom: 10px;
}

#mainfeatureWide {
	width: 650px;
	float: right;

	margin-right: 2px;
}

	/* Universal Full Page Feature */ 
	#fullTop {
	height: 19px;
	width: auto;
	background-image: url(images/featureTop.gif);
	padding-left: 4px;
	}
	#fullBottom {
	height: 5px;
	width: auto;
	background-image: url(images/featureRest.gif);
	margin-top: -2px;
	}
	#fullLeft {
	background-image: url(images/featureRest.gif);
	height: 957px;
	width: 5px;
	float: left;
	}
	#fullRight {
	background-image: url(images/featureRest.gif);
	height: 957px;
	width: 5px;
	float: right;
	}
	#fullContent {
	width: auto;
	height: 950px;
	padding-top: 3px;
	padding-left: 6px;
	background-color: #CCC;
	}


	/* Latest Articles Feature on Index */

	#articleTop {
	height: 19px;
	width: auto;
	background-image: url(images/featureTop.gif);
	padding-left: 4px;
	}
	#articleBottom {
	height: 5px;
	width: auto;
	background-image: url(images/featureRest.gif);
	margin-top: -2px;
	}
	#articleLeft {
	background-image: url(images/featureRest.gif);
	height: 532px;
	width: 5px;
	float: left;
	}
	#articleRight {
	background-image: url(images/featureRest.gif);
	height: 532px;
	width: 5px;
	float: right;
	}
	#articleContent {
	width: auto;
	height: 524px;
	padding-top: 10px;
	padding-left: 10.5px;
	background-color: #CCC;
	padding-right: 6px;
	}
	
	/* Latest Updates Feature on Index */
	
	
	#updateTop {
	height: 19px;
	width: auto;
	background-image: url(images/featureTop.gif);
	padding-left: 4px;
	}
	#updateBottom {
	height: 5px;
	width: auto;
	background-image: url(images/featureRest.gif);
	margin-top: -2px;
	}
	#updateLeft {
	background-image: url(images/featureRest.gif);
	height: 257px;
	width: 5px;
	float: left;
	}
	#updateRight {
	background-image: url(images/featureRest.gif);
	height: 257px;
	width: 5px;
	float: right;
	}
	#updateContent {
	width: auto;
	height: 256px;
	padding-left: 9px;
	padding-top: 2.5px;
	background-color: #CCC;
	}
	
	/* Forum Posts Feature on Index */
	
	#forumTop {
	height: 19px;
	width: auto;
	background-image: url(images/featureTop.gif);
	padding-left: 4px;
	}
	#forumBottom {
	height: 5px;
	width: auto;
	background-image: url(images/featureRest.gif);
	margin-top: -2px;
	}
	#forumLeft {
	background-image: url(images/featureRest.gif);
	height: 278px;
	width: 5px;
	float: left;
	}
	#forumRight {
	background-image: url(images/featureRest.gif);
	height: 278px;
	width: 5px;
	float: right;
	}
	#forumContent {
	width: auto;
	height: 273px;
	padding-left: 9px;
	padding-top: 2.5px;
	background-color: #CCC;
	}
	
	
	/* Photo of the Month Feature on Index */
	
	#photoTop {
	height: 19px;
	width: auto;
	background-image: url(images/featureTop.gif);
	padding-left: 4px;
	}
	#photoBottom {
	height: 5px;
	width: auto;
	background-image: url(images/featureRest.gif);
	margin-top: -2px;
	}
	#photoLeft {
	background-image: url(images/featureRest.gif);
	height: 301px;
	width: 5px;
	float: left;
	}
	#photoRight {
	background-image: url(images/featureRest.gif);
	height: 301px;
	width: 5px;
	float: right;
	}
	#photoContent {
	width: auto;
	height: 300px;
	padding-top: 2px;
	background-color: #CCC;
	padding-left: 1px;
	}
	
/* Other Features */

	/* ---------------------------------------------- ARTICLE PAGE FEATURE ---------------------------------------------- */

	/* Actual Article Feature (Left, Right and Content heights are overwritable inside each page) */
	
	#articlepageTop {
	height: 19px;
	width: auto;
	background-image: url(images/featureTop.gif);
	padding-left: 4px;
	}
	#articlepageBottom {
	height: 5px;
	width: auto;
	background-image: url(images/featureRest.gif);
	margin-top: -5px;
	}
	#articlepageLeft {
	background-image: url(images/featureRest.gif);
	height: 100px;
	width: 5px;
	float: left;
	padding-bottom: 20px;
	}
	#articlepageRight {
	background-image: url(images/featureRest.gif);
	height: 100%;
	width: 5px;
	float: right;
	padding-bottom: 20px;
	}
	#articlepageContent {
	width: auto;
	height: 500px;
	padding-left: 12px;
	padding-top: 5px;
	background-color: #CCC;
	padding-right: 13px;
	}
	
	/* Article Search List - Side Search Feature */

	#articleSideTop {
	height: 19px;
	width: auto;
	background-image: url(images/featureTop.gif);
	padding-left: 4px;
	}
	#articleSideBottom {
	height: 5px;
	width: auto;
	background-image: url(images/featureRest.gif);
	margin-top: -2px;
	}
	#articleSideLeft {
	background-image: url(images/featureRest.gif);
	height: 591px;
	width: 5px;
	float: left;
	}
	#articleSideRight {
	background-image: url(images/featureRest.gif);
	height: 591px;
	width: 5px;
	float: right;
	}
	#articleSideContent {
	width: auto;
	height: 590px;
	padding-left: 12px;
	padding-top: 2.5px;
	background-color: #CCC;
	}
	
	/* Article Search List - Side Nagivation Feature */
	
	#articleNavTop {
	height: 19px;
	width: auto;
	background-image: url(images/featureTop.gif);
	padding-left: 4px;
	}
	#articleNavBottom {
	height: 5px;
	width: auto;
	background-image: url(images/featureRest.gif);
	margin-top: -2px;
	}
	#articleNavLeft {
	background-image: url(images/featureRest.gif);
	height: 70px;
	width: 5px;
	float: left;
	}
	#articleNavRight {
	background-image: url(images/featureRest.gif);
	height: 70px;
	width: 5px;
	float: right;
	}
	#articleNavContent {
	width: auto;
	height: 65px;
	padding-left: 2px;
	padding-top: 2.5px;
	background-color: #CCC;
	}
	
	/* Article Email Subscription - Side Feature */
	
	#articleEmailTop {
	height: 19px;
	width: auto;
	background-image: url(images/featureTop.gif);
	padding-left: 4px;
	}
	#articleEmailBottom {
	height: 5px;
	width: auto;
	background-image: url(images/featureRest.gif);
	margin-top: -2px;
	}
	#articleEmailLeft {
	background-image: url(images/featureRest.gif);
	height: 166px;
	width: 5px;
	float: left;
	}
	#articleEmailRight {
	background-image: url(images/featureRest.gif);
	height: 166px;
	width: 5px;
	float: right;
	}
	#articleEmailContent {
	width: auto;
	height: 165px;
	padding-left: 2px;
	padding-top: 2.5px;
	background-color: #CCC;
	}
	
	#fm-submit {
	text-align: center;
	width: 100px;
	}
	
	#fm-submit input {
		border: 1px solid #333;

		background: #555;
		color: #fff;
		font-size: 100%;
	}
	
	
	
	/* Article Search List - Article Feature */
	
		#articleSearchTop {
	height: 19px;
	width: auto;
	background-image: url(images/featureTop.gif);
	padding-left: 4px;
	}
	#articleSearchBottom {
	height: 5px;
	width: auto;
	background-image: url(images/featureRest.gif);
	margin-top: -2px;
	}
	#articleSearchLeft {
	background-image: url(images/featureRest.gif);
	height: 1007px;
	width: 5px;
	float: left;
	}
	#articleSearchRight {
	background-image: url(images/featureRest.gif);
	height: 1007px;
	width: 5px;
	float: right;
	}
	#articleSearchContent {
	width: auto;
	height: 1000px;
	padding-left: 12px;
	background-color: #CCC;
	padding-top: 9px;
	}
	
	#fm-submit {
	clear: both;
	padding-top: 1em;
	text-align: center;
	}
	
	#fm-submit input {
	border: 1px solid #333;
	
	background: #555;
	color: #fff;
	font-size: 100%;
	}
	
	/* ---------------------------------------------- PHOTO COMP FEATURE ---------------------------------------------- */
	
	/* Photo Comp Page Main Feature */
	
	#photocompTop {
	height: 19px;
	width: auto;
	background-image: url(images/featureTop.gif);
	padding-left: 4px;
	}
	#photocompBottom {
	height: 5px;
	width: auto;
	background-image: url(images/featureRest.gif);
	margin-top: -2px;
	}
	#photocompLeft {
	background-image: url(images/featureRest.gif);
	height: 395px;
	width: 5px;
	float: left;
	}
	#photocompRight {
	background-image: url(images/featureRest.gif);
	height: 395px;
	width: 5px;
	float: right;
	}
	#photocompContent {
	width: auto;
	height: 390px;
	padding-left: 9px;
	padding-top: 2.5px;
	background-color: #CCC;
	}
	
	/* ---------------------------------------------- CONTACT US PAGE FEATURE ---------------------------------------------- */
	
	#contactusTop {
	height: 19px;
	width: auto;
	background-image: url(images/featureTop.gif);
	padding-left: 4px;
	}
	#contactusBottom {
	height: 5px;
	width: auto;
	background-image: url(images/featureRest.gif);
	margin-top: -2px;
	}
	#contactusLeft {
	background-image: url(images/featureRest.gif);
	height: 707px;
	width: 5px;
	float: left;
	}
	#contactusRight {
	background-image: url(images/featureRest.gif);
	height: 707px;
	width: 5px;
	float: right;
	}
	#contactusContent {
	width: auto;
	height: 700px;
	padding-top: 4px;
	padding-left: 25px;
	background-color: #CCC;
	padding-right: 25px;
	text-align: justify;
	}
	
	#contactTeamTop {
	height: 19px;
	width: auto;
	background-image: url(images/featureTop.gif);
	padding-left: 4px;
	}
	#contactTeamBottom {
	height: 5px;
	width: auto;
	background-image: url(images/featureRest.gif);
	margin-top: -2px;
	}
	#contactTeamLeft {
	background-image: url(images/featureRest.gif);
	height: 390px;
	width: 5px;
	float: left;
	}
	#contactTeamRight {
	background-image: url(images/featureRest.gif);
	height: 390px;
	width: 5px;
	float: right;
	}
	#contactTeamContent {
	width: auto;
	height: 385px;
	padding-left: 9px;
	padding-top: 2.5px;
	background-color: #CCC;
	padding-right: 9px;
	}
	
	/* ---------------------------------------------- ADMIN PAGE FEATURE ---------------------------------------------- */
	
	#adminTop {
	height: 19px;
	width: auto;
	background-image: url(images/featureTop.gif);
	padding-left: 4px;
	}
	#adminBottom {
	height: 5px;
	width: auto;
	background-image: url(images/featureRest.gif);
	margin-top: -2px;
	}
	#adminLeft {
	background-image: url(images/featureRest.gif);
	height: 962px;
	width: 5px;
	float: left;
	}
	#adminRight {
	background-image: url(images/featureRest.gif);
	height: 961px;
	width: 5px;
	float: right;
	}
	#adminContent {
	width: auto;
	height: 960px;
	padding-top: 4px;
	padding-left: 6px;
	background-color: #CCC;
	padding-right: 6px;
	}
	
		/* Admin Navigation Feature on Index */
	
	
	#adminNavTop {
	height: 19px;
	width: auto;
	background-image: url(images/featureTop.gif);
	padding-left: 4px;
	}
	#adminNavBottom {
	height: 5px;
	width: auto;
	background-image: url(images/featureRest.gif);
	margin-top: -2px;
	}
	#adminNavLeft {
	background-image: url(images/featureRest.gif);
	height: 355px;
	width: 5px;
	float: left;
	}
	#adminNavRight {
	background-image: url(images/featureRest.gif);
	height: 355px;
	width: 5px;
	float: right;
	}
	#adminNavContent {
	width: auto;
	height: 350px;
	padding-left: 9px;
	padding-top: 2.5px;
	background-color: #CCC;
	}
	
	/* SLIMBOX */

	#lbOverlay {
	position: fixed;
	z-index: 9999;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	cursor: pointer;
	}
	
	#lbCenter, #lbBottomContainer {
	position: absolute;
	z-index: 9999;
	overflow: hidden;
	background-color: #fff;
	}
	
	.lbLoading {
	background: #fff url(loading.gif) no-repeat center;
	}
	
	#lbImage {
	position: absolute;
	left: 0;
	top: 0;
	border: 10px solid #fff;
	background-repeat: no-repeat;
	}
	
	#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
	}
	
	#lbPrevLink {
	left: 0;
	}
	
	#lbPrevLink:hover {
	background: transparent url(/images/prevlabel.gif) no-repeat 0 15%;
	}
	
	#lbNextLink {
	right: 0;
	}
	
	#lbNextLink:hover {
	background: transparent url(/images/nextlabel.gif) no-repeat 100% 15%;
	}
	
	#lbBottom {
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	line-height: 1.4em;
	text-align: left;
	border: 10px solid #fff;
	border-top-style: none;
	}
	
	#lbCloseLink {
	display: block;
	float: right;
	width: 66px;
	height: 22px;
	background: transparent url(/images/closelabel.gif) no-repeat center;
	margin: 5px 0;
	outline: none;
	}
	
	#lbCaption, #lbNumber {
	margin-right: 71px;
	}
	
	#lbCaption {
	font-weight: bold;
	}
	
	/* Photo Comp Listings Feature in PhotoComps*/
	
	#photocompListingContent {
	width: auto;
	padding-top: 4px;
	padding-left: 6px;
	background-color: #CCC;
	}	
	#photocompListingLeft {
	background-image: url(images/featureRest.gif);
	height: 957px;
	width: 5px;
	float: left;
	}
	#photocompListingRight {
	background-image: url(images/featureRest.gif);
	height: 957px;
	width: 5px;
	float: right;
	}
	
	
	/* ---------------------------------------------- LINKS PAGE FEATURE ---------------------------------------------- */
	
	#linksTop {
	height: 19px;
	width: auto;
	background-image: url(images/featureTop.gif);
	padding-left: 4px;
	}
	#linksBottom {
	height: 5px;
	width: auto;
	background-image: url(images/featureRest.gif);
	margin-top: -2px;
	}
	#linksLeft {
	background-image: url(images/featureRest.gif);
	height: 713px;
	width: 5px;
	float: left;
	}
	#linksRight {
	background-image: url(images/featureRest.gif);
	height: 713px;
	width: 5px;
	float: right;
	}
	#linksContent {
	width: auto;
	height: 700px;
	padding-top: 15px;
	padding-left: 12px;
	background-color: #CCC;
	padding-right: 6px;
	text-align: justify;
	}
	
	#featuredLinksTop {
	height: 19px;
	width: auto;
	background-image: url(images/featureTop.gif);
	padding-left: 4px;
	}
	#featuredLinksBottom {
	height: 5px;
	width: auto;
	background-image: url(images/featureRest.gif);
	margin-top: -2px;
	}
	#featuredLinksLeft {
	background-image: url(images/featureRest.gif);
	height: 390px;
	width: 5px;
	float: left;
	}
	#featuredLinksRight {
	background-image: url(images/featureRest.gif);
	height: 390px;
	width: 5px;
	float: right;
	}
	#featuredLinksContent {
	width: auto;
	height: 370px;
	padding-left: 9px;
	padding-top: 20px;
	background-color: #CCC;
	padding-right: 15px;
	}
	
/* Article Search List - Article Feature */
	
	#highlightsTop {
	height: 19px;
	width: auto;
	background-image: url(images/featureTop.gif);
	padding-left: 4px;
	}
	#highlightsBottom {
	height: 5px;
	width: auto;
	background-image: url(images/featureRest.gif);
	margin-top: -2px;
	}
	#highlightsLeft {
	background-image: url(images/featureRest.gif);
	height: 1507px;
	width: 5px;
	float: left;
	}
	#highlightsRight {
	background-image: url(images/featureRest.gif);
	height: 1507px;
	width: 5px;
	float: right;
	}
	#highlightsContent {
	width: auto;
	height: 1500px;
	padding-left: 12px;
	background-color: #CCC;
	padding-top: 8px;
	padding-right: 12px;
	}