/* 

STYLE SHEET FOR NFMA SITE
Created by Amelia Vargo for Josh.biz

Table Of Contents

	1. defaults
	2. body
	3. main layout
	4. lists
	5. links
	6. heading tags
	7. paragraph tags
	8. images
	9. Josh.biz link
	
/* - 1. defaults - */

html {
	font-size: 101%;
	}

html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, formfield {
	margin: 0;
	padding: 0;
	border: 0;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Geneva, sans-serif;
	}

a img {
	border: 0;
	}
	
/* - 2. body - */
	
body {
	font-size: 62.5%;
	background-color: #bbbb81;
	}

/* - 3. main layout - */
	
#wrapper {
	color: #f3f2f2;
	margin-top: 8px;
	}
	
#outer-wrapper {
	background-position: center;
	padding-bottom: 0px;
	width: 850px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	}
	
#header {
	color: #3b1b13;
	border: 3px solid #979735;
	height: 250px;
	margin-top: 10px;
	width: 850px;
	}
	
#navigation {
	height: 4em;
	}
	
#contentcontainer {
	background-color: #f2f2f2;
	border: 3px solid #979735;
	color: #3b1b13;
	float: left;
	padding-top: 51px;
	padding-left: 42px;
	padding-right: 42px;
	padding-bottom: 51px;
	width: 766px;
	}
	
#contentleft {
	width: 414px;
	clear: none;
	color: #3b1b13;
	background-color: #f2f2f2;
	float: left;
	padding-right: 33px;
	margin-bottom: 50px;
	}
	
#secondCaption, #thirdCaption, #fourthCaption, #fifthCaption {
	color: #979735;
	display: block;
	padding-bottom: 0.4em;
	}

#contentright {
	width: 316px;
	float: right;
	clear: none;
	color: #3B1B13;
	background-color: #F2F2F2;
	margin-bottom: 50px;
	}

#footer {
	height: 50px;
	clear: both;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #979735;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #979735;
	padding-top: 15px;
	padding-bottom: 15px;
	width: 770px;
	}
	
#bottomNavigation {
	width: 770px;
	margin-top: 10px;
	}

/* - 4. lists - */

#navigation ul {
	font-size: 2.6em;
	text-align: center;
	height: 44px;
	line-height: 1.5em;
	}
	
#navigation ul li {
	display: inline;
	color: #3b1b13;
	}
	
#contentleft ul.left {
	float: left;
	padding-right: 43px;
	padding-bottom: 43px;
	}

#contentleft ul li.left {
	font-size: 0.8em;
	}
	
#contentleft ul li img {
	padding-top: 25px;
	}

#contentright ul {
	list-style-type: none;
	}
	
#contentright ul li {
	font-size: 1.2em;
	}
	
#contentright ul li img {
	padding-top: 20px;
	}

#contentright ul.left {
	float: left;
	margin-top: 2em;
	}

#contentright ul.right {
	float: right;
	margin-top: 2em;
	}
	
#bottomNavigation ul {
	list-style-type: none;
	font-size: 1.2em;
	line-height: 1.2em;
	text-align: center;
	}
	
#bottomNavigation ul li {
	display: inline;
	list-style-type: none;
	text-align: center;
	}

	
/* - 5. links - */


a {
	color: #3b1b13;
	}
	
a:link {
	text-decoration: underline;
	}
	
a:visited {
	text-decoration: underline;
	}
	
a:hover {
	text-decoration: none;
	color: #6e3121;
	}
	
a:active {
	text-decoration: none;
	color: #717128;
	}
	
#navigation a {
	color: #f3f2f2;
	text-decoration: none;
	}

#navigation a:link {
	text-decoration: none;
	}
	
#navigation a:visited {
	text-decoration: none;
	color: #f3f2f2;
	}
	
#navigation a:hover {
	text-decoration: none;
	color: #3b1b13;
	}
	
#navigation a:active {
	text-decoration: none;
	color: #6e3121;
	}
	
#navigation a#current {
	color: #3b1b13;
	}
	
#contentleft  ul {
	list-style-type: none;
	}
	
#contentleft ul li {
	font-size: 1.4em;
	line-height: 1.4em;
	}
	
#contentleft ul li span {
	color: #979735;
	}

#contentleft ol {
	font-size: 1.4em;
	line-height: 1.4em;
	list-style-position: outside;
	}
	
#contentleft ol li {
	list-style-position: inside;
	list-style-type: decimal;
	}
	
#contentright ul li a {
	color: #3b1b13;
	}
	
#contentright ul li a:link {
	text-decoration: none;
	}
	
#contentright ul li a:visited {
	text-decoration: none;
	}
	
#contentright ul li a:hover {
	text-decoration: underline;
	color: #979735;
	}
	
#contentright ul li a:active {
	text-decoration: underline;
	color: #717128;
	}
	

/* - 6. heading tags - */

h1 span {
	display: none;
	}

h2 {
	font-weight: normal;
	font-size: 2em;
	text-align: right;
	margin-right: 42px;
	}

	
h3 {
	color: #979735;
	padding-bottom: 0.6em;
	font-weight: normal;
	font-size: 2em;
	padding-top: 1em;
	}
	
h3 span {
	font-size: 1.6em;
	padding-top: 0px;
	}

h4 {
	color: #979735;
	font-weight: normal;
	font-size: 1.6em;
	padding-top: 0.6em;
	padding-bottom: 0.6em;
	clear: both;
	}

h4 span {
	color: #3b1b13;
	line-height: 1.6em;
	font-size: 1.4em;
	}


/* - 7. paragraph tags - */

p {
	padding-bottom: 0.6em;
	font-size: 1.4em;
	line-height: 1.6em;
	}

p span {
	color: #979735;
	}
	
#footer p {
	font-size: 1.2em;
	text-align: center;
	clear: right;
	line-height: 1.2em;
	}


/* - 8. images - */

#randomImage {
	border: 0;
	margin: 0px;
	padding: 0px;
	}
	
#contentleft img.photo {
	float: left;
	padding-right: 10px;
	padding-top: 0.6em;
	}

#contentright img.home {
	padding-top: 3em;
	padding-bottom: 10em;
	float: right;
	}

#contentright img.gallery {
	padding-right: 9px;
	padding-top: 20px;
	}

#imgPhoto {
	padding-top: 45px;
	}
	
#contentright img.home2 {
	padding-top: 44px;
	float: right;
	padding-bottom: 10em;
	}
	
#contentright img.mirror {
	float: right;
	}

/* - 9. Josh.biz - */

#josh {
	height: 100px;
	padding-top: 10px;
	background-color: #BBBB81;
	clear: both;
	text-align: center;
	width: 850px;
	}

#josh img {
	border: none;
	}


.small {
	font-size: 1.2em;
}