/* CSS Document */

/*
# ----------------------------------------------------------------
#	CSS - Walton January 2010
#	Full Circle Creations
# ----------------------------------------------------------------
*/

/*
# ----------------------------------------------------------------
#	Main Background layouts
# ----------------------------------------------------------------
*/

body{
  background: transparent url(images/bg_fade.jpg) repeat-x;
  text-align:center;
  margin:0px;
  padding: 0px;
  font-family: Arial, Trebuchet;
  font-size: .9em;
}

div#wrapper{
  background-color:white;
  width: 700px;
  margin:0px auto;
  height: 100%; 
  text-align: justify;
}

/*
# ----------------------------------------------------------------
#	Links + Headings
# ----------------------------------------------------------------
*/

a:link, a:visited {
  color: #375D9F; 
  text-decoration: none;
  font-weight:bold;
  border: none;
}

a:hover {
  color:#69C5B1;
  text-decoration:none;
  border: none;
}

div#heading {
  color:#A41913;
  font-weight:bold;
  font-size:1.1em;
}
div#heading .medium {
  font-weight:bold; 
  font-size: 1.2em;
}

div#heading .larger {
  font-weight:bold; 
  font-size: 1.7em;
}

/*
# ----------------------------------------------------------------
#	Menu
# ----------------------------------------------------------------
*/

div#menu{
  background-color:#851610; 
  color:white;
  height: 18px;
  padding: 10px;
  border-top: solid 5px black;
}

div#menu ul{
  list-style:none;
  list-style-position:inside;
  list-style-type:none;
  padding: 0px;
  padding-left: 5px;
  margin:0px;
  font-weight:bold;
}

div#menu li{
  float:left;
  position: relative;
  width: auto;
  padding: 0px 7px;
}

div#menu li ul {
  display: none;
  position: absolute; 
  top: 1em;
  left: 0;
  background-color:#851610; 
  width: auto;
  text-align:left;
  padding: 15px 15px 0 0 ;
}

div#menu li ul li{
  padding-bottom: 8px;
}

div#menu li > ul {
  top: auto;
  left: auto;
}

div#menu li:hover ul, li.over ul{ 
  display: block; 
}

div#menu a:link, div#menu a:visited {
  color: white;
  text-decoration: none;
  font-weight:bold;
}

div#menu a:hover {
  color: white;
  text-decoration:none;
}

/*
# ----------------------------------------------------------------
#	Content Areas
# ----------------------------------------------------------------
*/

div#content {
  padding: 10px;
}


div#buttons {
  border: none white;
}

div#footer{
  background-color:#851610; 
  height: 15px;
  width:100%;
  padding: 5px;
  color: #E96B02;
  text-align:center;
  font-size: 11px;
}

div#footer a:link, div#footer a:visited {
  color: #E96B02;
}

/*
# ----------------------------------------------------------------
#	Board of Directors page
# ----------------------------------------------------------------
*/

.box{
margin:0 0 20px 0;
padding:10px;
border:1px solid #c0c0c0;
background-color:#fafbfc;
color:#505050;
line-height:1.5em;
}

.whitebox{
margin:0 0 20px 0;
padding:10px;
border:1px solid #c0c0c0;
background-color:#ffffff;
color:#505050;
line-height:1.5em;
}