/*
Name: Badu
Date: July 2007
Design: Caroline Hofstede
Author URL: www.cosmichandmade.com
*/

/*----------------------
  Basics
  ---------------------*/

*{
margin:0;
padding:0;
border:0;
}


body {
margin: 0 auto;
padding: 10px 0 0 0;
font-family: verdana, "Trebuchet MS", arial, sans-serif;
font-weight: normal;
font-size: 11px;
color:#333F27;
background:#2e2e2e url(images/xxx.gif) repeat fixed;
text-align: center;
}

p{
margin:0;
padding:8px 0;
line-height:1.4em;
text-align:justify;
}


blockquote{
display:block;
margin:10px 0;
padding:10px;
background:url(images/xxx.gif);
border:1px solid #CFDAC5;
}

blockquote blockquote{
border:1px dotted #B5C6A6;
}

blockquote p{
line-height:1.4em;
}

.links{
margin:10px 0 30px 0;
}

/*----------------------
  Headings
  ---------------------*/
h1, h2, h3, h4, h5, h6{
margin:0;
padding:0;
font-family:"trebuchet ms", verdana, arial, geneva, sans-serif;
font-size: 1.2em;
font-weight: bold;
color: #728D59;
text-align:left;
}

h1{
margin: 10px 0 0 0;
padding: 0;
font-size: 1.4em;
text-transform: uppercase;
letter-spacing: 3px;
color: #336633;
}

h2 {
margin: 10px 0 0 0;
padding: 0;
font-size: 1.3em;
text-transform: uppercase;
letter-spacing: 2px;
}

h3{
padding:10px 0 2px 0;
font-size: 1.2em;
letter-spacing: 2px;
}

/*----------------------
  Links
  ---------------------*/

a, a:link{
font-weight:bold;
color:#728D59;
text-decoration:none;
outline:none;
}

a:hover {
font-weight:bold;
color:#999;
text-decoration:none;
}

a.up {
float:right;
padding-left: 15px;
background: url(images/bulletarrow.gif) no-repeat left center;
border-bottom:0px solid #ddd;
}

a.more{
padding-left: 12px;
background: url(images/more.gif) no-repeat;
background-position: center left;
}

a.top{
padding-left: 20px;
background: url(images/top.gif) no-repeat;
background-position: center left;
border-bottom:0px solid #ddd;
}


/*----------------------
  Images
  ---------------------*/

a img{
border:none;
}

.ileft{ 
float: left; 
padding:4px;
margin-right:6px;
}

.iright{
float: right; 
padding:4px;
margin-left:6px;
}

.icenter{
display: block;
text-align: center;
margin: 5px auto;
padding: 5px 0;
}

.iborder{
padding:2px;
margin:2px;
background:inhertit;
border:1px solid #9BB287;
}

.iborderL{
float: left; 
padding:2px;
margin-right:10px;
margin-bottom:10px;
background:inhertit;
border:1px solid #9BB287;
}

.iborderR{
float: right;
padding:2px;
margin-left:10px;
margin-bottom:10px;
background:inhertit;
border:1px solid #9BB287;
}

.iborderC{
display: block;
text-align: center;
margin: 5px auto;
padding: 2px;
background:inhertit;
border:1px solid #9BB287;
}


/*----------------------
  Lists
  ---------------------*/

ul{
margin: 0;
padding:0;
text-align:left;
list-style-type: circle;
}

ol{
margin: 0 0 15px 25px;
padding:5px 0;
text-align:left;
}

li{
margin:0;
padding:2px 0;
text-decoration:none;
}


.dot{
list-style:none;
padding-left: 10px;
background-image: url(images/bullet3.gif);
background-repeat: no-repeat;
background-position: 0 .5em;
}

.square{
list-style-image: url('images/bullet2.gif');
list-style-type: square;
}

.resume{color:#534084;}

/*----------------------
  Containers
  ---------------------*/

#page{
margin: 0px auto;
padding: 0px;
width: 740px; /* width of the layout -- can be set to any value including percentages */
text-align:left;
overflow: hidden;
background:#e9eee4;
border:4px solid #336633;
}

#wrapper{
margin: 0px auto;
padding: 0px;
width: 100%;
text-align:left;
overflow: hidden;
background:#e9eee4;
}

/*----------------------
  Header
  ---------------------*/

#header{
width:100%;
height:200px;
margin:0 auto;
padding:0;
background:url(images/topimgnew.jpg) no-repeat;
border-bottom: 0px solid #BF9630;
}

