/* CSS Document to support SRS Alpacas International  */
/* www.srsalpacas.com  */
/* Copyright Project DMS */
/* www.projectdms.com.au */
/* last edited 070210 */

html {
	text-align: center;
	height: 100%;
	background-color: #e4e4e4;
	overflow: scroll;}
	
body {
	margin: 0;
	height: 100%;
	text-align: center;
	font: 10px Verdana, Arial, Helvetica, sans-serif;
		rem.padding: 0;
		rem.margin: 0 auto;
		rem.background-color: #e4e4e4;}

#global {
	width: 920px;
	margin: 0 auto;
	padding: 0;
	text-align: left;
	background-image: url(/images/bg_global.jpg);
		rem.border: 0;
		rem.height: 100%;
		rem.background-color: #00FF00;}
	/* div controls all page contents */

#container {
	width: 900px;
	height:100%;
	margin: 0 auto;
	padding: 0;
	text-align:left;
	rem.margin-left:10px;
	rem.clear:both;
	background-color: #fff;}

#title {
	margin: 0 auto;
	width: 900px;
	height: 150px;}
	/* div holds title image */

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

tr {
	vertical-align:top;}

td {
	vertical-align: top;}

img {
	border: 0;}

p {
	margin-top: 0;
	margin-bottom: 8px;}

/*ul {
	margin-top: 6px;
	margin-bottom: 10px;}*/

/*li {
	margin-top: 1px;
	margin-bottom: 1px;}*/





/* NAVIGATION STYLE */
#nav {
	height: 40px;
	width: 900px;
	margin-bottom: 0;
	background-image: url(/images/bg_nav.jpg);}
	
#nav ul {
	display: inline;
	list-style: none;}
#nav li {
	display: inline;
	list-style-type: none;}

.mainnav {
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	padding: 3px 0px 0px 5px;
	border-right: 1px solid #555;
	color: #666;
	text-align: left;
	text-decoration: none;
	height: 33px;
	width:106px;
	float: left;
	cursor: default;}
	a.mainnav:hover {
	color: #000;}
	
.subnav {
	font: 10px Arial, Helvetica, sans-serif;
	padding: 1px 1px 1px 1px;
	text-decoration: none;
	text-align: left;
	width:108px;
	list-style-position: outside;
	margin-top: 0;
	color: #222;
	background-color: #ccc;
	border-bottom:1px solid #fff;
	border-left:1px solid #dcdcdc;
	display: block;}
	a.subnav:hover {
	color: #fff;
	background-color: #323531;
	border-left:1px solid #00cc33;
	border-bottom:1px solid #000;}
/* END NAVIGATION STYLE */

.subnav2 {
	position:-200px;
	font: 10px Arial, Helvetica, sans-serif;
	padding: 1px 1px 1px 1px;
	text-decoration: none;
	text-align: left;
	width:108px;
	list-style-position: outside;
	margin-top: 0;
	color: #222;
	background-color: #ccc;
	border-bottom:1px solid #fff;
	border-left:1px solid #dcdcdc;
	display: block;}
	a.subnav2:hover {
	color: #fff;
	background-color: #323531;
	border-left:1px solid #00cc33;
	border-bottom:1px solid #000;}
/* END NAVIGATION STYLE */

#auth {
  font: 10px Arial, Helvetica, sans-serif;
  text-align:right;
  rem.border-bottom: 1px solid #ccc;
  color: #888;
  padding: 6px 20px 4px 0;}

#h2container {
	width:860px;
	height:70px;
	margin-top:10px;
	margin-left:20px;
	clear:both;
	rem.border:1px solid #000;
	rem.background-color: #00FF00;}

#content {
	width: 860px;
	margin-left:20px;
	border: 0;}
		#col1 {
		float: left;
		width: 520px;
		font: 11px Arial, Helvetica, sans-serif;
		text-align: justify;}
		#col1 p {
		line-height:17px;}
		#col2 {
		float: right;
		rem.margin-right:20px;
		width: 280px;
		font: 11px Arial, Helvetica, sans-serif;
		text-align: justify;
		border-top: 0;
		line-height:17px;}
	
	#col1spread {
	width: 860px;
	font: 11px Arial, Helvetica, sans-serif;
	text-align: justify;}
	#col1spread p {
	line-height:17px;}
	
