/* Designed for use with Canterris Marketing Suite - www.canterris.com.

This style sheet is divided into the following sections:

1. Positioning 		 - layout structure and positioning of the basic elements
2. Layout Styles 	 - details of the site design
3. Typography 		 - font definitions for global and general elements
4. Main Navigation	 - main navigation styling
5. Sub Navigation	 - secondary navigation styling
6. Forms		 - forms layout and styling 
7. News			 - news layout and styling
8. Events		 - event content layout and styling 
9. Site Map		 - site map layout and styling
10. Search		 - search layout and styling
11. Document Sharing 	 - document sharing layout and styling
12. Job Board		 - job board layout and styling

*/

/* POSITIONING =========================================================================*/

body			{ margin:0px; padding:0px; }
#container.home 	{ margin:0px auto; padding:0px; width:990px; background:url(default/headerhome_lg_bg.gif) no-repeat; }
#container.inside 	{ margin:0px auto; padding:0px; width:990px; background:url(default/headerhome_bg.gif) no-repeat; }
#header.home		{ height:280px; }
#header.inside		{ height:176px; }
#content.home		{ height:308px; }
#sidebar		{ float:right; width:390px; }
#footer			{ clear:both; height:51px; padding:0px 15px; background:url(default/footer_bg.gif) repeat-x; border-right:1px solid #e6e6e6; border-left:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6; }
#footer.inside		{ border-top:1px solid #e6e6e6; }
#fat-footer		{ min-height:33px; background:url(default/overview_bg.gif) no-repeat; margin-top:5px; }

/* LAYOUT STYLES -- details of the site design -----------------------------------------*/

a 	        	{ -moz-outline-style: none; }
a img       		{ border:none; }
div.clear  	 	{ clear:both; height:10px; font-size:8px; }
#flags			{float:right; width:400px; text-align:right; padding-top:15px; }
#header-left		{ float:left; width:250px; padding:20px 0px 0px 30px; }
#header-right		{ float:left; width:700px; }
#mainnav-container 	{ height:30px; background:url(default/mainnav_bg.gif) repeat-x; padding-top:6px; }
#mainnav-home		{ float:left; width:30px; }
#mainnav-search		{ float:right; width:160px; padding-top:5px; }
#mainnav-search p	{ margin:0px; }
#mainnav		{ float:left; width:500px; }
#header-content		{ width:400px; padding:35px 0px 0px 30px; font:18px Arial, Helvetica, sans-serif; color:#7b982c; }
#header-content.inside	{ width:500px; padding:65px 0px 0px 30px; font:12px Verdana, Arial, Helvetica, sans-serif; color:#666666; }
#home-content-left	{ float:right; width:320px; padding-right:40px; }
#home-content-right	{ float:right; width:210px; }
#home-content-right img, div.callout img	{ margin:0px 0px 7px 0px; }
#inside-content-left	{ float:left; width:260px; }
#inside-content-right	{ float:right; width:680px; padding:90px 20px 20px 0px; }
#inside-content		{ margin-top:10px; min-height:200px; }
#breadcrumbs-container	{ padding:0px 0px 10px 0px; border-bottom: 1px solid #f0efef; font-size:10px; color:#666666; }
div.callout			{ padding:0px 0px 0px 50px; margin:20px 0px 20px 0px; width:178px; }
	
/* TYPOGRAPHY ========================================================================= */

