/* --------------------------------------------------
CSS Document For Leaves v1.0 - Anthonyy @ OSWD.org
-------------------------------------------------- */

        body {
	       background-color: #F8F7EE;
       }

/* CONTAINER */

		#container {
			width: 750px;
			margin: 0 auto;
			font-family: Lucida Grande, Tahoma, Arial, Helvetica, sans-serif; /* Lucida Grande for the Macs, Tahoma for the PCs */
			font-size: 11px;
			line-height: 1.6em;
			color: #666;
			background-color: #F8F7EE;
		}
		
/* GENERAL MOJO AND MULA */
		
		h1 {
			font-family: Arial, Helvetica, sans-serif;
			font-weight: normal;
			color: #CC6633;
			margin-bottom: 3px;
			background-color: #F8F7EE;
		}
		
		h2 {
			color: #666666;
			font-size: 12px;
			font-family: Arial, Helvetica, sans-serif;
			background-color: #F8F7EE;
		}
		
		h3 {
			color: #6A633E;
			font-size: 14px;
			font-family: Arial, Helvetica, sans-serif;
			float: right;
		}
		
		a {
			color:#6A633E;
			text-decoration: none;
		}

		a:hover {
			color:#9D9053;
		}
		
		form {
			float:right;
			margin-top: -45px;
			font-size: 9px;
                }
		
		title {
			float:right;
			margin-top: -45px;
			font-size: 9px;
		}
		
		input {
			background-color: #FFF;
			color: #999999;
			border: 1px solid #CCC;
			font-size: 11px;
			padding: 3px;
		}
		
		.button {
			padding: 2px;
		}
		
/* HEADER ELEMENTS */

		#header {
			border-bottom: 5px solid #ACA375;
			padding-top: 10px;
			clear: both;
			margin-bottom: 10px;
		}
		

		/* the slogan */
		#header p { 
			margin-top: -20px;
			margin-left: 30px;
			color: #FFFFFF;
		}

/* NAVIGATION ELEMENTS */
	
		 #navigation ul {
			margin-left: 0;
			padding-left: 0;
			list-style-type: none;			
			float: left;
			width: 140px;
		}

		#navigation a {
			display: block;
			padding: 5px;
			width: 140px;
			border-bottom: 1px solid #CCC;
		}

		#navigation a:link, #navlist a:visited {
			color:#6A633E;
			text-decoration: none;
		}
		
		#navigation a:hover {
			background: #F4F3E7 url('images/arrow.gif') no-repeat 96% 50%;
			color:#6A633E; background-color:#F4F3E7
		}
				
		#center {
			float: center;
			text-align: center;
		}

/* THE SMALL BOX BELOW NAV */

		#navigation p {
			margin-top: 40px;
			padding: 5px;
			border-bottom: 1px dotted #CCC;
			border-top: 1px dotted #CCC;
		}
		
		#contentbox {
			margin-top: 38px;
			position: relative;
		}
		
		
/* CONTENT ELEMENTS */

		#content {
	width: 362px;
	margin-left: 180px;
	margin-right: 200px;
		}
		
/* CONTENT ELEMENTS FOR SECONDARY PAGES */

		#secondarycontent {
			width: 565px;
			margin-left: 180px;
			margin-right: 0px;
		}

		#linkbar {
			width: 565px;
                        padding-left: 2px;
                        padding-bottom: 2px;
                        padding-top: 2px;
			padding-right: 2px;
                        background-color:#FFFFFF;
                        border-bottom: 1px dotted #000;
			border-top: 1px dotted #000;
                        border-left: 1px dotted #000;
                        border-right: 1px dotted #000;
			float: left;
                        position: absolute;
		}

		#login {
			width: 210px;
                        padding-left: 2px;
                        padding-bottom: 2px;
                        padding-top: 2px;
			padding-right: 2px;
                        background-color:#FFFFFF;
                        border-bottom: 1px dotted #000;
			border-top: 1px dotted #000;
                        border-left: 1px dotted #000;
                        border-right: 1px dotted #000;
                        text-align: left;
			flot: left;
			position: absolute;
		}
		
		#update {
			width: 210px;
                        padding-left: 2px;
                        padding-bottom: 2px;
                        padding-top: 2px;
			padding-right: 2px;
                        border-bottom: 0px dotted #000;
			border-top: 0px dotted #000;
                        border-left: 0px dotted #000;
                        border-right: 0px dotted #000;
                        text-align: left;
			flot: left;
			position: absolute;
		}
		
	    #pay {
            margin-right: 286px;
            margin-top: 24px;
		}
		
		#content p {
			padding-bottom: 10px;
			border-bottom: 0px solid #DDDDDD; /* A faint grey line below the text */
		}
				
		#contactform {
			margin-left: 180px;
			margin-right: 180px;
		}

/* SIDEBAR ELEMENTS */

		#sidebar {
	float: right;
	width: 175px;
		}
		
		#sidebar p {
			padding-bottom: 10px;
			border-bottom: 1px solid #DDDDDD;
		}
		
        img.center {
    display: block;
    margin-left: auto;
    margin-right: auto 
	}

.imgtitle {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	line-height: 23px;
	word-spacing: 1px;
	text-align: center;
}

/* FOOTER ELEMENTS */

		#footer {
			margin-top: 0px;
			clear: both;
			background-color:#E4E1D1;
			padding: 0px 5px 0px 5px;
		}
		
		#footer p {
	color:#242424;
	padding: 2px;
		}
		
		#footer p a {
			color: #5E5539;
		}
		
		#footer p a:hover {
			color: #4F4F4D;
		}
fieldset {
border: 1px dashed #BFB893;
width: 50em
}
legend {
	background: #F8F8F8;
	border: #BFB893 dashed 1px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
}
.boxtitle {
    color: #6A633E;
	text-decoration: none;
	font-weight: bold;
	font-size: 11px; 
}
.spacing {
    line-height: 1.3em;
}
.smallfont {
    font-size: 9px; 
	color: #4B4B4B;
	font-weight: none;
}
 li.faq { 
    margin-left: 12px 
}
.red {
    color: #F82020;
}
.smalltxt {
    font-size: 9px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
} 
#livesupport {
	bottom: 90px;
	right: 575px;
	position: relative;
} 
#livesupportsub {
    top: 430px;
	position: absolute;
}