/**************************************************** CONFIG */
/* colors 
dark green:  	#2e560b
medium greeen: 	#41701c
light green:  	#a3bf2d
dark grey: 		#696969
*/


/**************************************************** SETUP */
* {margin: 0px;padding: 0px;}
html, body {height: 100%;}
body {background: url(../img/bg-fade.jpg) repeat-x top left;font-family:Arial, Helvetica, sans-serif;font-size: 67.5%;position: relative;color: #696969;text-align: center;width: 100%}




/**************************************************** COMMON */
.hidden {display:none;}
.flt-right {float: right;}
.flt-left {float: left;}
.inner-10 {padding: 10px;}
.clear {clear: both;}
.small {font-size:.8em}


/**************************************************** TEXT */
.txt-l-green {color: #a3bf2d;}
.txt-m-green {color: #41701c;}
.txt-d-green {color: #2e560b;}
h1 {font-size: 1.7em;font-weight: normal;color:#41701c}
h2 {font-size: 1.2em;font-weight: bold;color:#41701c;padding: 10px 0px 0px 0px;}
h4 {font-size: 1.2em;}
p {padding: 10px 0px 0px 0px;}
p.lead {color:#41701c;font-weight: bold;}


/**************************************************** LINK */
a {text-decoration: none;color: #696969;}
a img {border: none;}
a:focus, div:focus, img:focus { outline:none }


/**************************************************** LAYOUT */
#container {min-height: 100%;height: auto !important;height: 100%;margin: 0 auto -50px;width: 750px;text-align: left;}
/* Header */
#header {padding: 30px 0 20px 0;}
#header #header-inner{padding: 0px 0px;font-weight: bold;}
#header #logo {background: url(../img/logo.png);width: 357px;height: 64px;}
*html #header #logo{background-image: none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='library/img/logo.png',sizingMethod='scale');}
#header #tel {float:right;font-size: 1.8em;padding-top: 37px}

/******************************************************* MENU */
#menu {width: 175px;float: left;margin-bottom: 30px;}
/* Primary */
#menu #primary ul {}
#menu #primary li {list-style: none;border-bottom: 1px solid #dae3d4;background: url(../img/nav-btn-bg.jpg) no-repeat top right;position: relative;}
#menu #primary li .selected {background: url(../img/nav-pri-off.jpg) left 50% no-repeat;margin-left: 10px;}
#menu #primary li .selected:hover {background: url(../img/nav-pri-off.jpg) left 50% no-repeat;color:#696969}
#menu #primary li a {margin-left: 10px;background: url(../img/nav-pri-reg.jpg) left 50% no-repeat;color: #696969;font-weight: bold;font-size: 1.2em;padding-left: 20px;height: 17px;display: block;padding-top: 2px;padding-bottom: 2px;}
#menu #primary li a:hover {background: url(../img/nav-pri-over.jpg) left 50% no-repeat;color:#a3bf2d}
#menu #primary #top-curve {background: url(../img/menu-curve-top.png);width: 17px;height: 18px;position: absolute;top: 0px;right: -1px;}
*html #menu #primary #top-curve {background-image: none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='library/img/menu-curve-top.png',sizingMethod='scale');}
/* Secondary */

#menu #secondary {margin-top: 10px;background: url(../img/nav-grn-mid.jpg) bottom left repeat-y;width: 175px;position: relative;overflow: hidden;color: #fff;}
#menu #secondary a {color: #a3bf2d;text-decoration: underline;}
#menu #secondary #inner {margin-top: 40px;padding: 10px 10px 15px 10px;}
#menu #secondary #top {background: url(../img/nav-grn-top.jpg);height: 35px;width: 175px;position:absolute;top: 0px;left: 0px;font-size: 1.5em}
#menu #secondary #top .inner {padding: 10px 0 0px 15px;}
#menu #secondary #bottom {background: url(../img/nav-grn-bot.jpg);height: 17px;width: 175px;position:absolute;bottom: -1px;left: 0px;}
#menu #secondary form input{color: #333;}
#menu #secondary form .btn-login {background: url(../img/btn-login.png) no-repeat;width: 87px;height: 24px;border: 0px;cursor: pointer;margin-top: 5px;}
*html #menu #secondary form .btn-login {background-image: none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='library/img/btn-login.png',sizingMethod='scale');}

#menu #secondary ul {width: 155px;}
#menu #secondary li {list-style: none;position: relative;}
#menu #secondary li .selected {background: url(../img/nav-sec-off.jpg) left 50% no-repeat;color: #ccc;}
#menu #secondary li .selected:hover {background: url(../img/nav-sec-off.jpg) left 50% no-repeat;color: #ccc;}
#menu #secondary li a {margin-left: 0px;background: url(../img/nav-sec-reg.jpg) left 70% no-repeat;color: #fff;font-size: 1.2em;padding-left: 20px;height: 14px;display: block;padding-top: 0px;padding-bottom: 2px;text-decoration: none;}
#menu #secondary li a:hover {background: url(../img/nav-sec-over.jpg) left 50% no-repeat;color:#a3bf2d}



/******************************************************* FORM ELEMENTS */
.form form label {display: block;width: 200px;float: left;margin-bottom: 10px;height: 20px;}
.form form  input{display: block;width: 250px;float: left;margin-bottom: 10px;height: 20px;border: 1px solid #ccc;color: #444;}
.form form select{display: block;width: 200px;float: left;margin-bottom: 10px;color:}
.form form .textarea {height: 100px;width: 250px;font-family:Arial, Helvetica, sans-serif;font-size: 1em;border: 1px solid #ccc;color: #444;}
.form form br {clear: left;}
.form form .btn-send {background: url(../img/btn-send.jpg) no-repeat;width: 100px;height: 30px;border: 0px;cursor: pointer;}


/* Misc */
#menu #downloads {margin-top: 20px;}
#menu #downloads .download {margin-left: 10px;margin-top: 10px;}
#menu #downloads .download img {float: left;margin-right: 5px;}
#menu #downloads a:hover {color:#a3bf2d;}
#menu #association {margin-top: 20px;margin-left: 10px;font-size: 1.2em;color:;font-weight: bold; }
#menu #association img {margin-top: 10px;}
/* Content */
#content {width: 560px;margin-left: 15px;float:left;}
/* Footer */
#footer, .push {height: 50px;}

#footer {font-size: 1.1em;line-height: 1.3em;width: 100%;background: url(../img/bg-fade-btm.jpg) repeat-x bottom left;}
#footer .panel {width: 750px;margin: 0 auto 0 auto;position: relative;text-align: left;}
#footer #motif {background: url(../img/ftr-motif.png);position: absolute;left: -50px;top: -60px;width: 90px;height: 107px;}
*html #footer #motif {background-image: none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='library/img/ftr-motif.png',sizingMethod='scale');}
#footer #inner-r {position: absolute;top: 0px;right: 0px;border-top: 1px solid #c6d4ba;padding-top: 5px;width: 710px;text-align: right;margin-left: 40px;}
#footer #inner-l {position: absolute;top: 0px;right: 0px;border-top: 1px solid #c6d4ba;padding-top: 5px;width: 710px;text-align: left;margin-left: 40px;font-size: .9em;z-index: 2}