@charset "UTF-8";
body  {
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000033;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-color: #003333;
	/*background-image: url(images/Graphics/Background/green_body.jpg);*/
	background-repeat: repeat-x;
	background-attachment: fixed;
}
#container {
	width: 920px;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 1px solid #000000;
	text-align: left; /* this overrides the text-align: center on the body element. */
	background-color: #FFEDC6;
	background-image: url(images/Graphics/Background/MainContentBG.gif);
	background-repeat: repeat-y;
	position: relative;
} 
#header {
	background-image: url(images/Graphics/FNWBanner4.png);
	background-repeat: no-repeat;
	height: 140px;
	padding: 1px;
	margin: 0px 0px 5px;
	width: 920px;
	position: relative;
	} 
#header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 0;
	height: 90px;
}

img { border-style: none; }

#header #nav {
	width: 749px;
	margin-left: 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-variant: normal;
	color: #F7E444;
	text-decoration: none;
	font-size: 12px;
	text-align: left;
	text-transform: uppercase;
	margin-bottom: 0px;
	background: #003333;
	padding-left: 8px;
	position: absolute;
	top: 92px;
	border-right: 2px solid #D9C3A2;
	border-bottom: 3px solid #D9C3A2;
	border-left: 2px solid #D9C3A2;
}
#header a
{
	cursor: pointer;
	color: #F7E444;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	vertical-align: text-bottom;
	
}


#header a:hover, #header a:focus
{
	font-weight: bold;
	color: #cc8b77;
}


#sidebar1 {
	width: 164px;
	background-color: #EEDDB8;
	border-top: 1px solid #C9BB9B;
	border-right: 3px solid #C9BB9B;
	border-bottom: 2px solid #C9BB9B;
	border-left: 1px solid #C9BB9B;
	font-size: 11px;
	padding-left: 1px;
	left: 4px;
	position: absolute;
}

#sidebar2 {
	float: right; /* since this element is floated, a width must be given */
	width: 115px; /* the background color will be displayed for the length of the content in the column, but no further */
	padding: 3px;
	margin-right: 5px;
}
#mainContent {
	margin-bottom: 0px;
	padding-bottom: 0px;
	margin-top: 0px;
	width: 720px;
	left: 180px;
	display: block;
	position: relative;
	padding-right: 10px;
} 

.sitemapListLeft {
	width: 340px;
	float: left;
	padding-top: 0px;
	border: 2px solid #C9BB9B;
}
#mainContentSearch {
	width: 850px;
	margin-bottom: 0px;
	margin-left: 20px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 5px;
	margin-top: 0px;
} 
#footer {
	padding: 0 10px 20 20px;
	margin: 10px 7px 15px;
} 
#footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 4px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

#hidden { display: none; }

#mainContent h1 {
	font-family: "Hobo Std", Garamond, "Times New Roman", serif;
	font-size: 20px;
	color: #003333;
	font-variant: small-caps;
	margin-top: 0px;
	text-shadow: 2px 2px 2px #999999
}
#mainContentSearch h1 {
	font-family: "Hobo Std", Garamond, "Times New Roman", serif;
	font-size: 20px;
	color: #003333;
	font-variant: small-caps;
}
a:link, a:visited {
	color: #003333;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: bold;
}
 
a:hover {
	text-decoration: underline;
	color: #6C2E16;
}


/***********************************************SIDEBARS************************************************************************/

#sidebarAd {
	margin: 0px;
	padding: 0px;
	background-color: #EEDDB8;
	border: 1px solid #C9BB9B;
	
	margin-bottom: 7px;
}
.sidelinks {
	width: 164px;
	display: block;
}

.sidelinks h3 {
	background-color: #C9BB9B;
	margin: 0px;
	vertical-align: middle;
	font-family: "Hobo Std", Garamond, "Times New Roman", serif;
	font-size: 14px;
	color: #003333;
	text-align: center;
	padding: 2px 0px;
	letter-spacing: 1px;
	font-weight: bold;
	text-transform: none;
	font-variant: small-caps;
	width: 164px;
	text-shadow: 2px 2px 2px #999999;
}