#fplink {
	float: left;
	width: 250px;
	height: 272px;
	border-bottom: 1px solid #333;
	background-color: #475140;
	margin-bottom: 10px;
	line-height: 15px;
	text-align: justified;}
	#fplink h3 {
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	color: #66FF33;
	font-style:italic;
	margin-top: 5px;
	margin-bottom: 5px;
	text-indent:2px;}
	#fplink img {
	margin:0;
	border:0;
	border-top:1px solid #fff;
	border-bottom:1px solid #fff;}
	#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;}

#bulletin {
	width: 272px;
	color: #fff;
	border: 1px solid #666;
	padding: 3px;
	rem.margin-left: 5px;}
	#bulletin h2 {
	font: bold 12px Arial, Helvetica, sans-serif;
	border-bottom: 1px solid #fff;
	color: #E57A23;
	margin-top: 0px;
	margin-bottom: 5px;}
	#bulletin h3 {
	font: bold 11px Arial, Helvetica, sans-serif;
	color: #000;
	margin-top: 5px;
	margin-bottom: 2px;}
	#bulletin p {
	font: 11px Arial, Helvetica, sans-serif;
	color: #666;
	margin-top: 3px;
	margin-bottom: 2px;}
	#bulletin a {
	color: #ff6600;}

#latestnews {
	width: 280px;
	color: #333;
	color: #000;
	text-align: justify;}
	#latestnews p {
	font: 11px Arial, Helvetica, sans-serif;
	color: #000;
	text-align: justify;
	margin-top: 3px;
	margin-bottom: 2px;}
	#latestnews h4 {
	font:bold 11px Verdana, Arial, Helvetica, sans-serif;
	color: #41491c;
	margin-top: 3px;
	margin-bottom: 2px;}
	#latestnews a {
	color: #ff6600;}
	
#footer {
	width: 860px;
	margin-left:20px;
	clear: both;
	height: 70px;}
	#footerleft {
	float: left;
	width: 560px;
	height: 50px;
	margin-top:10px;
	font: 10px Arial, Helvetica, sans-serif;
	color: #666;
	padding-top:10px;
	border-top: 1px solid #999;}
	#footerleft a {
	color: #FF3300;}
	#footerright {
	float: right;
	width: 300px;
	height: 50px;
	margin-top:10px;
	font: 10px Arial, Helvetica, sans-serif;
	text-align: right;
	color: #666;
	padding-top:10px;
	border-top: 1px solid #999;}
	#footerright a {
	color: #FF3300;}

h1 {
	margin: 0;
	padding: 0;
	display: none;}
	/* not displayed. contained in header.inc.php */

