/* CSS Document to support the Flowerdale Estate Alpacas  */
/* www.flowerdalealpacas.net  */
/* Copyright Project DMS */
/* www.projectDMS.com.au */
/* last edited 141209 */

html {
	text-align: center;
	height: 100%;
	width: 100%;
	overflow: scroll;}

body {
	margin: 0;
	height: 100%;
	text-align: center;
	font: 11px Arial, Helvetica, sans-serif;
	color: #000;
	background: url(/images/bg.page1.jpg) repeat-x;}

div {
	border: 0px solid #ff0000;
	margin: 0;
	padding: 0;
	text-align: justify;}

tr {
	vertical-align: top;}
	
td {
	vertical-align: top;}

img {
	border: 0;}

ul {
	list-style-type: square;
	margin-top:8px;
	margin-bottom:8px;}

#container {
	width: 850px;
	margin: 0 auto;
	padding: 0;
	text-align: left;}
	/* div controls all page contents */

#h1container {
	float: left;
	width: 850px;
	height: 15px;
	text-align: right;}

#title {
	width: 850px;
	height: 50px;
	clear: both;}

#titlepic {
	width: 850px;
	height:250px;}
	#titlepicleft {
	float:left;
	width: 584px;
	height:250px;}
	#titlepicleft img {
	float: left;}
	#titlepicright {
	float:right;
	width: 266px;
	height:250px;}
	#titlepicright img {
	float: right;}


/* NAVIGATION STYLE */
#nav {
	height: 40px;
	width: 850px;
	background-image: url(/images/bg.nav.jpg);
	border-bottom: 1px solid #fff;
	clear:both;}
	
#nav ul {
	display: inline;
	list-style: none;}
#nav li {
	display: inline;
	list-style-type: none;}

.mainnav {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	padding: 12px 0 0 0;
	border-right: 1px solid #222;
	color: #ccc;
	text-align: center;
	text-decoration: none;
	height: 28px;
	width:80px;
	float: left;
	cursor: default;}
	a.mainnav:hover {
	color: #fff;}
	
.subnav {
	font: 10px Arial, Helvetica, sans-serif;
	padding: 1px 1px 1px 1px;
	text-decoration: none;
	text-align: left;
	width:78px;
	list-style-position: outside;
	margin-top: 0;
	color: #777;
	background-color: #e8e8e8;
	border-bottom:1px solid #ccc;
	border-left:10px solid #dcdcdc;
	display: block;}
	a.subnav:hover {
	color: #fff;
	background-color: #262626;
	border-left:10px solid #00cc33;
	border-bottom:1px solid #3e3e3e;}
/* END NAVIGATION STYLE */

#pagetitle {
	width: 850px;
	height: 60px;
	clear: both;}
	#h2container {
	float: left;
	rem.width: 585px;
	width: 850px;
	rem.background-color:#ccc;}

#content {
	width: 850px;
	margin-top: 0px;
	rem.height: 150px;
	clear: both;}
	#content1 {
		float: left;
		width: 400px;
		font: 11px Arial, Helvetica, sans-serif;
		text-align: justify;
		line-height: 17px;
		color: #454545;
		padding: 0;}
		#content1 p {
		margin-top: 5px;
		margin-bottom: 5px;}
		#content1 img {
		padding:0px;
		margin-top: 0px;}
		#content1 a {
		font: 11px Arial, Helvetica, sans-serif;
		color: #000099;
		text-decoration: underline;}
		#content1 a:hover {
		color: #0c96a2;}
		
	#content2 {
		float: left;
		width: 190px;
		margin-left: 20px;
		font: 11px Arial, Helvetica, sans-serif;
		text-align: justify;
		line-height: 17px;
		color: #454545;
		padding: 0;
			rem.background-color:#FF3366;}
		#content2 p {
		margin-top: 5px;
		margin-bottom: 5px;}
		#content2 img {
		border: 1px solid #000;
		rem.margin-top: 15px;}
		#content2 a {
		font: 11px Arial, Helvetica, sans-serif;
		color: #000099;
		text-decoration: underline;}
		#content2 a:hover {
		color: #0c96a2;}
	
	#content3 {
		float: right;
		width: 215px;
		font: 11px Arial, Helvetica, sans-serif;
		text-align: justify;
		color: #454545;
		padding: 0;
			rem.background-color:#FFCC00;}
		#content3 p {
		margin-top: 5px;
		margin-bottom: 5px;}
		#content3 ul {
		margin-top: 1px;
		margin-bottom: 5px;}
		#content3 li {
		margin-top: 1px;
		margin-bottom: 1px;}
		#content3 img {
		rem.margin-top:10px;
		border: 0;}
		#content3 a {
		font: 11px Arial, Helvetica, sans-serif;
		color: #000099;
		text-decoration: underline;}
		#content3 a:hover {
		color: #0C96A2;
		text-decoration: underline;}
		
	#content12 {
		float: left;
		width: 585px;
		font: 11px Arial, Helvetica, sans-serif;
		text-align: justify;
		line-height: 17px;
		color: #454545;
		padding: 0;
			rem.background-color:#00FF00;}
		#content12 p {
		margin-top: 5px;
		margin-bottom: 5px;}
		#content12 img {
		padding:0px;
		margin-right: 1px;
		margin-top:1px;
		border:1px solid #000;}
		#content12 a {
		font: 11px Arial, Helvetica, sans-serif;
		color: #000099;
		text-decoration: underline;}
		#content12 a:hover {
		color: #0c96a2;}