#headerimg{
display: none;
width:100%;
height:200px;
margin:0 auto;
padding:0;
background:url(images/xxx.gif) no-repeat bottom left;
}

#header h1{
margin: 0;
padding:100px 5px 0 0;
font-size: 4em;
letter-spacing: 3px;
color: #fff;
text-align:right;
background: transparent;
}

#header h1 a{color : #fff;}
#header h1 a:hover{color:#333;}

.description{
margin: 0;
padding:5px 5px 0 0;
font-size: 10px;
letter-spacing: 1px;
font-weight:bold;
font-style:normal;
text-align:right;
color:#fff;
}


/*----------------------
  Navigation - top
  ---------------------*/

#topmenu{
width:100%;
margin:0 auto;
padding:0;
font-family: "Trebuchet MS", Verdana, Futura, Arial, Helvetica, sans-serif;
letter-spacing: 1px;
text-align: center;
overflow: hidden;
background:#417c2c url(images/xxx.gif) repeat;
border-top:1px solid #fff;
border-bottom:1px solid #fff;
}

#topmenu ul{
margin:0;
padding:0;
}

#topmenu ul li{
margin:0;
padding: 0;
display: inline;
list-style-type: none;
background:url(images/bullet.gif) no-repeat center left;
}

#topmenu ul li a{
float: left;
padding: 0.4em 1em;
text-decoration: none;
color: #fff;
background: #336633;
border-right: 1px solid #fff;
}

#topmenu ul li a:hover,#topmenu ul li a#current{
background : #91ae00;
color: #000;
}

/*--- menu sidebar ---*/

.menu{
width:100%;
padding:0;
margin:0;
text-align:left;
}

.menu p{
margin:0;
padding: 5px 4px;
text-align:left;
}

.menu a {
text-decoration:none;
font-weight: normal;
color:#333F27;
}

.menu a:hover{
color:#999;
}

.menu ul h2{
margin:5px 0;
padding:0 0 0 4px;
font-size: 1.1em;
text-transform: uppercase;
letter-spacing: 5px;
text-align:left;
color:#fff;
background: #417c2c;
}

.menu ul li{
margin:15px 0;
padding:0 0 4px 0;
list-style:none;
background:url(images/bg1c.gif) repeat;
border:0px solid #DAC8A3;
}

.menu ul ul li{
margin:0;
padding:0;
line-height:17px;
color:#B5AC93;
list-style: none;
border:0px solid #BFA56B;
}

.menu ul ul ul{
margin:0;
padding:1px 0;
list-style:none;
}

.menu ul ul ul li{
margin: 0 2px 0 0;
padding:0 0 0 10px;
line-height:17px;
color:#333;
background:url(images/bullet.gif) no-repeat; 
background-position: 0 .5em; 
list-style-type:none;
}

/*----------------------
  Sidebars
  ---------------------*/

#sidebar-right{
float: right;
width: 180px; /* width of the right sidebar -- can be set to any value including percentages */
margin: 0px;
padding: 5px 10px;
overflow: hidden;
}

#sidebar-left {
float: left;
width: 180px; /* witdh of the left sidebar -- can be set to any value including percentages */
margin: 0px;
padding: 5px 10px;
overflow: hidden;
}

/*----------------------
  Content
  ---------------------*/

#content-wrap{
margin: 0px;
padding: 5px 20px;
height: 1%; /* IE6 hack... it's very minor, though */
overflow: hidden;
background:inherit;
border-left : 1px dashed #CFDAC5;
}

#content{
width: 100%;
overflow: hidden;
}

#content .post {
height:15px;
margin:0 0 10px 0;
padding:0;
font-style:italic;
background:url(images/xxx.gif) no-repeat bottom center;
border-bottom:0px dotted #eee;
}

#content h1{
margin:15px 0;
padding:0;
text-align:left;
}

#content a, #content a:link{
text-decoration:none;
border-bottom:1px solid #B5C6A6;
}

#content a:hover{
border-bottom:1px solid #B5C6A6;
}

#content ul{
margin: 15px 0 15px 17px;
list-style-type: square;
color: #336633;
}

#content ul li{
line-height:1.3em;
margin:0;
padding:2px;
}

#content ul ul{
margin:0 0 0 15px;
padding:0;
}

#content ul ul li{
line-height:1.3em;
margin:0;
color:#AABC96;
list-style-type: square;
}

#content ol{
margin: 5px 0 5px 10px;
}

#content li{
margin: 4px 15px;
}


/*----------------------
  Footer
  ---------------------*/