h2 {
	margin-top: 10px;
	margin-bottom: 10px;
	font: 16px Verdana, Arial, Helvetica, sans-serif;
	color: #000;}
	/* section title - used at top column #col2 */

h3 {
	margin-top: 15px;
	margin-bottom: 10px;
	font: bold 16px Verdana, Arial, Helvetica, sans-serif;
	color: #2F3414;}
	/* content title - used at top column #content2 */

h4 {
	margin-top: 15px;
	margin-bottom: 10px;
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	color: #41491C;}
	/* used within body of each page as main subheading */

h5 {
	margin: 0;
	padding-top: 5px;
	padding-bottom: 3px;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #525C23;}
	/* sectional subheading used under an h4 */

h6 {
	margin: 0;
	padding: 0;
	display: inline;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #636F2B;}
	/* sectional subheading used under an h5 */

/* FONT style variations */
.f10 {
	font: 10px Verdana, Arial, Helvetica, sans-serif;}

				.bodylink {
					font: bold 10px Verdana, Arial, Helvetica, sans-serif;
					color: #004E6A;
					text-decoration: underline;}
					.bodylink:hover {
						color: #0C96A2;}

.required {
	color: #FF3300;}

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

.sitemap {
	font: 10px Arial, Helvetica, sans-serif;
	color: #000;
	text-decoration: none;
	display: block;
	width: 220px;
	background-color: #E8E8E8;
	padding: 2px 2px 2px 2px;}
	a.sitemap:hover {
		background-color: #D9D9E8;}

.members {
	font: bold 11px Arial, Helvetica, sans-serif;
	color: #000;
	background-color: #EFEFFF;
	text-decoration: none;
	padding: 2px 2px 2px 2px;}
	a.members:hover {
		background-color: #D9D9E8;}

.chart {
	font: 10px Arial, Helvetica, sans-serif;
	text-align: left;
	text-decoration: none;
	width: 460px;
	padding: 5px 5px 5px 5px;
	margin:1px;}	

.chartlink {
	font:10px arial;
	color:#996600;}
	a.chartlink {
	color: #996600;}
	a.chartlink:hover {
	color: #990000;
	background-color: #ccc;}

.library {
	font: 9px Arial, Helvetica, sans-serif;
	color: #333333;
	text-decoration: none;
	text-align: center;
	width: 50px;
	display: block;
	border: 1px solid #000;
	background-color: #C3D8D3;}
	a.library:hover {
	color: #fff;
	background-color: #003333;
	border: 1px solid #000;}

/* FORM ELEMENT style variations */
.formfield {
	font: 9px Arial, Helvetica, sans-serif;
	color: #000;
	border: solid 1px #ccc;}

.formbutton {
	font: 9px Arial, Helvetica, sans-serif;
	color: #ccc;
	background-color: #7F0101;
	border: solid 1px #ccc;
	cursor: pointer;}

.loginbutton {
	font: 9px Arial, Helvetica, sans-serif;
	color: #ccc;
	width: 30px;
	background-color: #7F0101;
	border: solid 1px #ccc;
	cursor: pointer;}
	
form.userform label {
  display: block;
  float: left;
  width: 108px;
  text-align: right;
  padding-top: 2px;
  padding-right: 5px;
  font-weight: bold;}

form.userform input {
  display: block;
  float: left;
  height: 13px;
  width: 130px;}

form.userform input.checkbox {
  width: 20px;}

form.userform br {
  clear: both;
  margin-top: 10px;}

form.userform br.mini_break {
  margin-top: 2px;}

form.userform input.formfield_wide {
  width: 377px;}

form.userform span.formhelper {
  display: block;
  float: left;
  font-style: italic;
  color: #a55;
  margin-left: 45px;
  position: relative;
  font-size: 90%;}

form.userform fieldset {
  border: none;
  border: 1px dotted #edd;
  width:500px;
  background-color: #e5e5e5;
  padding: 10px;
  padding-bottom: 2px;
  margin-bottom: 10px;}

form.userform input.formbutton {
  height: 20px;
  font-size: 9pt;}

/* BLOCK DISPLAY style variations */
.hilite01 {
	margin-top: 5px;
	color: #666;
	border: 1px solid #666666;
	padding: 2px;
	background-color: #E7E7E7;}
	
.updated {
	margin-top:5px;
	font: 9px Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
	border-top: 1px solid #666;
	padding: 2px;
	background-color: #333;}

	
.flash_error {
  background-color: #d99;
  border: 1px solid #caa;
  padding: 20px;
  color: #622;
  margin-bottom: 10px;
}
.flash_error h3 {
  margin-top: 0px;
  margin-bottom: 0px;
  color: #622;
}
.flash_error ul {
  margin-bottom: 0px;
}
.flash_notice {
  background-color: #151;
  border: 1px solid #aca;
  padding: 20px;
}
.flash_notice h3 {
  margin-top: 0px;
  margin-bottom: 0px;
}
.flash_notice ul {
  margin-bottom: 0px;
}