/* 
=======================================================
Whitespace Designs 
Coded by Perry A. Simsposn (http://www.surganpro.com)

File Name: new.css
Author: Perry A. Simpson ps151061@googlemail.com
Created: January 5, 2009
Last Updated: January 8, 2009

?Perry Simpson 2008. All rights reserved.
Can you please leave this copyright Notice here, thanks.
=======================================================
*/

/* Body Tag Settings */
html,body {
margin:0;
padding:0;
}
body {
font-family: Arial, Helvetica, sans-serif;
text-align:left;
margin-top: 20px;
/* background : #fff;
background-position : 0% 50%;
background-attachment : fixed;
background-image : url(back.jpg);
background-repeat : no-repeat; */
}

/* General Page Settings */

div#container {
width:700px;
margin:0 auto;
}
div#container {
text-align:justify
}
/* <br class="clearboth"> */
.clearboth { clear: both; height: 0.5em;}
a {
color: #72a12d;
font-weight: bold;
text-decoration: none;
background-color: #fafafa; 
border-bottom: 1px solid #f1f1f1; 
border-right: 0px solid #f1f1f1;
padding: 1px;
}
a:hover {
color: #ffba27;
font-weight: bold;
text-decoration: none;
background-color: #fafafa; 
border-bottom: 0px solid #72a12d; 
border-right: 0px solid #72a12d;
padding: 1px;
}
h1 {
font-size: 24px;
font-weight: normal;
color: #f90;
padding: 0.1em 0 0.1em 0;
border-bottom: 0px solid;
width: 95%;
}
h2{
font-size: 14px;
font-weight: bold;
color: #F90; 
text-decoration: none; 
padding: 3px 6px; 
background: #F9F9F9 url(../jpg/sh.jpg) left repeat-y;
border-bottom: 0px solid #f1f1f1; 
border-right: 0px solid #f1f1f1;
}
h3 {
font-family: "Lucida Grande", Tahoma, Arial, Helvetica, sans-serif;
font-size: 125%;
font-weight: bold;
color: #b10000;
margin: 0;
padding: 0;
}
span {
color : #b10000;
background-color : transparent;
}
blockquote {
margin-left:1.5em;
padding-left:2em;
border-left:0.3em solid #B10000;
font-size:125%;
}
p {
font-family: "Lucida Grande", Tahoma, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #444;
line-height:1.8em;
}
.rgt {
float:right;
width:330px;
padding-bottom: 10px;
}
.lft {
float:left;
width:330px;
}

/* Page Header Settings */
div#header {
padding-bottom: 5px;
border-bottom: 1px solid #EEE;
}

p.slogan {
margin : 0;
padding : 0;
font-size : 12px;
font-weight : normal;
color : #999;
padding-left : 12px;
margin-top : 10px;
text-align : left;
}

/* Page Footer Settings - Fixed Style */
#design-by {
color : #000000;
background-color : #fff;
margin : 0 0 0 15px;
float : left;
font-size : 10px;
}
#design-by p {
color : #0b0b0b;
background-color : #fff;
padding : 0 8px;
float : left;
font-size : 10px;
}
#design-by a {
color : #cc0000;
background-color : #fff;
text-decoration : none;
}
#design-by a:hover {
color : #f90;
background-color : #fff;
text-decoration : none;
}

/* Page Navigation Settings */
#navtop {
font-family: "Lucida Grande", Tahoma, Arial, Helvetica, sans-serif;
float: right;
}
#navbot {
font-family: "Lucida Grande", Tahoma, Arial, Helvetica, sans-serif;
float: left;
margin : 0 0 0 5px;
}
#navbot li {
display: inline;
padding-left: 10px;
font-size: 11px;
}
#navtop li{
display: inline;
padding-right: 20px;
font-size: 11px;
}
#navtop li a, #navbot li a {
font-size: 11px;
color: #666;
background:transparent;
font-weight: normal;
border:0;
padding: 4px;
text-decoration: none;
}
#navtop li a:hover, #navbot li a:hover {
text-decoration: underline;
}

/* These Styles are for future use */

/*
Special Pop-up Link format:
Topic
Descriptive Text
Date 
<div id="text">
    <ul>
      <li><a href="#" title="Text">Link Heading One
        <em>Description of link.</em>
    </ul>
*/
#text ul {
  list-style:none;
  margin:0 0 10px 0;
  text-align: left;
}
#text li p{
  font-size:110%;
  margin:0;
  padding:3px;
  color:#666;
  border-bottom:1px solid #f6f6f6;
}
#text li {
  list-style:none;
  margin-left:-40px;
}
#text li a {
  color:#b10000;
  font: bold 110% Arial, Helvetica, sans-serif;
  display: block;
  text-decoration:none;
}
#text li a:hover {
  color:#72a12d;
  background-color: #f6f6f6; /*Set the default hover background */
  background: url(../jpg/sh.jpg) left repeat-y;
}
#text a em { /* Description text */
  color: #333;
  display: block;
  font: normal 75% Verdana, Helvetica, sans-serif;
  line-height: 145%; 
}
#text a span {/* Posted date*/
  color: #72a12d; /*#125F15;*/
  font: normal 70% Verdana, Helvetica, sans-serif;
  line-height: 180%; /*150%;*/
}
/*
<h2><span>Contact</span> Form</h2>
<form action="FormToEmail.php" method="post">
<label><p>Name</p></label>
<input value="Your Name" />
<label>Email</label>
<input value="Your Email" />
<label>You Comments</label>
<textarea rows="5" cols="5"></textarea>
<input type="submit" />
</form>*/

form {
padding:10px;
border:1px solid #f6f6f6;
}
label {
display:block;
font-weight:bold;
color:#444;
margin:5px 0;
}
input {
width:250px;
padding:4px;
border:none;
border-bottom:1px dotted #ccc;
font:90% Verdana;
color:#777;
}
textarea {
width:250px;
padding:4px;
font:90% Verdana;
border:1px solid #eee;
height:100px;
display:block;
color:#777;
}