/* CSS file for the FORMs & the rest
 http://www.sitepoint.com/article/1166
*/

body {
    background:#FFF9C2 url('img/lonelyguywithtrumpet.gif') no-repeat 100% 95%;
  margin:0; padding:0;
  font: 0.75em/120% Verdana,Sans-Serif;
}
h1,h2,h3,h4,h5,h6 {
font-family:Arial,sans-serif;
letter-spacing:-1px;
color:#997700;
}

a, a:hover {
    color:#970;
    text-decoration:none;
}

#bodytext h2 a {color:#970;}

#banner {
/* The big top */
text-align:right; 
background:#fff url('img/none.gif') no-repeat 50% 50%;
}
#banner h1 {padding-left:1em; font: bold 32px/80px Arial,sans-serif; letter-spacing:-1px;}

#banner h1 a {text-decoration:none; color:#997700;}
#banner h1 a:hover {text-decoration:none; color:#997700;}



#bodytext {
/* The text DIV */ 
width:500px;
margin:2em 2em 1em 2em;
}
h1 {
  margin: 0 0 0.2em 0;
}
form {
  width: 600px;
  padding: 1em 0;
}
form div {
  clear: both;
  margin-bottom: 2px;
}
form label {
  display: block;
  float: left;
  width: 100px;
  padding-left: 22px;
  font-weight: bold;
  cursor: pointer;
  cursor: hand;
}
form label.required {
  background-image: url(required.gif);
  background-repeat: no-repeat;
  background-position: 3px 0px;
}
form label.problem {
  background-image: url(caution.gif);
  background-repeat: no-repeat;
  background-position: 3px 0px;
}
form label.completed {
  background-image: url(complete.gif);
  background-repeat: no-repeat;
  background-position: 3px 0px;
}
div#submitdiv {
  margin-left: 7em;
  padding-left: 22px;
  padding-top: 0.3em;
}
input#subject, textarea {
  width: 460px;
}
input#email, input#phone {
  width: 40%;
}
input, textarea {
  border: 2px solid #ccc;
}
input:focus, textarea:focus {
  border: 2px solid #000;
}

/* Nav bar */
#navcontainer {
margin-bottom:2em;
padding-bottom:2em;
}

#navcontainer ul
 {
 padding-left: 0;
 margin-left: 0;
 background-color: #997700;
 color: #fff;
 float: left;
 width: 100%;
 font-family: arial, helvetica, sans-serif;
}
 
#navcontainer ul li { display: inline; }
 
#navcontainer ul li a
{
 padding: 0.2em 1em;
 background-color: #997700;
 color: #fff;
 text-decoration: none;
 float: left;
 border-right: 1px solid #fff;
}
 
#navcontainer ul li a:hover
{
 background-color: #997700;
 color: #fff;
}

/* Pullquotes! */ 
blockquote.pull, .pullQuote {
	float: right;
	width: 35%;
	padding: 12px 12px 12px 24px;
	margin: 2px 0 12px 12px;
	border-left: 1px dotted #999;
	color: #036;
	font-family: georgia, serif;
	font-size: 14px;
	font-weight: bold;
	background: url(img/pullquote.gif) no-repeat top right;
	}

.pullQuote hr {
	display: none;
	}

blockquote.pull p, .pullQuote p {
	color:#997700;
	font-family: georgia, serif;
	font-size: 14px;
	font-weight: bold;
	font-size: 90%;
	text-align: right;
	}
	
blockquote.styled {
	float: right;
	width: 300px;
	margin: 15px 0 15px 15px;
	padding-left: 15px;
	border-left: 1px dotted #999;
	color: #777;
	font-weight: bold;
}

/* comments, and motivations  */
p.comm, p.rec {
    color:#970; 
    font:italic 1em Verdana,sans-serif; 
    margin-bottom:2em;
    text-align:right;
}

p.commtext {
    line-height:150%;
}

p.motive {
    line-height:200%;
}

/* "Total no of cands" */
p.stats {
    font: normal 0.75em Verdana, sans;
}