#fplink {
	float: left;
	width: 280px;
	height: 247px;
	border-bottom: 1px solid #333;
	background-color: #77816F;
	margin-bottom: 10px;
	line-height: 15px;
	text-align: justified;}
	#fplink img {
	margin:0;
	border:0;}
	#fplink p {
	font: 11px Arial, Helvetica, sans-serif;
	padding: 3px;
	color: #fff;
	margin-top: 0px;
	margin-bottom: 2px;
	margin: 0;}
	#fplink a {
	font: bold 12px Arial, Helvetica, sans-serif;
	font-style: italic;
	color: #000099;
	text-decoration: none;}
	#fplink a:hover {
	color: #3D4D33;}

#herdlist {
	float: left;
	border: 1px solid #999;
	padding: 3px;
	font: 10px Arial, Helvetica, sans-serif;
	color: #454545;
	background-image: url(/images/herdlist_bg.jpg);}
	#herdlist p {
	margin-top: 5px;
	margin-bottom: 2px;}
	#herdlist a {
	font: bold 10px Verdana, Arial, Helvetica, sans-serif;
	color: #003300;
	text-decoration: none;}
	#herdlist a:hover {
	color: #0c96a2;
	text-decoration: none;}

#footer {
	width: 850px;
	height: 100px;
	border-top: 1px solid #999;
	margin-top: 15px;
	rem.background-color:#efefef;
	background-image: url(/images/bg.footer.jpg);
	clear: both;}
	#footer1 {
		float: left;
		width: 585px;
		margin-top: 15px;
		font: 10px Verdana, Arial, Helvetica, sans-serif;
		color: #333;
		text-align: left;
		padding-left: 2px;}
		#footer1 p {
		margin-top:6px;
		margin-bottom:2px;}
		#footer1 a {
		color: #63632B;
		text-decoration: none;}
	#footer2 {
		float: right;
		width: 215px;
		font: 10px Verdana, Arial, Helvetica, sans-serif;
		color: #333;
		margin-top: 15px;
		rem.margin-right: 25px;
		padding: 0;}
		#footer2 p {
		margin-top:6px;
		margin-bottom:2px;}
		
h1 {
	font:9px Arial, Helvetica, sans-serif;
	color: #444;
	letter-spacing:2px;
	margin:0px;}

h2 {
	font: 16px Verdana, Arial, Helvetica, sans-serif;
	rem.font-weight: normal;
	color: #5c6b5d;
	margin-top: 25px;
	margin-bottom: 10px;}
/* h1 h2 tags reserved for site and page titles ONLY */

h3 {
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	color: #5c6b5d;
	margin-top: 0px;
	margin-bottom: 15px;}
	/* h3 tags reserved for opening line on each page ONLY */

/* h4 h5 h6 tags reserved for page content titles ONLY */
h4 {
	font: 14px Verdana, Arial, Helvetica, sans-serif;
	color: #2a3d1c;
	margin-top: 15px;
	margin-bottom: 5px;}

h5 {
	font:bold 12px Verdana, Arial, Helvetica, sans-serif;
	color: #2a3d1c;
	margin-top: 5px;
	margin-bottom: 5px;}

h6 {
	font:bold 11px Verdana, Arial, Helvetica, sans-serif;
	color: #2a3d1c;
	margin-top: 8px;
	margin-bottom: 0px;}

/* style variations */
#insert {
	border:1px solid #666;
	border-top:3px solid #444;
	padding:3px;
	background-color:#ccc;}
	#insert h4 {
	font:bold 11px Arial, Helvetica, sans-serif;
	color: #0f2e09;
	margin-top: 0px;
	margin-bottom: 8px;
	text-decoration: none;}

#gallery {
	border-left:1px solid #ccc;
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
	border-top:1px solid #ccc;
	width:213px;
	height:258px;
	margin-top:0;
	margin-bottom:15px;
	padding:0px;
	background:#F4FCD2;
	clear:both;}
	#gallery img {
	float:left;
	padding-left:0px;
	margin:5px 0px 1px 3px;
	border:1px solid #000;}

#gallerypage {
	width: 585px;
	text-align:left;}
	#gallerypage img {
	border: 1px solid #000;
	margin-right: 15px;
	margin-top: 10px;}

.f10 {
	font: 10px Arial, Helvetica, sans-serif;
	color:#333;}

.f9 {
	font: 9px Arial, Helvetica, sans-serif;
	color: #999;
	margin-top: 2px;
	margin-bottom: 5px;}

.formfield {
	font: 9px Arial, Helvetica, sans-serif;
	color: #000;
	border: solid 1px #ccc;
	margin-bottom: 1px;}

.button {
	font: bold 9px Arial, Helvetica, sans-serif;
	color: #ccc;
	background-color: #333;
	border: solid 1px #999;
	padding-left: 10px;
	padding-right: 10px;
	text-decoration: none;}

.req {
	font: bold 10px Arial, Helvetica, sans-serif;
	color: #ff3300;}
				
.response {
	font: 10px Arial, Helvetica, sans-serif;
	color: #660000;}

#linksites {
	font: 10px Arial, Helvetica, sans-serif;
	height:25px;
	width:585px;}
	#linksites a {
	font:bold 11px Arial, Helvetica, sans-serif;
	color: #003333;
	text-decoration:none;}
	#linksites a:hover {
	height:25px;
	color:#990000;
	text-decoration:underline;}