.sidelinks a:link {
	border-bottom: 1px dotted #003333;
	display: block;
	width: 164px;
	padding: 1px 0px 2px 2px;
	font: bold normal 11px/normal Arial, Helvetica, sans-serif;
	color: #003333;
}
.sidelinks a:visited {
	border-bottom: 1px dotted #003333;
	display: block;
	width: 164px;
	padding: 4px 0px 2px 2px;
	font: bold normal 11px/normal Arial, Helvetica, sans-serif;
	color: #003333;
}
.sidelinks a:hover { color: #6C2E16; text-decoration: underline;}

/*------------------------------------------ TYPOGRAPHY-------------------------------------------------*/

#mainContent h2 {
	font-family: "Hobo Std", Garamond, "Times New Roman", serif;
	font-size: 16px;
	color: #003333;
	height: 15px;
	font-variant: small-caps;
	border-bottom: 1px solid #6C2E16;
	text-shadow: 2px 2px 2px #999999
}
#mainContent h3 {
	font-family: "Hobo Std", Garamond, "Times New Roman", serif;
	font-size: 14px;
	color: #003333;
	height: 15px;
	font-variant: small-caps;
	text-indent: 5px;
	text-shadow: 2px 2px 2px #999999;
	margin-top: 0px;
}

#mainContent p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	padding: 0px;
	margin: 3px 10px 5px 5px;
	color: #35160A;
}



/*---------------------------------------------------FOOTER-------------------------------------------*/
.copyright {
	font-size: 9px;
	font-weight: bold;
	color: #666666;
	padding-top: 10px;
	border-top: 1px dashed #999999;
	text-indent: 15px;
}
/*---------------------------------------------------TABLES -------------------------------------------*/
.expandableTable { } /*Is expandable by setting width of cells */
/*TABLE WITH BORDERS FOR EACH CATEGORY PAGE*/
#tableDecoration {
	padding: 0px;
	border-top: 1px solid #C9BB9B;
	border-right: 2px solid #C9BB9B;
	border-bottom: 3px solid #C9BB9B;
	border-left: 1px solid #C9BB9B;
	margin-bottom: 10px;
}
#tableDecoration h3 {
	font-size: 12px;
	margin-bottom: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-top: 2px;
}
#tableDecoration p {
	margin-top: 0px;
	margin-bottom: 0px;
	font-size: 11px;
	text-align: center;
	color: #000000;
	padding-top: 0px;
	}

#tableDecoration img {
	border: 1px solid #666666;
	margin-right: 1px;
	margin-left: 1px;
	text-align: center;
	height: 160px;
}
#tableDecoration td {
	text-align: center;
	vertical-align: top;
	background-color: #EEDDB8;
	border-top: 1px solid #C9BB9B;
	border-right: 3px solid #A2957C;
	border-bottom: 2px solid #C9BB9B;
	border-left: 2px solid #A2957C;
	padding: 0px;
	width: 350px;
}


#links {
	width: 700px;
	padding: 0px;
	border-top: 1px solid #C9BB9B;
	border-right: 2px solid #C9BB9B;
	border-bottom: 3px solid #C9BB9B;
	border-left: 1px solid #C9BB9B;
	margin-bottom: 10px;
}
#links td {
	text-align: center;
		vertical-align: top;
	background-color: #EEDDB8;
	border-top: 1px solid #C9BB9B;
	border-right: 3px solid #C9BB9B;
	border-bottom: 2px solid #C9BB9B;
	border-left: 1px solid #C9BB9B;
	padding: 0px;
}
#links p {
	margin-top: 0px;
	margin-bottom: 0px;
	font-size: 11px;
	text-align: left;
	padding-left: 2px;
	color: #000000;
	}
/*********THIS TABLE HAS NO BORDERS AND IS USED FOR HOME AND GALLERY PAGES*****/
#homegallery { }
#homegallery td {
	width: 165px;
	padding-right: 5px;
	padding-left: 5px;
	text-align: center;
}
.expandableTable h3 {
	font-family: "Hobo Std", Garamond, "Times New Roman", serif;
	font-size: 12px;
	color: #6C2E16;
	text-align: center;
	margin-bottom: 0px;
	margin-top: 0px;
	font-variant: small-caps;
}
/***** THIS DIV IS USED INSTEAD OF TABLE (tableDecoration) FOR EACH TOPIC CAGTEGORY PAGE*******/
#topicThumbnails {
	background: #EEDDB8;
	border: 2px solid #003333;
	width: 650px;
}

#topicThumbnails td {
	vertical-align: top;
	padding: 0px;
}