/* Default Font Settings ----------------------------------------------------- */
body 			  { font:11px Verdana, Arial, Helvetica, sans-serif; color:#505050; line-height:15px; }

/* Headings ------------------------------------------------------------------ */
h1,h2,h3,h4,h5,h6 { font:Arial, Helvetica, sans-serif; }

h1 { font-size: 18px; margin-bottom: 10px; }
h2 { font-size: 16px; margin-bottom: 5px; }
h3 { font-size: 13px; margin-bottom: 3px; }
h4 { font-size: 12px; margin-bottom: 3px; }
h5 { font-size: 12px; font-weight: bold; margin-bottom: 0px; }
h6 { font-size: 12px; font-weight: bold; margin-bottom: 0px; }

h1 img, h2 img, h3 img, h4 img, h5 img, h6 img { margin: 0; }

#tagline h2		{ margin:0px; font:11px Verdana, Arial, Helvetica, sans-serif; color:#7b982c; }
#fat-footer h1		{ margin:0px 0px 10px 0px; font:15px Verdana, Arial, Helvetica, sans-serif; color:#7b982c; }
#fat-footer h6		{ margin:0px 0px 10px 0px; font:15px Verdana, Arial, Helvetica, sans-serif; color:#7b982c; }
#home-content-left h1	{ margin:0px 0px 4px 0px; font:bold 12px Verdana, Arial, Helvetica, sans-serif; }
#inside-content h1		{ margin:0px 0px 10px 0px; font:20px Verdana, Arial, Helvetica, sans-serif; color:#7b982c; }
#inside-content h2		{ margin:0px 0px 5px 0px; font:bold 14px Verdana, Arial, Helvetica, sans-serif; color:#4567ab; }
#header-content.inside h2	{ margin:0px 0px 5px 0px; font:18px Verdana, Arial, Helvetica, sans-serif; color:#7b982c; }
#inside-content td.callout-title h2, 
#inside-content table.data td h2	{ margin:4px 0px 4px 0px; font:bold 14px Verdana, Arial, Helvetica, sans-serif; color:#7b982c; text-align:center; }

/* Text Elements ------------------------------------------------------------ */
p          	{ margin:0 0 15px 0; }
p img.left  	{ float:left; margin:15px 15px 15px  0px; padding:0; }
p img.right 	{ float:right; margin:15px 0px 15px 15px; }

a:focus, 
a:hover     	{ color:#339900; }
a           	{ color:#006699; text-decoration:none; }
td.callout-content a	{ color:#ffffff; text-decoration:underline; }
td.callout-content a:hover	{ color:#ffffff; text-decoration:none; }
#breadcrumbs-container a	{ color:#666666; }

blockquote  	{ margin:15px; color:#666; font-style:italic; }
strong      	{ font-weight:bold; }
em,dfn      	{ font-style:italic; }
dfn         	{ font-weight:bold; }
sup, sub    	{ line-height:0; }

abbr, acronym  	{ border-bottom:1px dotted #666; }
address     	{ margin:0 0 15px; font-style:italic; }
del         	{ color:#666; }

pre 		{ margin:15px 0; white-space:pre; }
pre,code,tt 	{ font:10px 'andale mono', 'lucida console', monospace;line-height: 1.5; }

/* Lists -------------------------------------------------------------------- */
#footer ul 		{ margin:0px; padding:0px; list-style:none; line-height:51px; width:400px; float:left; }
#footer ul li		{ display:inline; padding-right:15px; font-size:11px; }
#footer ul li a		{ color:#505050; text-decoration:none; }
#footer ul li a:hover	{ color:#006699; text-decoration:none; }

#inside-content td.callout-content ul	{ margin:10px 0px; padding:0px; list-style:none; }
#inside-content td.callout-content ul li{ line-height:16px; background:url(default/subnav_bullets.png) 5px 7px no-repeat; padding-left:20px; padding-bottom:4px; }

#inside-content ul	{ margin:10px 0px; padding:0px; list-style:none; }
#inside-content ul li	{ background:url(default/subnav_clear_bullet.png) 5px 5px no-repeat; padding-left:20px; padding-bottom:5px; }

/* Tables ------------------------------------------------------------------- */
table.color-callout	{ background:#799a2c; color:#ffffff; }
td.callout-content	{ padding:10px; }
td.callout-title	{ background:url(default/callout_title_bg.gif) repeat-x; border-top:1px solid #e6e6e6; border-right:1px solid #e6e6e6; border-left:1px solid #e6e6e6; }

/* Font Resizing ------------------------------------------------------------ */
#fontsize a 			{ text-decoration:none; color:#666666; padding:0px 2px 0px 2px; }
#fontsize a.active 		{ text-decoration:none; color:#881314; }
#fontsize .smallfont a 		{ font-size:10px; }
#fontsize .defaultfont a 	{ font-size:11px; }
#fontsize .largefont a 		{ font-size:12px; }

#editablecontent.smallcontentfont 	{ font-size:10px; }
#editablecontent.defaultcontentfont 	{ font-size:11px; }
#editablecontent.largecontentfont 	{ font-size:12px; line-height:17px; }

/* MAIN NAVIGATION =====================================================================*/

/* jQuery Drop Down Menu --{TPL:NAVIGATION ['false','dropdown4']}-- Requires jqueryslidemenu.js and jquery.min.js ----- */
.ddsmoothmenu 			{ font:bold 12px Arial, Helvetica, sans-serif; width:100%; }
.ddsmoothmenu ul 		{ z-index:100; margin:0; padding:0; list-style-type:none; }
.ddsmoothmenu ul li 		{ position:relative; display:inline; float:left; }
.ddsmoothmenu ul li a 		{ display:block; color:#505050; padding:7px 12px 8px 12px; text-decoration:none; }
* html .ddsmoothmenu ul li a 	{ /*IE6 hack to get sub menu links to behave correctly*/ display:inline-block; }
.ddsmoothmenu ul li a:link, 
.ddsmoothmenu ul li a:visited 	{ color:#505050; }
.ddsmoothmenu ul li a.selected, .ddsmoothmenu ul li a.active 	{ background:#87a633; color:#ffffff; }
.ddsmoothmenu ul li a:hover 	{ background:#87a633; color:#ffffff; }
.ddsmoothmenu ul li ul 		{ position:absolute; left:0; display:none; visibility:hidden; background:#87a633; padding:0px 0px 0px 0px; }
.ddsmoothmenu ul li ul li 	{ display:list-item; float:none; }
.ddsmoothmenu ul li ul li ul 	{ top:0; }
.ddsmoothmenu ul li ul li a 	{ font:normal 11px Verdana; width:180px; padding:5px 5px 5px 25px; margin:0px; border-top-width:0px; color:#ffffff !important; border-bottom:1px dotted #9bbd40; background:url(default/subnav_bullets.png) 13px 10px no-repeat; }
.ddsmoothmenu ul ul li a:hover 	{ background:#789528 url(default/subnav_bullets.png) 13px 10px no-repeat; color:#ffffff; }
* html .ddsmoothmenu 		{ height:1%; } /*Holly Hack for IE7 and below*/
.downarrowclass 		{ position:absolute; top:12px; right:7px; }
.rightarrowclass 		{ position:absolute; top:6px; right:5px; }
.ddshadow 			{ position:absolute; left:0; top:0; width:0; height:0; background:silver; }
.toplevelshadow 		{ opacity:0.8; /*shadow opacity. Doesn't work in IE*/ }

/* SUB NAVIGATION ===========================================================================*/

/* Simple Verticle Sub Menu -- {TPL:NAVIGATION ['false','nested']} ----------- */
#subnav-container		{ padding-left:20px; }
#subnav-container-header	{ background:url(default/subnavheader_bg.gif) no-repeat; color:#7b982c; font:bold 12px Verdana, Arial, Helvetica, sans-serif; line-height:30px; padding-left:10px;  }
#subnav ul 			{ margin:0px 0px 0px 0px; padding:10px 10px 10px 0px; list-style:none; background:#f3f3f3 url(default/subnav_ul_bg.gif) repeat-x; border-left:1px solid #e6e6e6; border-right:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6; }
#subnav ul li 			{ font: 11px Verdana, Arial, Helvetica, sans-serif; padding:0px 0px 0px 0px; color:#746955; }
#subnav ul li a 		{ color:#746955; text-decoration:none; display:block; padding:4px 10px 5px 25px; background:url(default/subnav_clear_bullet.png) 11px 9px no-repeat; border-bottom:1px dotted #f2f2f2; }
#subnav ul li a.first-active, 
#subnav ul li a.middle-active, 
#subnav ul li a.last-active, 
#subnav ul li a.only-active 	{ color:#718d24; background:url(default/subnav_clear_bullet.png) 11px 9px no-repeat; }
#subnav ul ul 			{ margin:0px 0px 0px 0px; padding:0px 0px 0px 15px; list-style:none; background:none; border:none; }
#subnav ul li a:hover 		{ color:#718d24; background:url(default/subnav_clear_bullet.png) 11px 9px no-repeat; }

/* FORMS ====================================================================================*/

/* Form Fields --------------------------------------------------------------- */


/* Form Messages ------------------------------------------------------------- */
div.success 			{ color:#333333; padding:10px; }
div.error    			{ color:#cc0000; padding:10px; }

/* NEWS =====================================================================================*/

td.headline 			{ font-size:12px; color:#006699; padding-bottom:7px; }
td.headline a 			{ color:#006699; text-decoration:none; }
td.headline a:hover 		{ color:#b64a15; text-decoration:none; }
div.newstitle 			{ font-weight:bold; }
div.newsdescpreview 		{ margin-bottom:15px; }
div.newsdescpreview a 		{ text-transform:underline, color:#006699; }
div.newsdate 			{ color:#339900; }
div.itemheadline 		{ font-size:16px; color:#006699; padding-bottom:15px; }
div.slug			{ font-size:12px; border-bottom:1px solid #ebebe9; margin:0px 0px 10px 0px; padding:0px 0px 8px 0px; }
div.newsbody			{ min-height:200px; }

/* EVENTS ===================================================================================*/




/* SITE MAP =================================================================================*/

#sitemap 			{ overflow:hidden; }
#sitemap a 			{ color:#505050; text-decoration:none; }
#sitemap a:hover 		{ text-decoration:underline; }
#sitemap ul 			{ list-style:none; margin:0; padding:0; }
#sitemap li 			{ background-color:#f9f9f7; margin:0 0 -0.1em; min-height:1em; padding:.2em .4em; position:relative; width:15em; border-left:1px solid #ebebe9; }
#sitemap ul ul 			{ font-size:95%; margin-top:-1.4em; }
#sitemap ul ul li 		{ background:#efefed; border-top:0.5em solid #fff !important; border-left:0.5em solid #b94b16; left:16em; }
#sitemap ul ul ul li 		{ background:#e7e7e5; border-color:#464d4c; }
#sitemap ul ul ul ul li 	{ background:#e7e7e5; border-color:#c93; }
#sitemap ul ul ul ul ul li 	{ background:#e7e7e5; border-color:#c33; }

/* SEARCH ==================================================================================*/

.thesearch 			{ font:Verdana, Arial, Helvetica, sans-serif; font-size:11px; width:125px; border:1px solid #f0f0f0; padding:2px; color:#505050; }
.dosearch 			{ vertical-align:bottom; }
.searchresult 			{ margin:4px 0px 5px 0px; border-bottom:1px dashed #f3f3f3; }
.searchresult h2		{ font-size:12px; font-weight:bold; margin-bottom:3px; color:#006699; }
div.search-result-type 		{ font-style:italic; padding-bottom:3px; }
div.search-result-type span 	{ margin-right:5px; color:#333333; }

/* DOCUMENT SHARING ========================================================================*/ 

#folder-tree-data 			{ width:510px; float:left; display:block; min-height:200px; padding:5px; }
#folder-commands-div 			{ background:#e9e9e8; color:#666666; }
#folder-commands-div ul 		{ margin:0px; padding:0px; list-style:none; text-align:right; line-height:20px; }
#folder-commands-div ul li 		{ display:inline; }
#folder-commands-div ul li a 		{ text-decoration:none; color:#666666; padding:3px 10px 2px 20px; }
#folder-commands-div ul li a:hover 	{ text-decoration:underline; }
#folder-properties 			{ width:280px; float:right; display:block; min-height:200px; padding-top:5px; }
#folder-properties table 		{ border-collapse:collapse; border:1px dashed #cccccc; float:right; }
#folder-properties th 			{ text-align:left; background:#0099CC; color:#ffffff; height:20px; padding:0px 3px 0px 3px; }
td.folder-properties-leftcol 		{ width:90px; font-weight:bold; }
td.folder-properties-rightcol 		{ width:210px; }
#folder-properties td 			{ padding:4px 15px 3px 4px; }
#folder-contents-container 		{ background:#333333; clear:both; }
#folder-path 				{ color:#666666; line-height:20px; background:#ffffff; padding-left:5px; }
#folder-path 
span#dirpath-title-span 		{ font-weight:bold; }
#files-title 				{ width:495px; float:left; display:block; line-height:20px; background:#0099CC; color:#ffffff; padding-left:5px; }
#file-commands-div 			{ width:300px; float:right; display:block; line-height:20px; background:#0099CC; color:#ffffff; }
#file-commands-div ul 			{ margin:0px; padding:0px; list-style:none; text-align:right; }
#file-commands-div ul li 		{ display:inline; }
#file-commands-div ul li a 		{ text-decoration:none; color:#ffffff; padding:3px 10px 2px 20px; }
#file-commands-div ul li a:hover 	{ text-decoration:underline; }
#files-table 				{ width:800px; display:block; min-height:200px; float:left; }
#files-table table 			{ width:800px; border-collapse:collapse; }
#files-table table th 			{ text-align:left; background:#e9e9e8; color:#666666; height:20px; }
#files-table table td 			{ text-align:left; padding:4px 7px 4px 4px; }

/* JOB BOARD ================================================================================*/

th.locationtitle, 
th.titletitle, th.categorytitle, 
th.closingtitle, th.referencetitle 	{ text-align:left; padding:0px; }
th.descriptiontitle 			{ color:#3278b8; font-weight:bold; margin:0px ; text-transform:uppercase; text-align:left; padding:10px 0px 0px 0px; }
th.locationtitle 			{ width:200px; }
th.titletitle 				{ width:150px; }
th.categorytitle 			{ width:125px; }
th.detailstitle 			{ color:#8c9719; font-size:14px; margin:0px 0px 7px 0px; text-align:left; padding:0px; }
td.description 				{ padding:0px; }
th.requirementstitle, th.notestitle 	{ display:none; }
td.category, td.location 		{ padding:0px; }

/* TABS =====================================================================================*/
#tabs.ui-tabs 				{ padding:5px 0px 0px 0px; margin:0px; }
#tabs.ui-tabs .ui-tabs-nav 		{ list-style:none; position:relative; padding:0px 0px 0px 70px; margin:0px 0px 0px 0px; }
#tabs.ui-tabs .ui-tabs-nav li 		{ position:relative; float:left; border-bottom-width:0!important; margin:0 .5em -1px 0; padding:0px 0px 0px 0px; font-size:11px; }
#tabs.ui-tabs .ui-tabs-nav li a 	{ float:left; text-decoration: none; padding:5px 10px 12px 10px; color:#959393; }
#home-resources-body #tabs.ui-tabs .ui-tabs-nav li a 	{ float:left; text-decoration: none; padding:5px 10px 5px 10px; }
#tabs.ui-tabs .ui-tabs-nav li.ui-tabs-selected 		{ padding-bottom:0px; border-bottom-width:0; }
#tabs.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, 
#tabs.ui-tabs .ui-tabs-nav li.ui-state-disabled a, 
#tabs.ui-tabs .ui-tabs-nav li.ui-state-processing a 	{ cursor:text; background:url(default/tabs_hover_bg.gif) bottom center no-repeat; color:#666666; }
#tabs.ui-tabs .ui-tabs-nav li a, 
#tabs.ui-tabs.ui-tabs-collapsible #tabs.ui-tabs-nav li.ui-tabs-selected a 	{ cursor: pointer; } 
#tabs.ui-tabs .ui-tabs-panel 		{ padding:42px 25px 15px 25px; display: block; border-width:0; background:none; font:11px Arial, Helvetica, sans-serif; color:#99908c; line-height:15px; }
#tabs.ui-tabs .ui-tabs-hide 		{ display: none !important; }
#tabs-2	ul, #tabs-3	ul		{ margin:0px; padding:0px; list-style:none; }
#tabs-2	ul li				{ padding:0px 25px 15px 0px; }
#tabs-2	td.last ul li			{ padding:0px 0px 15px 0px; }
#tabs-3 ul li				{ border-bottom:1px solid #f1f1f1; padding:3px 10px 3px 0px; }
#tabs-3 td.last				{ padding-right:0px; }
#tabs-3 td				{ padding-right:25px; }

/* DATA GRIDS =====================================================================================*/
table.data td	{ border:1px solid #f2f2f2; border-collapse:collapse; padding:3px; }
table.data tr.stripe	{ background:#f7f6f6 }
table.data tr:hover	{ background:#f2f2f2; }	
