/* 
=======================================================
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 6, 2009

� Perry Simpson 2008. All rights reserved.
Can you please leave this copyright Notice here, thanks.
=======================================================
*/
/* Body Tag Settings */
body {
margin : 0;
border : 0;
padding : 0;
height : 100%;
max-height : 100%;
background : #fff;
background-position : 0% 50%;
background-attachment : fixed;
background-image : url(../jpg/back.jpg);
background-repeat : no-repeat;
font-family : arial, verdana, sans-serif;
color : red;
font-size : 76%;
overflow : hidden;
}
* html body {
padding : 80px 0 50px 0;
}

/* Page Layout Settings */
div#wrapper {
text-align:justify
}

/* Page Container Settings */
#container {
position : fixed;
top : 80px;
left : 0;
bottom : 50px;
right : 0;
overflow : auto;
background : transparent;
padding : 0 20px 0 250px;
font-family: "Lucida Grande", Tahoma, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #444;
line-height:1.8em;

}
* html #container {
height : 100%;
width : 700px;
}
/* <br class="clearboth"> */
.clearboth { clear: both; height: 0.5em;}

/* General Page Settings */
.content{text-align : justify;}
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;
}

.rgt {
float:right;
width:330px;
padding-bottom: 10px;
}
.lft {
float:left;
width:330px;
}
p.special{
font-size:100%;
margin:0 0.8em 0 0.5em;
padding:3px;
line-height : 1.1em;
color:#666;
border-bottom:1px solid #f6f6f6;
}
p.special span {
color : #b10000;
font-weight : bold;
background-color : transparent;
}
blockquote {
margin-left:1.5em;
padding-left:2em;
border-left:0.3em solid #B10000;
font-size:125%;
}

/* Page Header Settings - Fixed Style */
#header {
position : absolute;
top : 0;
left : 0;
width : 100%;
height : 76px;
padding : 10px 0 0 10px;
overflow : auto;
background : transparent;
border-bottom : 0 solid #eee;
}
* html #header {
height : 80px;
}
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 */
#footer {
position : absolute;
bottom : 0;
left : 0;
width : 100%;
height : 60px;
overflow : auto;
text-align : right;
background : #fff;
border-top : 1px solid #eee;
}
* html #footer {
height : 60px;
}
#footer p {
  color : #000000;
  background-color : #fff;
  margin : 0 0 0 5px;
  float : left;
  font-size : 10px;
}
#footer p.surgan {
  color : #0b0b0b;
  background-color : #fff;
  padding : 0 8px;
  float : right;
  font-size : 10px;
}
#footer p.surgan a {
  color : #cc0000;
  background-color : #fff;
  text-decoration : none;
}
#footer p.surgan 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;
}
#navtop li, #navbot 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;
}


/*
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:310px;
padding:4px;
border:none;
border-bottom:1px dotted #ccc;
font:90% Verdana;
color:#777;
}
textarea {
width:300px;
padding:4px;
font:90% Verdana;
border:1px solid #eee;
height:100px;
display:block;
color:#777;
}