/*
if you need to target IE only then the following is a nice way of targetting
*color: is IE 7 and below
_color: is IE 6 and below
*/

html, body{padding:0;margin:0;width:100%;color:#333;font-size:1em;}
body{font-family:arial, sans-serif;}

img{border:0;}
a{color:#497136;}

hr{clear:both;}

ul li{margin:0 0 5px 0;}
h1,h2,h3,h4,h5,h6{padding:0;margin:0;color:#497136;font-family:Lucida Sans Unicode, Lucida Grande, sans-serif;}

h1{font-size:1.6em;}
h2{font-size:1.5em;}
h3{font-size:1.4em;}
h4{font-size:1.3em;}
h5{font-size:1.2em;}
h6{font-size:1.1em;}

#wrapper{padding:0 0 15px 0;margin:0 auto;background: url("../images/container_bg.gif") no-repeat 50% 0;position:relative;border-bottom:2px solid #999966;}
#container{width:920px;min-height:600px;padding:15px 0 0;margin:0 auto;position:relative;}
/*IE6, he no love margins*/
#container{*width:950px;}
.treeContainer ul li { margin:0;}
#leftcol{width:195px;padding:0 15px 0 0;float:left;}
#leftcol #contactdetails{background: url("../images/tel-email-fax-bg.gif") no-repeat;padding:4px 0 10px 35px;font-size:0.7em;color:white;width:156px;margin:30px 0 0;}
#leftcol #contactdetails a{color:white;}
#leftcol h2{margin:0 0 0 5px;font-size:1.4em;font-weight:lighter;}
#leftcol #searchholder{background:white url(../images/searchbox.gif) no-repeat 0 15px;margin:0;padding:15px 0;}
#leftcol #searchholder .searchbox{border:0px;margin:3px 0 10px 5px;padding:0;width:157px;float:left;font-family:Lucida Sans Unicode, Lucida Grande, sans-serif;font-size:1.1em;color:#497136;}
#leftcol #searchholder .gobutton{margin:4px 0 0;float:left;}

/*
#sub_navigation{padding-top:10px;}
#sub_navigation ul{padding:0;margin:0;}
#sub_navigation ul li{padding:0;list-style-type:none;line-height:1.2em;}
#sub_navigation a{background: url("../images/sub_navigation_bg.gif") repeat;padding:4px 0 0 20px;text-decoration:none;}
#sub_navigation .rightcurve{display:none;}

#sub_navigation .selected a{background: url("../images/sub_navigation_bg_selected.gif") repeat;padding:4px 98px 2px 20px;color:white;}
#sub_navigation .selected .rightcurve{display:inline;background:#fff url("../images/sub_navigation_rightcurve_selected.gif") no-repeat;padding:4px;}
#sub_navigation a:active, #sub_navigation a:hover{text-decoration:underline;}

#sub_navigation ul.child{margin:10px 0;font-size:0.7em;}
#sub_navigation .child li{background:#fff url("../images/sub_sub_navigation_bg.gif") no-repeat;padding:0 5px 0 35px;}
#sub_navigation .child a{background:none;padding:0px;text-decoration:none;color:black;margin:0;line-height:20px;}
#sub_navigation .child .selected{background:#e7e9db url("../images/sub_sub_navigation_bg_selected.gif") no-repeat;}
#sub_navigation .child .selected a{padding:0px;color:black;}
#sub_navigation .child a:active, #sub_navigation .child a:hover{text-decoration:underline;}
*/

#sub_navigation{padding-top:10px;}
#sub_navigation ul{padding:0;margin:0;}
#sub_navigation ul li{position:relative;padding:0px 0 5px 0;margin:10px 0;list-style-type:none;line-height:1.2em;width:191px;background-color:white;}
#sub_navigation ul li{background:#ffffff url("../images/sub_navigation_bg.gif") no-repeat 0 0;}
#sub_navigation ul li.selected{background:#a6ae7a url("../images/sub_navigation_bg_selected.gif") no-repeat 0 8px;}
#sub_navigation ul li a{color:#000000;}
#sub_navigation ul li.selected a{color:#fff;}

#sub_navigation ul li.selected .topcurve{background:transparent url("../images/sub_navigation_topcurve_selected.gif") no-repeat;width:191px;height:4px;position:absolute;top:0;left:0;}
#sub_navigation ul li.selected .bottomcurve{background:transparent url("../images/sub_navigation_bottomcurve_selected.gif") no-repeat;width:191px;height:4px;position:absolute;bottom:-4px;left:0;}
#sub_navigation ul li a{text-decoration:none;position:relative;top:2px;left:20px;line-height:1em;}
#sub_navigation a:active, #sub_navigation a:hover{text-decoration:underline;}

/*for all levels below sub nav*/
#sub_navigation ul.child{margin:10px 0;font-size:0.7em;padding:0px;}
#sub_navigation ul.child li{background:#e7e9db url("../images/sub_sub_navigation_bg_selected.gif") no-repeat -3px 3px;padding:5px 5px 5px 30px;margin:0;width:auto !important;}
#sub_navigation ul.child li a{padding:0px;text-decoration:none;color:black;margin:0;line-height:1.5em;left:0;}

#sub_navigation .child .selected{background-color:#e7e9db;}
#sub_navigation .child li.selected{}
#sub_navigation .child li.selected a{padding:0px;color:black;font-weight:bold;}
#sub_navigation .child a:active, #sub_navigation .child a:hover{text-decoration:underline;}

#maincol{float:left;margin:49px 0 0 0; width:710px;}

#maincol #content_holder{background:transparent url("../images/content_bg.gif") repeat-y;width:705px;min-height:500px;position:relative;margin:0 0 0 1px;padding:0;}

/*home page has a slightly different layout*/
#container.home #maincol #content_holder{min-height:300px !important;margin-bottom:35px;}

#maincol #content_holder {font-size:0.9em;}
#maincol #content_holder #content_topcurve{background:transparent url("../images/content_topcurve.gif") no-repeat;width:705px;height:6px;position:absolute;top:0;left:0;}
#maincol #content_holder #content_bottomcurve{background:transparent url("../images/content_bottomcurve.gif") no-repeat;width:705px;height:6px;position:absolute;bottom:-15px;left:0;}
#maincol #content_holder > #content_bottomcurve{bottom:0px;}
#maincol #content_holder #content{padding:15px 2px 0 15px;}
#container #maincol #content_holder #content #image{width:673px;height:150px;margin:0;}

/*setup the different images based on which page we are on*/
/*#container.home #maincol #content_holder #content #image{background:transparent url("../images/content_image.jpg") repeat-y;}
#container.news #maincol #content_holder #content #image{background:transparent url("../images/content_image.jpg") repeat-y;}
#container.who #maincol #content_holder #content #image{background:transparent url("../images/content_image.jpg") repeat-y;}
#container.what #maincol #content_holder #content #image{background:transparent url("../images/content_image.jpg") repeat-y;}
#container.involved #maincol #content_holder #content #image{background:transparent url("../images/content_image.jpg") repeat-y;}
#container.library #maincol #content_holder #content #image{background:transparent url("../images/content_image.jpg") repeat-y;}*/

#maincol #content_holder #content #image{background:transparent;}

#maincol #content_holder #content #col_1-3{width:30%;float:left;margin-right:3%;}
#maincol #content_holder #content #col_2-3{width:63%;margin-right:3%;float:left;}
#maincol #content_holder #content #col_3-3{width:96%;margin-right:3%;float:left;}
#maincol #content_holder #content #col_1-3.norightmargin,
#maincol #content_holder #content #col_2-3.norightmargin,
#maincol #content_holder #content #col_50.norightmargin{width:33%;margin-right:0%;float:right;}
#maincol #content_holder #content #col_50{width:46%;margin-right:3%;float:left;}

/*so that the cols all line up even if some start with paras and some dont*/
#maincol #content_holder #content #col_1-3 p:first-child, #maincol #content_holder #content #col_2-3 p:first-child, #maincol #content_holder #content #col_50 p:first-child{margin-top:0px;}

#maincol #cookie{background:#a6ae7a;font-size:0.7em;color:#ccc;padding:5px;position:relative;width:663px;margin:0 0 15px 0;}
#maincol #cookie a{color:white;text-decoration:none;}
#maincol #cookie .leftcurve{background:#fff url("../images/cookie_bottomleft.gif") no-repeat;position:absolute;left:0;bottom:0;width:4px;height:4px;overflow:hidden;}
#maincol #cookie .rightcurve{background:#fff url("../images/cookie_bottomright.gif") no-repeat;position:absolute;right:0;bottom:0;width:4px;height:4px;overflow:hidden;}

#maincol #content_holder #content .panel{background: url("../images/Panel_header.png") no-repeat top right;padding:10px 10px 10px 15px;}
#maincol #content_holder #content .panel h2{padding:0 0 0 10px;font-size:1.1em;margin:0 0 5px;}
#maincol #content_holder #content .panel .item{padding:10px 0 0 0;}
#maincol #content_holder #content .panel .item h3{padding:0 0 0 10px;font-size:0.8em;color:#999966;}
#maincol #content_holder #content .panel .item p{padding:0 0 0 10px;font-size:0.8em;margin:2px 0 0 0;}
#maincol #content_holder #content .panel .item h3 a{color:#999966;text-decoration:none;}
#maincol #content_holder #content .panel .item p a{color:#333;text-decoration:none;}

#navigation{background: url("../images/navigation_bg.gif") repeat-x;}
#navigation ul{padding:0;margin:1px 0 0;}
#navigation ul li{float:left;list-style-type:none;padding:0;margin:0 2px 0 0;}
#navigation ul li:last-child{margin:0 0 0 0;}
#navigation ul li a{background:transparent url("../images/navigation_option_bg.gif") repeat;padding:9px 10px 6px 10px;margin:0px;line-height:42px;font-size:16px;}

#navigation .rightcurve{background:#fff url("../images/navigation_option_rightcurve.gif") no-repeat;width:4px;height:30px;overflow:hidden;padding:9px 0 6px 0;}
#navigation .selected a{background: url("../images/navigation_option_bg_selected.gif") repeat;padding:11px 5px 6px 9px;}
#navigation .selected .rightcurve{background:#fff url("../images/navigation_option_rightcurve_selected.gif") no-repeat;padding:11px 0 6px 0;}
#navigation ul li a{text-decoration:none;color:#fff;}
#navigation ul li a:active, #navigation ul li a:hover{text-decoration:underline;}

#footer{font-size:0.7em;padding:10px 0 0;color:#333;width:920px;margin:0 auto;}
#footer ul{padding:0;margin:0;}
#footer ul li{float:left;list-style-type:circle;padding:0 30px 0 0;margin:0;}
#footer ul li:first-child{float:left;list-style-type:none;}
#footer ul li:last-child{padding:0 10px 0 0;}
#footer ul li, #footer ul li a{text-decoration:none;color:#333;}
#footer ul li a:hover, #footer ul li a:active{text-decoration:underline;}
#footer ul li a.selected{text-decoration:underline;}

.bold{color:#333333;font-size:1.2em;font-family:Lucida Sans Unicode, Lucida Grande, sans-serif;}
.hide, .sr{display:none;}
.underline{text-decoration:underline;}

.left{float:left;}
.right{float:right;}
.clear{clear:both;}

.alignright{text-align:right;}
.alignleft{text-align:left;}

table tr td{vertical-align:top;}
#maincolform select,#maincolform form input[type='text'],#maincolform form textarea,#maincolform form input[type=button],#maincolform  .button{border:1px solid #a6ae7a;width:300px;}
#maincolform textarea{width:298px;}
#maincolform input[type=button], .button{width:auto !important;background-color:#497136;color:#fff;font-family:Lucida Sans Unicode, Lucida Grande, sans-serif;}

#tabs div img.right{padding:0 0 0 10px;}
#tabs div img.left{padding:0 10px 0 0;}

#authors{background-color:#eaecdf;position:relative;padding:15px 0 0 0;}
	#authors ul{padding:0;margin:1px 0 0;clear:both;}
	#authors ul li{float:left;list-style-type:none;padding:0;margin:0 2px 0 0;padding:0px;}
	#authors ul li:first-child{margin-left:15px;}
	#authors ul li a img.selected{padding:10px;background-color:#a6ae7a;}
	#authors ul li a{color:black;text-decoration:none;}
	#authors div{padding:10px;background-color:#a6ae7a;color:white;}
	#authors div .author-name{font-weight:bold;padding:0 !important;}
	#authors div p{padding:0;margin:0;font-size:0.9em;}
	#authors ul li{padding:15px 15px 5px 15px;}
	#authors ul li.selected{background-color:#a6ae7a;}
	
	#authors #top-right-curve{background:transparent url("../images/author_top_right_curve.gif") no-repeat;width:3px;height:3px;position:absolute;top:0;right:0;}
	#authors #bottom-right-curve{background:transparent url("../images/author_bottom_right_curve.gif") no-repeat;width:3px;height:3px;position:absolute;bottom:0;right:0;}
	#authors #top-left-curve{background:transparent url("../images/author_top_left_curve.gif") no-repeat;width:3px;height:3px;position:absolute;top:0;left:0;}
	#authors #bottom-left-curve{background:transparent url("../images/author_bottom_left_curve.gif") no-repeat;width:3px;height:3px;position:absolute;bottom:0;left:0;}
	
	

	
	
	
	
	
	
	
	
	
	
	
	/*   JQUERY UI CSS FOR HOMEPAGE TABS */
	
	
	
/* homepage */

/*
* jQuery UI CSS Framework
* Copyright (c) 2009 AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses.
*/

/* Layout helpers
----------------------------------*/
#homePageTabs .ui-helper-hidden { display: none; }
#homePageTabs .ui-helper-hidden-accessible { position: absolute; left: -99999999px; }
#homePageTabs .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
#homePageTabs .ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#homePageTabs .ui-helper-clearfix { display: inline-block; }
/* required comment for clearfix to work in Opera \*/
#homePageTabs * html .ui-helper-clearfix { height:1%; }
#homePageTabs .ui-helper-clearfix { display:block; }
/* end clearfix */
#homePageTabs .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }


/* Interaction Cues
----------------------------------*/
#homePageTabs .ui-state-disabled { cursor: default !important; }

/* Misc visuals
----------------------------------*/

/* Overlays */
#homePageTabs .ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }


/* Component containers
----------------------------------*/
#homePageTabs .ui-widget {}
#homePageTabs .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {}
#homePageTabs .ui-widget-content {}
#homePageTabs .ui-widget-content a {}
#homePageTabs .ui-widget-header {}
#homePageTabs .ui-widget-header a {}

/* Interaction states*/

#homePageTabs  .ui-state-default a,#homePageTabs  .ui-state-default a:link,#homePageTabs  .ui-state-default a:visited { color: #fff;text-decoration: none; outline: none;}

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus {font-weight: normal; color: #a6ae7a; outline: none; }
.ui-state-hover a, .ui-state-hover a:hover {text-decoration: none; outline: none;}

.ui-state-active, .ui-widget-content .ui-state-active {}
#homePageTabs .ui-state-default a{background:transparent url('../Images/home-tab-bg.gif') repeat-x;height:50px !important;margin:0 4px 0 4px !important;}
#homePageTabs .ui-state-active a,#homePageTabs .ui-state-active a:link,#homePageTabs .ui-state-active a:visited {background:transparent url('../Images/home-tab-bg-sel.gif') repeat-x; height:50px !important;color: #273d1c; outline: none; text-decoration: none;margin:0 4px 0 4px !important;}

#homePageTabs  .ui-state-default .leftcurve{background:transparent url('../Images/home-tab-left.png') no-repeat;width:6px;height:50px;position:absolute;top:0;left:0;}
#homePageTabs .ui-state-default .rightcurve{background:transparent url('../Images/home-tab-right.png') no-repeat;width:6px;height:50px;position:absolute;top:0;right:0;}

#homePageTabs .ui-state-active .leftcurve{background:transparent url('../Images/home-tab-left-sel.png') no-repeat;width:6px;height:50px;position:absolute;top:0;left:0;}
#homePageTabs  .ui-state-active .rightcurve{background:transparent url('../Images/home-tab-right-sel.png') no-repeat;width:6px;height:50px;position:absolute;top:0;right:0;}
/* Interaction Cues
----------------------------------*/
#homePageTabs .ui-state-disabled, #homePageTabs .ui-widget-content .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; }
#homePageTabs .ui-priority-primary, #homePageTabs .ui-widget-content .ui-priority-primary { font-weight: normal; }
#homePageTabs .ui-priority-secondary, #homePageTabs .ui-widget-content .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; }



/* Tabs ----------------------------------*/
#homePageTabs.ui-tabs { padding:0; zoom: 1; }
#homePageTabs.ui-tabs .ui-tabs-nav { list-style: none; position: absolute;bottom:-49px;left:35px; padding:0; }
#homePageTabs.ui-tabs .ui-tabs-nav { _bottom:-54px;left:35px; }

#homePageTabs.ui-tabs .ui-tabs-nav li { position: relative; float: left; margin: 0 .2em -1px 0; padding: 0; }
#homePageTabs.ui-tabs .ui-tabs-nav li a { float: left; text-decoration: none; padding:5px 5px 0 5px; margin:0px;height:44px;}
#homePageTabs.ui-tabs .ui-tabs-nav li.ui-tabs-selected { padding-bottom: 0px;position:relative; }
#homePageTabs.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, #homePageTabs.ui-tabs .ui-tabs-nav li.ui-state-disabled a, #homePageTabs.ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
#homePageTabs.ui-tabs .ui-tabs-nav li a, #homePageTabs.ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
#homePageTabs.ui-tabs .ui-tabs-panel { padding: 0; display: block; border-width: 0; background: none; }
#homePageTabs.ui-tabs .ui-tabs-hide { display: none !important; }

.inputForm .text { width:300px;}
.inputForm textarea { width:300px; font-family:Arial; height:100px;}
.inputForm select { width:300px;}

.tagBox { background-color:#A6AE7A; padding:10px; color:#fff;}
.tagBox div { color:#497136; font-size:110%; font-weight:bold;}
.tagBox a { color:#efe; display:block;padding:5px; float:left; text-decoration:none;}
.tagBox a:hover { text-decoration:underline;}
.tagBox a.selected { color:#A6AE7A; display:block;padding:5px; float:left; background-color:#fff;}