/* HACKS */
/* HACKS */


/*  Clearing floats: http://annevankesteren.nl/2005/03/clearing-floats */
#branding, #nav-main, #content-summary, #content-members, body.individual #content-sub {_height: 1%;}


/* Explorer only */
* html #nav-supp a {background: url(/img/a-04.gif) no-repeat;}
* html #nav-supp a:hover {background: url(/img/a-04-h.gif) no-repeat;}
* html body.index #content-main div {height:32em;}


/* MAIN */

*  {margin: 0; padding: 0;}

body {background: #292114; color: #000; font: 72%/160% Tahoma, Verdana, "Lucida Sans Unicode", Helvetica, Arial, sans-serif; text-align: left;}
h2, h3, h4, h5, h6, p, ul, ol, dl, address {margin: 0 30px; padding: .5em 0;}

img{margin: 0 20px; padding:1px;}

h1, h2, h3, h4, h5, h6 {font-family: Helvetica, Arial, sans-serif; font-weight: bold;}
h1 {display: inline; float: left; width: 40%; min-height: 55px; margin-left: 20px; padding-left: 75px; background:#292114 url(/img/h1.png) no-repeat 0 0; font-size: 200%;}
h1:hover, h1:focus, h1:active {background: url(/img/h1-h.png) no-repeat 0 0;}

h1 span {display: block; color: #fff; font-size: 80%;}
h2 {font-size: 160%;}
h3 {clear: left; font-size: 140%;}
h4 {clear: left; font-size: 120%;}
h5 {font-size: 110%;}
h6 {font-size: 100%;}

img, img a {border: none;}



p {max-width: 64em; font-size: 100%;}

a {text-decoration: underline;}
a:link, a:visited {color: #645014;}
a:hover, a:active, a:focus {color: #7F6619;}

address {font-style: normal;}
address span {display: block;}

pre {padding-left: 20px; font-size: 1em;}
code, pre {color: #666; font: 1em monaco, courier, monospace; font-weight: normal;}

ul {list-style-type: disc;}
li {max-width: 64em;}

form {margin: .5em 20px;}
fieldset {border: 1px solid #ccc; padding: 1em;}
label {margin-bottom: .5em; cursor: pointer;}
input, textarea {background: #fff; color: #292114; font: 100% Tahoma, Verdana, "Lucida Sans Unicode", Helvetica, Arial, sans-serif;}
input:hover, input:active, input:focus, textarea:hover, textarea:active, textarea:focus {border-color: #7f6619;}

table {margin-left: 20px; border-collapse: collapse; max-width: 62em;}
caption {margin: 1em 0 0 20px; font-weight: bold;}
th {border-bottom: 1px solid #666; padding-right: 1em; text-align: left;}
td {border-bottom: 1px solid #666; padding: .5em 1em .5em .25em; font: 100% Tahoma, Verdana, "Lucida Sans Unicode", Helvetica, Arial, sans-serif; vertical-align: top;}
td+td {border-left: 1px solid #666;}

hr, legend {display:none;}
/* layout sections specifics */
/* container */
#container {width: 100%; background: #fff;}

/* branding */
#branding {width: 100%; overflow: hidden; border-bottom: 1px solid #fff; padding: 3em 0 2em 0; background: #292114;}
#branding a:link, #branding a:visited {color: #B2A794; text-decoration: none;}


/* nav-main */
#nav-main {width: 100%; overflow: hidden; border-top: 1px solid #B2A794; border-bottom: 1px solid #B2A794; padding: .35em 0; background: #B2A794 url(/img/nav-main.png) repeat-x 0 100%;}
#nav-main ul {float: left; list-style-type: none;}
#nav-main li {display: inline;}
#nav-main a {float: left; border-right: 1px solid #fff; padding: 0 .75em; font-size: 110%; font-weight: bold; text-decoration: none;}
#nav-main a:link, #nav-main a:visited {color: #3F3525; }
#nav-main a:hover, #nav-main a:focus {color: #000; }
#nav-main ul li:last-child a {border-right: 0;}

/* fm-search */
#fm-search {float: left; width: 33%; margin: 0; border-right: 1px solid #fff; padding: .5em 0 ; color: #292114; }
#fm-search fieldset {border: 0px solid #ccc; padding: 0 0 0 20px;}
#fm-search label {display: inline; margin: 0; padding: 0 10px 0 0; }
#fm-search label span {padding-right: 10px; color: #292114; font-size: 110%; font-weight: bold; }
#fm-search input.search {width: 14em; border: 1px solid #ad8a22; padding: 2px; color: #292114; }

/* content */
#content {float: left; width: 100%; border-top: 1px solid #645014; font-size:110%;}
#content img{float: left;}


/* content-main */
#content-main {float: none; width: 100%; min-height:250px; padding: 0 0 2em 0; background: #fff url(/img/content-main.png) repeat-x;}
#content-main ol, #content-main ul {padding-left:20px;}
#content-main table {margin-right:5px;}
#content-main table th {padding:.2em;}
#content-main h2+p, #content-main p.role {font-size: 110%; font-weight: bold;}
#content-main hr {display: block; width: 75%; margin: 1em auto;}
#content-main label, #content-main label span {color:#000;}



/* content-summary */
#content-summary {overflow: hidden; padding-top: 1.5em; background-color: #000;}
#content-summary h2, #content-summary p {color: #fff;}
#content-summary h2 a {color: #fff; text-decoration:none;}
#content-summary code, #content-summary pre {color: #ccc;}
#content-summary a, #content-summary a:visited {color: #fc3;}


/* content-sub */
#content-sub {float: none; overflow: hidden; width: 100%; padding-bottom: 2.5em;}
#content-sub ul {list-style-type: none;}
#content-sub table {width: 90%;}
#content-sub code, #content-sub pre {color: #ccc;}
#content-sub a:link, #content-sub a:visited {color: #fc3;}
#content-sub form div {clear: both;}
#content-sub fieldset {float: left; width: 40%; margin: 0 0 .5em 0; border: 0px solid #292114; padding-left: 0;}
#content-sub label, #content-sub label span {display: block; color: #000; font-weight: bold;}
#content-sub input, #content-sub textarea {min-width: 10em; width: 95%; border: 1px solid #ad8a22; padding: 2px;}
#content-sub textarea {height: 16em;}
#content-sub form a:link, #content-sub form a:visited {color: #fff;}

/* content-branding */
#content-branding {border-bottom: 1px solid #fff; padding: 1.5em 0; background-color: #292114;}
#content-branding p { min-height:65px; margin-left: 20px; padding-left: 100px; background: url(/img/content-sub-div-p.gif) no-repeat 0 0; color: #fff; font: bold 160%/98% Helvetica, Arial, sans-serif; letter-spacing: -1px;}

/* nav-sub */
#nav-sub {margin-top:1em; padding:0;}
#nav-sub li {margin:0 0 .7em 0; line-height:normal;}

/* nav-supp */
#nav-supp {position: relative; clear: both; width: 100%; height: 55px; margin-top: -1px; background: #292114;}
#nav-supp a {display: block; position: absolute; top: -15px; left: 50%; width: 56px; height: 56px; margin-left: -36px; color: #fff; background: url(/img/a-04.png) no-repeat; text-indent: -9999px; text-decoration: none;}
#nav-supp a:visited {text-decoration: none;}
#nav-supp a:hover, #nav-supp a:focus {background: url(/img/a-04-h.png) no-repeat;}

/* siteinfo */
#siteinfo {width: 100%; background: #292114;}
#siteinfo p {margin: 0 20%; color: #fff;}
#siteinfo a:link, #siteinfo a:visited {color: #fc3;}

/* template specifics */
body.index h1 {width: 30%; height: 130px; margin-left: 0; background: url(/img/branding-h1.png) no-repeat 50% 50%; text-indent: -9999px;}
body.index h1 a {display: block; height: 130px;}
body.index #branding blockquote {float: left; width: 40%; border-left: 0px solid #000; color: #fff; font: 240%/92% Helvetica, Arial, sans-serif; font-weight: bold; letter-spacing: -1px;}
body.index #content-main h3+p {font-weight: bold;}
body.index #content-main h4+p {color: #666;}
body.index #content-main h4+p+p {color: #666;}
body.index #content-main div {float: left; min-width: 200px; width: 40%; min-height:31em; margin: 0 20px 1em 20px; border-bottom: 1px solid #999; padding: .5em 0 0 0;}
body.index #content-main div * {margin: 0;}
body #content-main .mailman-form div {clear:left;margin-bottom: 0.8em;}
body #content-main .mailman-form label {float:left;width: 20%;font-weight: bold;}
body #content-main .mailman-form input.text {width: 40%; padding: 0.2em;}
body #content-main .mailman-form textarea {height: 130px; width: 40%; padding: 0.2em;}


body.index #content-sub {padding-top:1.5em;}
body.index #content-sub #content-branding {display:none;}
body.index #content-sub h2+h3+p+p {margin: 0 20px .5em 20px; border-bottom: 1px solid #666; padding: .5em 0 1em 0; font-size: 110%; font-weight: bold;}
body.index #content-sub h3+p+p {margin: 0 20px .5em 20px; border-bottom: 1px solid #666; padding: .5em 0 1em 0; font-weight:bold;}

body.category #content-main h3+p+p {margin: 0 20px 1em 20px; border-bottom: 1px solid #999; padding: .5em 0 1em 0;}

body.individual #content-sub {background: #e3b52d;}
body.individual #content-main {min-height:5em;}

body.index #container, body.category #container {background: url(/img/container.gif) repeat-y 40% 0;}
body.index #content-main, body.category #content-main {float: right; width: 60%; padding: 1.5em 0; background: #fff url(/img/content-main.png) repeat-x;}
body.index #content-sub, body.category #content-sub {float: left; min-width: 200px; width: 40%; padding-bottom: 1.5em; background: #292114; color: #fff;}
body.index #content-sub ol, body.category #content-sub ol, body.index #content-sub ul, body.category #content-sub ul {padding-left:20px;}
body.index #content-sub ul, body.category #content-sub ul {list-style-type:disc;}
body.index th, body.category th, body.index td, body.category td {border-bottom:none;}
body.index td+td, body.category td+td {border-left:none;}
body.index #nav-supp a, body.category #nav-supp a {top: -17px; left: 40%;}

body.page #container {background: url(/img/container_page.gif) repeat-y 25% 0;}
body.page #content-main {float: right; width: 75%; min-height: 250px; padding: 1.5em 0; background: #fff url(/img/content-main.png) repeat-x;}
body.page #content-sub {float: left; width: 25%; padding-bottom: 1.5em; color: #fff;}
body.page #content-branding p {padding-left: 0; background-image : none;}
body.page #nav-supp a {top: -17px; left: 25%;}


/* classes */
.invisible {display: none;}
.clear {clear: both;}
.left {float: left; margin-left: 20px;}
.right {float: right; margin: 1em;}
.offleft {position: absolute; left: -9999px;}
.callout, .languages {width:185px; float:right; margin:.5em;}
.code {width: 90%; margin:0 20px; border: 1px solid #292114; padding: 20px 0; background-color: #ffe699;}
.oddbg{background-color:#E9E9E9;}
.evenbg{background-color:white;}
.mainimg img {border:1px solid #FFCC33;margin-bottom:10px; }
.cleft{clear:left;}
.outlink{clear:left;}
.outlink a{color:#0BB3BF;}
.outlink a:hover{color:#7F6619;}

.hTitle{
	background-color:#FFCC33;
	color:#000000;
	padding-left:20px;
	-webkit-box-shadow: 0px 2px 10px -3px #636363; -moz-box-shadow: 0 2px 10px -3px #636363;
	-webkit-border-radius: 3px;
	-moz-border-radius:4px;
	}

.hTitle2{
    margin-left:50px;
    padding: .2em 0;
	background-color:#B2A794;
	padding-left:20px;
	color:#FFFFFF;
	-webkit-box-shadow: 0px 2px 10px -3px #636363; -moz-box-shadow: 0 2px 10px -3px #636363;
	-webkit-border-radius: 3px;
	-moz-border-radius:4px;

	}

.page_item
{
	margin:0 0 .7em 0;
	line-height:normal;
	padding:3px 10px 3px 10px;
}


.page_item:hover
{
	margin:0 0 .7em 0;
	line-height:normal;
	padding:3px 10px 3px 10px;
	background-color:#AEA390;
	-webkit-box-shadow: 0px 2px 10px -3px #636363; -moz-box-shadow: 0 2px 10px -3px #636363;
	-webkit-border-radius: 3px;
	-moz-border-radius:4px;

}




.page_item_active
{
	margin:0 0 .7em 0;
	line-height:normal;
	padding:3px 10px 3px 10px;
	background-color:#AEA390;
	-webkit-box-shadow: 0px 2px 10px -3px #636363; -moz-box-shadow: 0 2px 10px -3px #636363;
	-webkit-border-radius: 3px;
	-moz-border-radius:4px;

}



.mainLeft
{
	margin:0px;
	padding:15px 10px 10px 10px;
	color:#333333;

	width:480px;
	margin-bottom:15px;

}

.mainRight
{
	width:450px;
	float:right;
	margin:0px;

}

.mainRight ul
{
list-style:none;
}

.mainRight img
{
	padding: 2px;
	border: 1px solid #887E6C;


}