#topicThumbnails p {
	border-bottom: 1px dashed #003333;
	margin-bottom: 15px;
	margin-top: 3px;
}

#topicThumbnails tr { }

#topicThumbImage {
	border-top: 1px solid #003333;
	border-bottom: 1px solid #003333;
	border-left: 1px solid #003333;
}

#topicThumbText { }

#topicThumbnails img {
	float: left;
	height: 150px;
}
.topicTitle {
	background-color: #C9BB9B;
	margin: 0px;
	vertical-align: middle;
	font-family: "Hobo Std", Garamond, "Times New Roman", serif;
	font-size: 14px;
	color: #6C2E16;
	text-align: center;
	letter-spacing: 2px;
	font-weight: bold;
	font-variant: small-caps;
	border-bottom: 2px solid #938871;
	padding: 4px 0px 5px;
	height: 15px;
}
.topicTitle a {
	background-color: #C9BB9B;
	margin: 0px;
	vertical-align: middle;
	font-family: "Hobo Std", Garamond, "Times New Roman", serif;
	font-size: 14px;
	color: #6C2E16;
	text-align: center;
	padding: 5px 0px 0px;
	letter-spacing: 2px;
	font-weight: bold;
	text-transform: none;
	font-variant: small-caps;
}


/************************************************************************/

.resolution {
	font-size: 15px;
	color: #003333;
	font-weight: bolder;
	text-transform: capitalize;
	text-align: center;
	letter-spacing: 2px;
	word-spacing: 1px;
	clear: both;
	font-family: Geneva, Arial, Helvetica, sans-serif;
}

/*#mainContent li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	margin-left: 0px;
}*/

.bold { font-weight: bold; }

#galleryPageLinks {
	font-family: "Hobo Std", Garamond, "Times New Roman", serif;
	font-size: 14px;
	text-align: center;
	color: #000000;
	font-variant: small-caps;
	margin-top: 5px;
	background-color: #C9BB9B;
	border-top: 1px solid #938871;
	border-right: 3px solid #938871;
	border-bottom: 2px solid #938871;
	border-left: 1px solid #938871;
	vertical-align: middle;
	clear: both;
	padding: 5px 2px 3px;
}

#galleryPageLinks a { font-family: "Hobo Std", Garamond, "Times New Roman", serif; }

#download {
	margin-right: auto;
	margin-left: auto;
	border: 1px solid #C9BB9B;
}

#download td {
	border: 1px solid #C9BB9B;
	text-align: center;
	width: 100%;
}

#download img {
	border-right: 2px solid #003333;
	border-top: 1px solid #003333;
	border-bottom: 3px solid #003333;
	border-left: 1px solid #003333;
	height: 300px;
}

#sizeAppearance {
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}

#sizeAppearance p {
	margin-top: 0px;
	font-size: 14px;
	font-weight: bold;
}

#larger { font-size: 16px; }

#sidebar1 #sideAd { margin-top: 0px; }

#tableDecoration #description { font-size: 13px; }

#download #downloadAd { width: 302px; }

#myLinks { }

#myLinks p {
	margin-bottom: 1px;
	font-weight: bold;
	font-size: 16px;
}

#code {
	font-family: "Courier New", Courier, monospace;
	font-size: 16px;
	color: #000000;
	background-color: #EEDDB8;
	border: 1px inset #C9BB9B;
}

#homegallery h3 {
	font-family: "Hobo Std", Garamond, "Times New Roman", serif;
	font-size: 12px;
}
#homegallery a {
	font-family: "Hobo Std", Garamond, "Times New Roman", serif;
	font-size: 12px;
	color: #003333;
}

#smallText { font-size: 10px; }

#homegallery p { margin-top: 1px; }

#facebookSidebar {
	font-size: 11px;
	text-align: center;
	padding-top: 5px;
	margin-right: auto;
	margin-left: auto;
	width: 162px;
}
#facebookSidebar p {
	font-size: 11px;
	text-align: center;
	padding-top: 2px;
	margin: 1px auto;
}

#facebookSidebar img { width: 110px; }
/******************** DIV THUMBNAILS *****************/

.wallpaper_thumbnails {
	padding: 0px;
	margin-bottom: 10px;
	}
.cat_thumbnails {
	padding: 0px;
	margin-bottom: 10px;
	}	
	
	
#wallpaperPage { 

}

