body {
    background-color: burlywood;
    font-family: "Trebuchet MS", "Gil Sans MS", Verdana, Tahoma, Arial, Helvetica, sans-serif;
    font-size:100%;
    height: 100%;
    }

p   {
    margin-bottom:10px;
    font: 1em "Trebuchet MS", "Gil Sans MS", Verdana, Arial, sans-serif !important;
    font: 1em "Trebuchet MS", "Gil Sans MS", Verdana, Arial, sans-serif;
    color: #000000;
    font-style: normal;
    font-weight: normal;
    text-align: left;
    } 
 
h1 {margin-top:15px;
    margin-bottom:20px;
    font-size: 1.50em;
    color: sienna;
    text-align: center;
    }

h2 {margin-bottom:20px;
    font-size: 1.25em;
    color: sienna;
    text-align: center;
    }

h3  {font-size: 1.15em;
    font-weight: bold;
    margin-bottom: 10px;
    color: sienna;
    text-align: center;
    }

h3.left  {font-size: 1.15em;
    font-weight: bold;
    margin-bottom: 10px;
    color: sienna;
    text-align: left;
    }

h4 {font-size: .90em;
    color: sienna;
    }

h5  {
    font-size: 1.15em;
    font-weight: bold;
    margin: 0px;
    color: sienna;
    text-align: center;
    }

hr  {color:#717171; 
    height:1px;
    }

hr.top {
    color:#717171; 
    height:1px;
    margin-top: 10px;
    }

img.floatLeft { 
    float: left; 
    margin-top:15px;
    margin-right:15px; 
    margin-bottom:10px; 
    }
img.floatRight { 
    float: right; 
    margin-left:15px; 
    }
blockquote  {
    border : 1px solid #000;
    float: right;
    width: 200px;
    margin: 0px;
    padding: 10px;
    background-color: #ccc;
    }

blockquote.short {
    border: 1px solid #000;
    float: right;
    width: 142px;
    margin: 0px; 10px; 
    padding: 10px;
    background-color: #ccc;
    }

/* wrapper color same as divs so it appears as if divs go 100% to footer */
div#wrapper {
    width: 900px;
    background-color:#FAF0E6;
    margin-top: 10px;
    margin-bottom: 50px;
    margin-left: auto;
    margin-right: auto;
    padding: 0px;
    border: thin solid #000000;
    min-height:100%; 
    }
div#header {
    clear: both;
    overflow: hidden;
    width: 900px;
    margin: 0px;
    text-align: left;
    background-color:#9999CC;
    border-bottom: thin solid #000000;
    display: table;
    }

div#header .headimg { float: left !important; width: 727px; border: 1px solid #000000; margin: 5px; }
    
div#headertools {
    float: right;
    width: 155px;
    margin: 3px; 
    text-align: center !important;
    vertical-align: middle !important;
    background-color:#9999CC;
    padding: 10px 0;
    }
div#headertools img { margin: 5px auto !important; }

div#nav {
    clear: both;  
    width: 100%;
    padding: 0 0 0 0;
    margin: 0;
    background-color:#CCCCFF;
    display: table;
    }

div#navtop ul {
    margin: 0; 
    padding: .2em 1em; 
    list-style-type: none; 
    text-align: center; 
    background-color: #CCCCFF;
    } 
#navtop ul li {  
    display: inline; 
    } 
#navtop ul li a { 
    text-decoration: none; 
    padding: .2em 1em; 
    color: #D2691E; 
    background-color: #CCCCFF; 
    } 
#navtop ul li a:visited a:active{
    text-decoration: none;
    }
#navtop ul li a:hover { 
    color: #D2691E; 
    background-color: #FFCC99; 
    } 


/* Style the main navigation menu */
ul#navmenu { 
  margin : 0;
  padding : 0;
  list-style-type : none;
}

ul#navmenu li {
  margin-bottom : 5px;
}

ul#navmenu a { 
  display : block;
  width : 130px;
  min-height: 100%; 
  background : #E4E7F0; 
  padding : 5px 5px 3px;
  text-align : right;
  text-decoration : none;
  color : sienna;
  cursor : pointer;
}

ul#navmenu a:hover, ul#navmenu a:focus, ul#navmenu a:active, 
ul#navmenu a.selected, ul#navmenu a.selected:hover, ul#navmenu a.selected:focus, ul#navmenu a.selected:active { 
  background : wheat;
  color : #EBD699;
}

ul#navmenu a.selected { 
  text-align : left;
  cursor : default;
}


div#navprograms {
    float : left;
    display : inline;
    width : 150px;
    min-height: 100%; 
    background-color : #FAF0E6;
    margin : 0px;
    padding : 20px; 10px;
    }

div#navprograms h3 {
    color : sienna;
    }

div#navprograms ul {
    margin: 0; 
    padding: 5px; 
    list-style-type: none; 
    text-align: right; 
    background-color: #FAF0E6; 
    list-style-type: none; 
    }
div#navprograms a {
    color : #D2691E;
    }

div#navprograms a:hover, #navprograms a:focus, #navprograms a:active {
    color: #D2691E; 
    background-color: #FFCC99
    text-decoration: none; 
    }

div#main {
    margin-left: 0px;
    margin-top: 20px;
    width: 500px;
    padding: 15px;
    float: left;
    color: black;
    border: none;
    background: #FAF0E6;
    display: inline;
    min-height: 100%; 
    }