#footer {
clear:both;
width: 100%;
margin: 0 auto;
padding:5px;
font-size: 0.8em;
text-align:center;
overflow: hidden;
background:url('images/xxx.gif') repeat-x bottom center;
border-top:1px solid #B5C6A6;
}

#footer p {
margin: 0 auto;
padding: 6px;
text-align:center;
}

#footer a{
font-weight:normal;
color: #262F1D;
border-bottom:1px solid #B5C6A6;
}

#footer a:hover{
color:#999;
}

/*----------------------
  Extra's
  ---------------------*/

.filler{
display:block;
width:100%;
height:8px;
padding:0;
margin:0;
color:inherit;
background:url(images/linefiller.gif) repeat-x top center;
}


.dividerline{
margin: 6px 0 20px 0;
padding:0px 0;
border-top: 2px solid #CFDAC5;
text-align:center;
}

.list{
line-height:2em;
}

.hide {display: none;}

.center {text-align:center;}
.left {text-align:left;}
.right {text-align:right;}

.small {font-size:8px;}
.large {font-size:12px;}
.bold {font-weight:bold;}
.clear{clear:both;}
/*----------------------
  Table styles
  ---------------------*/

.tablewrap{
width:100%;
margin:0 0 20px 0;
padding:0;
}

table {
width:100%;
margin: 0 0 20px 0;
padding:0;
border-collapse: collapse;
border: 0px solid #ddd;
}

caption {
padding: 0;
font-family: "Trebuchet MS", Verdana, Futura, Arial, Helvetica, sans-serif;
margin: 10px 0 0 0;
padding: 0;
font-weight: bold;
color: #728D59;
font-size: 1.3em;
text-transform: uppercase;
letter-spacing: 2px;
text-align:left;
}

td ul, td li{
padding:1px 0;
list-style: none;
}

td, th {
padding: 1px 8px;
vertical-align:top;
}

td p, th p {
margin:0;
padding:0;
vertical-align:top;
}

.th1{
width:20%;
font-size:1em;
background:transparent;
}

.th2{
width:30%;
font-size:1em;
background:transparent;
}

.th3{
width:40%;
background:transparent;
}

.th4{
width:50%;
font-size:1.2em;
font-weight:bold;
background:transparent;
}

tbody td a {
background: transparent;
text-decoration: none;
border-bottom: 1px solid #ddd;
}
  
tbody td a:hover {
background: transparent;
border-bottom: 1px solid #ddd;
}
  
tbody th a {
background: transparent;
text-decoration: none;
font-weight:bold;
border-bottom: none;
}
    
tbody th, tbody td {
vertical-align: top;
text-align: left;
}


/*----------------------
  Table Agenda
  ---------------------*/

#agenda {
width:100%;
margin: 0;
padding:0;
font-size:1em;
border-collapse: collapse;
border: 1px solid #CFDAC5;
}

#agenda caption {
padding: .5em;
text-align: center;
font-family: "Trebuchet MS", Verdana, Futura, Arial, Helvetica, sans-serif;
text-transform: uppercase;
letter-spacing:0.1em;
font-weight: bold;
font-size: 1.6em;
color: #336633;
background: transparent;
}

#agenda h2{
color:#AABC96;
text-align:center;
border-bottom:1px solid #CFDAC5;
}

#agenda td p, #agenda th p {
margin:0;
padding:8px 0;
line-height:1.3em;
text-align:justify;
vertical-align:top;
}


#agenda tbody th, tbody td {
vertical-align: top;
text-align: left;
}


#agenda td{
padding: 4px 10px 8px 10px;
vertical-align:top;
border-top: 0px solid #CFDAC5;
}

#agenda .th1{
width:50%;
padding:4px 10px;
font-weight:bold;
text-transform:uppercase;
letter-spacing:1px;
text-align:left;
background-color:#DCE4D4;
}
    
#agenda .odd {
background: #F3F7EF;
}

/*----------------------
  Pullquote
  ---------------------*/

/*-- Pullquote floats right --*/
.pullquoteR{
float: right; 
width: 120px; 
height: 70px; 
margin: 20px 10px 10px 10px;
font-family: Georgia, arial, helvetica; 
font-size: 14px; 
line-height: 1.5em; 
color: #336633;
}

/*-- Pullquote floats left --*/
.pullquoteL{
float: left; 
width: 120px; 
height: 70px; 
margin: 20px 10px 10px 10px;
font-family: Georgia, arial, helvetica; 
font-size: 14px; 
line-height: 1.5em; 
color: #336633;
}

.green{color:#336633;}
.gray{color: #999;}