#gallerypage { 

}
#mainContent .cat_thumbnails  ul li {
	text-align: center;
	vertical-align: top;
	background-color: #EEDDB8;
	border-top: 1px solid #C9BB9B;
	border-right: 3px solid #C9BB9B;
	border-bottom: 2px solid #A2957C;
	border-left: 2px solid #C9BB9B;
	/*border-top: 1px solid #005A5A;
	border-right: 3px solid #003333;
	border-bottom: 2px solid #003333;
	border-left: 2px solid #005A5A;*/
	padding: 0px;
	width: 298px;
	list-style-type: none;
	margin-right: 30px;
	float: left;
	margin-bottom: 10px;
	height: 190px;
	}
#mainContent .wallpaper_thumbnails  ul li {
	text-align: center;
	vertical-align: top;
	background-color: #EEDDB8;
	border-top: 1px solid #C9BB9B;
	border-right: 3px solid #C9BB9B;
	border-bottom: 2px solid #A2957C;
	border-left: 2px solid #C9BB9B;
	/*border-top: 1px solid #005A5A;
	border-right: 3px solid #003333;
	border-bottom: 2px solid #003333;
	border-left: 2px solid #005A5A;*/
	padding: 0px;
	width: 300px;
	list-style-type: none;
	margin-right: 30px;
	float: left;
	margin-bottom: 10px;
	height: 251px;
	}

.cat_thumbnails .wallpaper_thumbnails h3 {
	background-color: #C9BB9B;
	margin: 0px 0px 2px;
	vertical-align: middle;
	font-family: "Hobo Std", Garamond, "Times New Roman", serif;
	font-size: 14px;
	color: #6C2E16;
	text-align: center;
	padding: 5px 0px 3px;
	letter-spacing: 2px;
	font-weight: bold;
	text-transform: none;
	font-variant: small-caps;
	border-top: 2px solid #C9BB9B;
	border-right: 2px solid #C9BB9B;
	border-bottom: 2px solid #A2957C;
	border-left: 2px solid #C9BB9B;
	}


.cat_thumbnails .wallpaper_thumbnails p {
	font-size: 11px;
	text-align: center;
	color: #000000;
	padding-top: 2px;
	background-color: #EEDDB8;
	border-top: 1px solid #C9BB9B;
	border-right: 3px solid #A2957C;
	border-bottom: 2px solid #C9BB9B;
	border-left: 2px solid #A2957C;
		padding-top: 2px;
	margin: 2px 0px 0px;
	padding-bottom: 2px;
	
	}


.cat_thumbnails img {
	text-align: center;
	height: 130px;
	margin: 2px 1px;
	}
	
.wallpaper_thumbnails img {
	text-align: center;
	height: 130px;
	margin: 2px 1px;
	border: 1px solid #003333;
	}

.cat_thumbnails .description {
	font-size: 11px;
	text-align: center;
	color: #000000;
	padding-top: 2px;
	background-color: #EEDDB8;
	border-top: 1px solid #C9BB9B;
	border-right: 3px solid #A2957C;
	border-bottom: 2px solid #C9BB9B;
	border-left: 2px solid #A2957C;
	padding-top: 2px;
	margin: 2px auto 0px;
	padding-bottom: 2px;
	width: 98%;
}
.wallpaper_thumbnails .description {
	font-size: 11px;
	text-align: center;
	color: #000000;
	padding-top: 2px;
	background-color: #EEDDB8;
	border-top: 1px solid #C9BB9B;
	border-right: 3px solid #A2957C;
	border-bottom: 2px solid #C9BB9B;
	border-left: 2px solid #A2957C;
	padding-top: 2px;
	margin: 2px auto 1px;
	padding-bottom: 1px;
	width: 98%;
}
.resolutions {
	text-align: left;
	padding-left: 3px;
	padding-top: 2px;
	font-size: 11px;
	background-color: #EEDDB8;
	border-top: 1px solid #C9BB9B;
	border-right: 3px solid #A2957C;
	border-bottom: 2px solid #C9BB9B;
	border-left: 2px solid #A2957C;
	margin: 1px 1px 0px;
	padding-bottom: 2px;
}

#intro {
	width: 330px;
	padding: 0px;
	margin: 0px 3px 0px 0px;
	float: right;
}

#ad_336x280_left {
	float: left;
	width: 336px;
}

