/* 
Document   : style
Created on : Feb 17, 2009, 10:34:20 AM
Author     : erick
Description:
Purpose of the stylesheet follows.
 */

/* 
TODO customize this sample style
Syntax recommendation http://www.w3.org/TR/REC-CSS2/
 */
.outline{
  border:0px dashed;
}

.u{
  text-decoration:underline;
}

.example{
  font-size:0.8em;
  color:#666;
  margin-top:-10px;
  margin-left:35px;
  margin-bottom:30px;
}

body{
  padding:0;
  margin-top:0px;
  margin-bottom:0;
  background-color:#E8EAED;
  background: #370F04 url(/images/bg.jpg) 0 0 repeat;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	line-height:140%;
}

#header{
  width: 950px;
  margin:auto;
  margin-bottom:0;
  padding: 0px;
  height:108px;
  /*
  background: #d5dacd url(/images/stripe.png) 0 0 repeat;
   */
background: url(/images/header.gif) 0 0 no-repeat;
}

#header a{
  position:absolute;
  width:950px;
  height:75px;
  border:none;
  outline-style: none;
  cursor:pointer;
}


#container {
  width: 950px;
  margin:auto;
  padding: 0px;
  margin-top:0;
  margin-bottom:0;
  padding-top:10px;
  padding-bottom:20px;
  /* hack for ie, min-height */
  min-height:800px;
  height:auto !important;
  height:800px;
  /* end hack for ie, min-height */
  color:#222;
  font-size:1em;
  background: url(/images/menu_bg.gif) 0 0 repeat-y;
}

#content{
  padding-left:25px;
}

#main{
  width:600px;
  margin-left:300px;
}

#sidebar{
  width:265px;
  float:left;
  min-height:100px;
  margin:0;
  padding:5px;
  padding-top:0;
}

#sidebar p {
}

#footer{
  width: 950px;
  margin:auto;
  margin-bottom:0;
  padding: 0px;
  border-top:1px solid silver;
  background: url(/images/footer_bg.gif) 0 0 repeat-y;
}

#footerBottom{
  width: 950px;
  margin:auto;
  margin-top:0;
  margin-bottom:0;
  padding: 0px;
  height:100px;
  background: url(/images/footer.gif) bottom no-repeat;
  text-align:center;
  font-size:0.8em;
  color:#222;
  font-weight:bold;
}
#footer .content{
  padding:40px;
  padding-top:10px;
  padding-bottom:5px;;
  margin:0;
  font-weight:bold;

}

h1 {
  text-align:center;
  font-size:1.7em;
  width:97%;
  border-bottom: 3px double #ccc;
  margin-top:0;
  color:#156100;
}
/*
h2 {
  text-align:center;
  font-size:1.5em;
  padding:0;
  margin-left:-40px;
  margin-top:20px;
  margin-bottom:10px;
  color:#9f4f00;
}
*/
h2 {
	color:#9F4F00;
	margin-bottom:10px;
	padding:0;
}

h3{
  font-weight:bold;
  text-decoration:underline;
  margin-bottom:2px;
}

h4{
  font-weight:bold;
}

h5{
  font-weight:bold;
  text-align:center;
  font-size:1.1em;
  padding:5px;
  margin:5px;
}
#main hr {
  margin-left:-20px;
  width:105%;
  border:0;
  border-bottom:1px dashed silver;
  margin-top:20px;
  margin-bottom:10px;
}

a, a:visited {
  text-decoration:none;
  color:#156100;
}

a:hover, a:focus {
  text-decoration:underline;
  color:#0e4200;
}

ul{
  list-style-type:circle;
  margin-left:10px;

  text-indent:0;

}
li{
  padding-bottom:3px;
  padding-left:10px;

}


#flash{
  margin-top:-10px;
  width:98%;
  border:0px solid;
}

/*Forms*/
fieldset{
  border:none;
  width:80%;
}

fieldset .textfield{
  margin-left:30px;
  margin-bottom:0px;
  font-size:1.3em;
  padding:5px;
  border:1px dashed #156100;
  background-color:#f7f7f5;
  width:100%;
}

fieldset .textfield:focus{
  border:1px solid #156100;
  background-color:white;
}

fieldset em{
  font-style:normal;
  font-size:1em;
  margin-left:40px;
  color: #222;
}

.fieldWithErrors .textfield{
  border:1px solid;
  background: #fbf3f4;
  border-color: #990000;
  margin-bottom:15px;
}

.button{
  width:200px;
  height: 75px;
  font-size:24px;
  font-weight:bold;
  margin:auto;
  background-color:#9f4f00;
  color: #f7f7f5;
  background: #9f4f00 url(/images/button_bg.gif) no-repeat;
  border:none;
  cursor:pointer;
  margin-left:195px;
}

.button:hover{
  background-color:#ca6c14;
  cursor:pointer;
}

label{
  font-size:1.5em;
  font-weight:bolder;
  color:#9f4f00;
  margin-left:10px;
}

em label{
  color:#222;
}

/* Flash */
.error,
.notice,
.success    { padding: 15px; margin-bottom: 1em; border: 2px solid #ddd; }

.error      { background: #FBE3E4; color: #8a1f11; border-color: #FBC2C4; }
.notice     { background: #FFF6BF; color: #514721; border-color: #FFD324; }
.success    { background: #E6EFC2; color: #264409; border-color: #C6D880; }