div#adsright {
    margin: 0px 0px 0px 0px;
    margin-top: 0;
    width: 150px;
    padding: 2px; 0px; 0px; 0px;
    text-align: center;
    background: #FAF0E6;
    min-height: 100%; 
    float: right;
    }

div#photosright {
    margin-left: 5px;
    width: 165px;
    padding: 0px; 0px; 0px; 0px;
    text-align: right;
    background: #FAF0E6;
    min-height: 100%; 
    float: right;
    }

div#left {
    margin-right: 5px;
    width: 165px;
    padding: 0px; 0px; 0px; 0px;
    text-align: right;
    background: #FAF0E6;
    min-height: 100%; 
    float: left;
    }

div#wrapperamazon {
    width: 150px;
    background-color:#FAF0E6;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    padding: 0px;
    min-height:100%; 
    }

div#footer {
    clear:both;
    width: 886px;
    padding: 7px;
    margin: 0;
    border-top: thin solid #000000;
    text-align: center;
    color: #000000;
    background-color:#9999CC;
    }


/* HORIZONTAL MENU */

/* this affects the main level of the menu and the styles are inherited by submenus unless countered with specific styles for them */
#menu ul { list-style-type: none; position: relative; margin: 0 0 0 0; padding: 0; }
#menu li { float: left; margin: 0 10px; font-size: 16px; font-weight: bold; line-height: 100%; position: relative; }
#menu a { display: block; padding: 6px 6px 7px 6px; border: 0; text-decoration: none !important; }
#menu a:link, #menu a:visited { background: #CCCCFF; color: #8A4117; }
#menu a:hover, #menu a:active { background: #CC6633; color: #ffffff; }


	/* HORIZONTAL MENU DROPDOWN */
	/* this group of styles affects the first level of the drop down menu */
	#menu ul li ul { position: absolute; top: 29px; left: 0px; margin: 0; padding: 0 0 8px 0; list-style-type: none; z-index: 1000; background: #CC6633; }
	#menu ul li ul li { display: block !important; width: 150px; clear: both; margin: 0 0 0 0; text-align: left; font-size: 12px; font-weight: normal; line-height: 120%; background: #CC6633; }
	#menu ul li ul a { display: block; margin: 0 8px !important; padding: 8px 0 8px 0; border-width: 0 0 1px 0; border-style: dotted; border-color: #F1E8E0; font-weight: normal !important; }
	#menu ul li ul a:link, #menu ul li ul a:visited { background: #CC6633; color: #FFCCAF; }
	#menu ul li ul a:hover, #menu ul li ul a:active { background: #CC6633; color: #ffffff; }
	#menu ul li ul a.first { padding-top: 8px; }


	/* this group of styles affects the second level of the drop down menu */
	#menu ul ul li ul { position: absolute; top: 0; left: 150px; margin: 0; padding: 0 0 8px 0; list-style-type: none; z-index: 1000; background: #CC6633; }
	#menu ul ul li ul li { display: block !important; width: 150px; clear: both; margin: 0 0 0 0; text-align: left; font-size: 12px; font-weight: normal; line-height: 120%; background: #CC6633; }
	#menu ul ul li ul a { display: block; margin: 0 8px !important; padding: 8px 0 8px 0; border-width: 0 0 1px 0; border-style: dotted; border-color: #F1E8E0; font-weight: normal !important; }
	#menu ul ul li ul a:link, #menu ul ul li ul a:visited { background: #CC6633; color: #FFCCAF; }
	#menu ul ul li ul a:hover, #menu ul ul li ul a:active { background: #CC6633; color: #ffffff; }
	#menu ul ul li ul a.first { padding-top: 8px; }
	#menu ul ul li ul.reset { top: -8px; }
	
	


	/* Hide and Reveal Submenu: first level of drop down menu */
	#menu ul li ul { display: none; }
	#menu ul li:hover ul { display: block; }

	/* Hide and Reveal Submenu: second level of drop down menu */
	#menu ul ul li ul { display: none !important; }
	#menu ul ul li:hover ul { display: block !important; }


/* Donate Button Styles */
.topbuttons img { border: 0 none; }
.topbuttons { margin: 10px auto 0 auto; text-align: center !important; width: 145px; }
a.donate { display: block; background: transparent url("http://www.sextosol.org/images/buttons/DonateSienna145.png") top left no-repeat; }
a.donate:hover { display: block; background: transparent url("http://www.sextosol.org/images/buttons/DonateDown145.png") top left no-repeat; }

a.donateGreen { display: block; background: transparent url("http://www.sextosol.org/images/buttons/DonatePink145.png") top left no-repeat; }
a.donateGreen:hover { display: block; background: transparent url("http://www.sextosol.org/images/buttons/DonateDown145.png") top left no-repeat; }

a.donatePink { display: block; background: transparent url("http://www.sextosol.org/images/buttons/DonateGreen145.png") top left no-repeat; }
a.donatePink:hover { display: block; background: transparent url("http://www.sextosol.org/images/buttons/DonateDown145.png") top left no-repeat; }

a.join { display: block; background: transparent url("http://www.sextosol.org/images/buttons/JoinSienna145.png") top left no-repeat; }
a.join:hover { display: block; background: transparent url("http://www.sextosol.org/images/buttons/JoinSiennaDn145.png") top left no-repeat; }

a.joinGreen { display: block; background: transparent url("http://www.sextosol.org/images/buttons/JoinGreen145.png") top left no-repeat; }
a.joinGreen:hover { display: block; background: transparent url("http://www.sextosol.org/images/buttons/JoinGreenDown145.png") top left no-repeat; }