#ad_468x15_center {
	text-align: center;
	background-color: #EEDDB8;
	border-top: 1px solid #C9BB9B;
	border-right: 3px solid #C9BB9B;
	border-bottom: 2px solid #A2957C;
	border-left: 2px solid #C9BB9B;
	width: 468px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0px;
}

.intro {
	border: 2px solid #C9BB9B;
	clear: both;
	width: 690px;
	margin-top: 8px;
	margin-right: auto;
	margin-left: auto;
}

#galleryPageLinks p {
	text-transform: none;
	font-variant: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	text-align: center;
	margin-bottom: 3px;
	margin-top: 1px;
}

.ad336x280FlLeft {
	float: left;
	width: 337px;
	background-color: #EEDDB8;
	border-top: 1px solid #C9BB9B;
	border-right: 3px solid #C9BB9B;
	border-bottom: 2px solid #A2957C;
	border-left: 2px solid #C9BB9B;
	background-color: #ECDBB7;
	margin-right: 10px;
	margin-left: 4px;
}

.ad336x280FlRight {
	width: 337px;
	background-color: #EEDDB8;
	border-top: 1px solid #C9BB9B;
	border-right: 3px solid #C9BB9B;
	border-bottom: 2px solid #A2957C;
	border-left: 2px solid #C9BB9B;
	background-color: #EEDDB8;
	float: right;
	margin-right: 10px;
	margin-left: 8px;
	margin-bottom: 5px;
}



.intro img {
	float: left;
	padding: 0px;
	border: 1px solid #003333;
	margin: 1px 10px 3px 1px;
}

.cat_thumbnails ul {
	margin-right: auto;
	margin-left: auto;
}

.ad728x90 {
	width: 728px;
	margin-right: auto;
	margin-left: auto;
	border: 2px solid #C9BB9B;
	margin-top: 3px;
	padding: 0px;
}

.topicTitle a:hover {
	color: #003333;
	text-decoration: underline;
}

.sitemapListRight {
	float: right;
	width: 340px;
	list-style: disc outside;
	padding-top: 0px;
	border: 2px solid #C9BB9B;
	
	
}

.sitemapListLeft h3 {
	background-color: #C9BB9B;
	font-family: "Hobo Std", Garamond, "Times New Roman", serif;
	font-size: 14px;
	color: #6C2E16;
	text-align: center;
	letter-spacing: 2px;
	font-weight: bold;
	font-variant: small-caps;
	border-bottom: 2px solid #938871;
	padding: 4px 0px 5px;
	height: 15px;
	margin: 0px;
}
 .sitemapListRight h3 { 
	background-color: #C9BB9B;
	font-family: "Hobo Std", Garamond, "Times New Roman", serif;
	font-size: 14px;
	color: #6C2E16;
	text-align: center;
	letter-spacing: 2px;
	font-weight: bold;
	font-variant: small-caps;
	border-bottom: 2px solid #938871;
	padding: 4px 0px 5px;
	height: 15px;
	margin: 0px;
}

.sitemapListLeft li {
	font-size: 12px;
	margin-top: 0px;
	padding-left: 0px;
	margin-left: 0px;
}

.sitemapListLeft ul {
	margin: 1px 0px;
	padding-left: 20px;
}
.sitemapListRight li {
	font-size: 12px;
	margin-top: 0px;
	padding-left: 0px;
	margin-left: 0px;
}

.sitemapListRight ul {
	margin: 1px 0px;
	padding-left: 20px;
}
.sitemapListRight ul {
	margin: 1px 0px;
	padding-left: 20px;
}
#footerLinks {
	text-align: center;
	border-bottom: 1px solid #6C2E16;
	font-size: 11px;
	border-top: 1px solid #6C2E16;
	margin-top: 5px;
}

.ad728TopNav {
	width: 730px;
	top: 115px;
	position: absolute;
	margin-left: 8px;
}

.intro ul {
	color: #35160A;
	font-size: 12px;
}

.sectionHeader { 
	font-family: "Hobo Std", Garamond, "Times New Roman", serif;
	font-size: 14px;
	color: #003333;
	height: 15px;
	font-variant: small-caps;
	text-indent: 5px;
	text-shadow: 2px 2px 2px #999999;
	margin-top: 0px;
	border-bottom: 1px solid #6C2E16;
	text-shadow: 2px 2px 2px #999999}

