/* ############################################################################
   ##
   ##  Global Website Stylesheet
   ##
   ######################################################################### */

/* ####################################
   HTML Element Styles
   ################################## */

a
{
}
a:link
{
	color: #cc3300;
	text-decoration: none;
}
a:visited
{
	color: #cc3300;
	text-decoration: none;
}
a:hover
{
	color: #660000;
	text-decoration: underline;
}
a:active
{
	text-decoration: underline;
}

body
{
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 75%;
	color: #181818;
	background-color: #ffffff;
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 0;
	margin-right: 0;
	padding: 0;
}
td
{
	font-size: 75%;
}
p
{
	margin-top: 0;
	margin-bottom: 1.35em;
	line-height: 160%;

}
h1
{
	font-family: arial, helvetica, sans-serif;
	font-size: 185%;
	font-weight: normal;
	color: #000000;
	margin-top: 0;
	margin-bottom: 0.5em;
}
h2
{
	font-size: 142%;
	font-weight: normal;
	color: #dc241f;
	margin-top: 0.75em;
	margin-bottom: 0.75em;
}
h3
{
	font-family: arial, helvetica, sans-serif;
	font-size: 125%;
	margin-top: 0.75em;
	margin-bottom: 0.5em;
}
h4
{
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 100%;
	margin-top: 0;
	margin-bottom: 0.25em;
}
h5
{
	font-size: 100%;
	font-weight: normal;
	font-style: italic;
	margin-top: 0;
	margin-bottom: 0.25em;
}
h6
{
	font-size: 92.5%;
	font-weight: normal;
	text-decoration: underline;
	margin-top: 0;
	margin-bottom: 0.25em;
}
ul
{
	margin-top: 0.5em;
	margin-bottom: 1.35em;
	list-style: url("/images/templates/arrow_grey.gif") square;
}
ul li
{
	margin-bottom: 0.7em;
}
ol
{
	margin-top: 0.5em;
	margin-bottom: 1.35em;
}
ol li
{
	margin-bottom: 0.7em;
}
big
{
	font-size: 110%;
}
small
{
	font-size: 91.6%;
}
hr
{
	width: 100%;
	height: 1px;
	color: #cccccc;
}
img
{
	border-color: #cccccc;
	FILTER: progid:DXImageTransform.Microsoft.Fade(Overlap=1.00,Duration=0.75,);
}
caption
{
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0.25em;
	text-align: left;
}
address
{
	font-style: italic;
	margin-top: 0;
	margin-bottom: 1.35em;
}

pre
{
	font-size: 1.2em;
	color: #999999;
}

/* ####################################
   Form Styles
   ################################## */

form
{
	margin: 0;
	padding: 0;
	
	
}
input
{
	font-family: arial, helvetica, sans-serif;
	font-size: 100%;
	border: #cccccc 1px solid;
	background-color: #ffffff;
	padding-left: 3px;
	padding-right: 3px;
	padding-top: 1px;
	padding-bottom: 1px;
	color: #323232;
	margin-top: 0;
	margin-bottom: 0;
}
input.blank
{
	font-size: 100%;
	border: 0;
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 0;
	margin-right: 0;
	padding-left: 0;
	padding-right: 0;
	padding-top: 0;
	padding-bottom: 0;
	background-color: transparent;
	background: url('/images/templates/spacer.gif');
}
input.submitbutton
{
	width: 150px;
	height: 25px;
	

	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 100%;
	font-weight: bold;
	color: #323232;
	
	border: none;

	background: #f0f0f0 url('/images/templates/b_submit_button_132.gif') top left no-repeat;

}
input.submit-small
{
	font-family: arial, helvetica, sans-serif;
	font-size: 90%;
	color: #323232;
	border: #cccccc 1px outset;
	background: url('/images/templates/bg_nav.gif') #e0e0e0;
}
select
{
	font-family: arial, helvetica, sans-serif;
	font-size: 100%;
	border: #a6adaf 1px solid;
	background-color: #ffffff;
	padding-left: 3px;
	padding-right: 3px;
	padding-top: 1px;
	padding-bottom: 1px;
	color: #323232;
	margin-top: 0;
	margin-bottom: 0;
}
textarea
{
	font-family: arial, helvetica, sans-serif;
	font-size: 100%;
	border: #a6adaf 1px solid;
	background-color: #ffffff;
	padding-left: 3px;
	padding-right: 3px;
	padding-top: 1px;
	padding-bottom: 1px;
	color: #323232;
	margin-top: 0;
	margin-bottom: 0;
}

/* 
	"In page" form...
	2006048 RW: Moved from subscribe page, should this be updated for better modularity?
*/
form.inpage
{  /* set width in form, not fieldset (still takes up more room w/ fieldset width */
	font:100% verdana,arial,sans-serif;
	margin: 0;
	padding: 0;
	min-width: 500px;
	max-width: 540px;
	width: 540px;
}

form.inpage label 
{
	display: block;  /* block float the labels to left column, set a width */
	float: left;
	width: 200px;
	padding: 0;
	margin: 5px 0 0; /* set top margin same as form input - textarea etc. elements */
	text-align: right;
}

form.inpage fieldset 
{
	/* clear: both; note that this clear causes inputs to break to left in ie5.x mac, commented out */
	border-color: #000;
	border-width: 1px;
	border-style: solid;
	padding: 10px;        /* padding in fieldset support spotty in IE */
	margin: 20px 20px;
}

form.inpage fieldset label:first-letter 
{ /* use first-letter pseudo-class to underline accesskey, note that */
	text-decoration:underline;    /* Firefox 1.07 WIN and Explorer 5.2 Mac don't support first-letter */
				    /* pseudo-class on legend elements, but do support it on label elements */
				    /* we instead underline first letter on each label element and accesskey */
				    /* each input. doing only legends would  lessens cognitive load */
				   /* opera breaks after first letter underlined legends but not labels */
}

form.inpage input.submit
{
	margin:5px 0 0 10px;
}


form.inpage input.blank, form.inpage select
{
	/* display: inline; inline display must not be set or will hide submit buttons in IE 5x mac */
	width:auto;      /* set width of form elements to auto-size, otherwise watch for wrap on resize */
	margin:5px 0 0 10px; /* set margin on left of form elements rather than right of label aligns textarea better in IE */
	padding: 0px;
}


form.inpage input.textfield, form.inpage textarea
{
	/* display: inline; inline display must not be set or will hide submit buttons in IE 5x mac */
	width:auto;      /* set width of form elements to auto-size, otherwise watch for wrap on resize */
	margin:5px 0 0 10px; /* set margin on left of form elements rather than right of label aligns textarea better in IE */
	width: 250px;
}

form.inpage input#reset 
{
	margin-left:0px; /* set margin-left back to zero on reset button (set above) */
}

form.inpage textarea 
{
	overflow: auto; 
}

form.inpage small
{
	display: inline;
	margin: 0 0 5px 160px; /* instructions/comments left margin set to align w/ right column inputs */
	padding: 1px 3px;
	font-size: 88%;
}

form.inpage .required
{ /* uses class instead of div, more efficient */
	font-weight:bold;
} 

form.inpage br 
{
	clear:left; /* setting clear on inputs didn't work consistently, so brs added for degrade */
}

table.form
{
	margin: 10px 0px;

	padding: 0px;
	background-color: #f0f0f0;
}

table.form td.label
{
	margin: 0px;

	padding: 7px 5px 5px 5px;

	
	color: #666666;

	font-weight: bold;
	vertical-align: top;
	line-height: 120%;
	
	border: 1px solid white;

	background-color: #e0e0e0;
}

table.form td.value
{
	margin: 0px;
	padding: 5px;
	
	font-weight: normal;
	vertical-align: top;
	line-height: 120%;
	
	border: 1px solid white;
	background-color: #f0f0f0;
}

table.form td.blank
{
	margin: 0px;
	padding: 5px;
	background-color: ffffff;
}

table.form small
{

	font-size: 80%;
	line-height: 160%;
	font-weight: normal;
}

table.form tbody
{
	margin: 0px;
	padding: 0px;
}

/* ####################################
   Main Menu
   ################################## */
   
.menu
{
	display: none;
}

/* ####################################
   Main Menu - Standards Version
   ################################## */

/* Entire nav object */
#nav
{
	display: none;
}


/* ####################################
   Sub Menu
   ################################## */

.submenu-section
{
	display: none;
}

.submenu-section-selected
{
	display: none;
}

.submenu-level2
{
	display: none;
}

.submenu-level3
{
	display: none;
}

.submenu-level4
{
	display: none;
}

/* ####################################
   Table Styles
   ################################## */

.table-header
{
	background: url("/images/templates/bg_table_header.gif") #cccccc;
	height: 19px;
}
.table-footer
{
}
.table-bgdark
{
	background: #e0e0e0;
}
.table-bglight
{
	background: #f0f0f0;
}
.table-bgtransparent
{
	background: transparent;
}
.table-border
{
	background: #cccccc;
}
.table-borderlight
{
	background: #eeeeee;
}

/* ####################################
   Custom Element Styles
   ################################## */
   
.cmhighlight
{
	border: #ffddbb 1px dotted;
	background-color: #ffffcc;
}

.font-news
{
	font-size: 90%;
	color: #999999;
}

.font-fieldtitle
{
	font-weight: bold;
}
	
.date-author
{
	margin: -6px 0px 6px 0px;
	font-family: arial, helvetica, sans-serif;
	font-size: 92.5%;
	color: #999999;
}

.summary-main-contnr-img-heading img
{
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	padding-right: 10px;
	padding-left: 10px;
}

.summary-main-contnr-img-heading
{
	padding-bottom: 10px;
	margin-right: 10px;	
}

.relatedlinks p
{
	margin-top: 10px;
}

.relatedlinks img
{
	float: left;
	margin-right: 5px;
	margin-top: 10px;
	margin-bottom: 10px;
}

.paging
{
	font-size: 91.7%;
}

ul.warnings
{
	margin-top: 0.5em;
	margin-bottom: 1.35em;
	list-style: url("/images/templates/icons/16x16_warning.gif") square;
}
ul.warnings li
{
	margin-bottom: 0.7em;
}

.pdf
{
	padding-left: 20px;
	padding-top: 2px;
	background-image: url("/images/templates/icons/16x16_adobe.gif");
	background-repeat: no-repeat;
	min-height: 16px;
	_height: 16px;
}

ul.projectslist
{
	font-size: 83.5%;
	margin-top: 0px;
	margin-bottom: 0px;
	list-style: url("/images/templates/spacer.gif") square;
	margin: 0;
	margin-left: 20px;
}

ul.projectslist li
{
	margin-bottom: 0.5em;
}

#mailinglists
{
	/* Odd but true: Margin setting doesn't appear to work against <label> fields. Used position hack instead. */
	position: relative;
	_left: 8px;
	float: left;
	margin: 5px 0px 0px 5px;
}

#formathelp
{
	display: inline;
}

.paging
{
	margin: 15px 0px;
	padding: 15px 0px 0px 15px;
	
	border-top: 1px dotted #cccccc;
	border-bottom: 1px dotted #cccccc;

}

.newsdate
{
	display: block;

	font-size: 91.7%;
	margin-top: 0.25em;
	font-family: Arial, sans serif;
}

/* ####################################
   Simple Event Item
   ################################## */

.event-simple
{
	margin-bottom: 1em;
}

.event-simple .eventtitle
{
	margin-bottom: 0.25em;
}

.event-simple .eventinfo
{
	font-size: 91.7%;
	margin-bottom: 0.25em;
}

.event-simple .eventdate
{
	font-family: Arial, sans serif;
}

/* ####################################
   Page Objects
   ################################## */

#page-align
{
}

#page-wrapper-outer
{
}

#page-wrapper-inner
{
}

#header
{
	border-top: #000000 9px solid;
	width: 100%;
	margin: 0px;
	padding: 0px;
}

#header-content
{
	height: 89px;
}

#header-content .header-logo
{
	display: block;
	margin: 40px 0px;
}

#header-content .header-photo
{
	display: none;
}

#menu
{
	display: none;
}

#page-content
{
}

#page-content-footer
{
	display: none;
}

#submenu
{
	display: none;
}

#trailnavigation
{
	display: none;
}


#login
{
	padding: 0px;
}

#login label
{
	float: left;
	
	margin: 4px 0px;
	width: 70px;
}

#login input.text
{
	float: left;
	
	margin: 2px 0px;
	width: 80px;
}

#login input.hidden
{
	margin: 0px;
	padding: 0px;
	border: none;
}

#login input.login-submit
{
	float: left;
	margin: 0px 0px 0px 3px;

	width: 16px;
	height: 20px;
	border: none;
	background: url('/images/templates/arrow_box_small.gif') 0px 4px no-repeat;
}

#content
{
	position: relative;
	margin: 0px 0px 0px 0px;
	padding: 0px;
}

#content-noSub
{
	position: relative;
	margin: 0px 0px 0px 0px;
	padding: 0px;
}

* html #content
{
	width: 95%;
	margin: 0px 0px 0px 0px;
	padding: 0px;
}

#subcontainers
{
}

#subcontainers .row
{
}

#subcontainers .col1
{
}

#subcontainers .col2
{
}

#subarticles
{
}

#subarticles .row
{
}

#subarticles .col1
{
}

#subarticles .col2
{
}

#attachments
{
	width: 100%;
}

#attachments .attachment
{
	width: 100%;
}

#attachments .icon
{
	float: left;
	margin-right: 4px;
}

#attachments .info
{
	float: left;
	padding-top: 8px;
}

#attachments .info p
{
	font-size: 91.7%;
}

#footer
{
	display: none;
	position: relative;
	clear: both;
	line-height: 2em;
	background-color: #000000;
	color: #ffffff;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 83.5%;
	margin: 0px;
	padding: 10px 25px 8px 35px;
	border-bottom: #d70000 4px solid;
	_width: 100%;
	
	visibility: hidden;
}

#footer a
{
}

#footer a:link
{
	color: #ffffff;
	text-decoration: none;
}

#footer a:visited
{
	color: #ffffff;
	text-decoration: none;
}

#footer a:hover
{
	color: #ffffff;
	text-decoration: underline;
}

#footer a:active
{
	color: #ffffff;
	text-decoration: underline;
}

#cm3logo
{
	position: relative;
	float: right;
}

#user-details
{
	float: right; 
	margin: 0px 20px 0px 0px;
}

/* ####################################
   Search System
   ################################## */

#search
{
	display: none;
	

	float: right;
	margin: 0px;
	padding: 44px 0px 0px 0px;
}

#search input.keywords
{
	margin: 0px;
	padding: 1px;
	width: 145px;
	_width: 155px;
	height: 16px;

}

#search input.search-submit
{
	margin: 0px 10px 0px 3px;
	
	width: 16px;
	height: 16px;
	
	border: 0px;
	vertical-align: 1px;
	
	background: url('/images/templates/arrow_box_small.gif') 0px 2px no-repeat;
}

#searchform
{
	width: 100%;
	background-color: #f8f8f8;
	padding: 8px;
}

#searchform #keywords
{
	display: inline;
}

#searchform #submitbutton
{
	display: inline;
}

#searchform #submitbutton .submitbutton
{
	height: 20px;
	font-size: 91.7%;
	padding-top: 1px;
}

#searchform #options
{
	display: block;
	margin-left: 50px;
	font-size: 91.7%;
}

.searchpagingtop
{
	font-size: 91.7%;
	padding: 8px;
	/*width: 100%;*/
	background-color: #f8f8f8;
}

.searchpagingbottom
{
	font-size: 91.7%;
	padding: 8px;
	/*width: 100%;*/
	background-color: #f8f8f8;
}

.searchtotal
{
	font-weight: bold;
	float: left;
}

.searchpages
{
	/*float: right;*/
}

#searchtips
{
	margin-top: 15px;
	font-size: 91.7%;
}

#searchtips h3
{
	font-family: arial, helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	padding: 15px 10px 3px 0px;
	border-bottom: #cccccc 1px dotted;
	width: 100%;
}

#searchtips ul li
{
	margin-left: -2em;
}

#searchresults
{
}

#searchresults .searchresult
{
	border-bottom: 1px #c0c0c0 dotted;
	padding: 0px 0px 1em 0px;
	margin: 0px 0px 1em 0px;
}

#searchresults .searchresult p
{
	margin: 0px 0px 0.5em 0px;
}

#searchresults .searchresult .eventinfo
{
	font-size: 91.7%;
	color: #999999;
}


/* ####################################
   Print Styles
   ################################## */

#print-content
{
	margin: 20px;
	padding: 0px;

	font-size: 83.5%;
}

#print-trailnav
{
	margin: 10px 0px 20px 0px;
	padding: 10px 0px;
	
	border-top: 1px solid #f0f0f0;
	border-bottom: 1px solid #f0f0f0;
	
	font-size: 83.5%;

}

#print-footer
{
	clear: both;

	

	margin: 30px 0px 10px 0px;
	padding: 15px 0px;
	
	border-top: 1px solid #f0f0f0;
	
	font-size: 83.5%;

}

/* ####################################
   Document Module Styles
   ################################## */

img.file_type
{
	clear: both;

	float: left;
	margin: 2px 4px 0px 0px;
	
	border: none;

}

p.file_details
{
	margin: 0px 0px 15px 20px;



}

p.file_details small
{
	font-size: 86.2%;
	color: #666666;

}

div.raps
{
	margin: 20px 0px;
	padding: 1px 6px;
	
	background-color: #e0e0e0;
	
	font-size: 91.7%;

}

div.raps img.document
{
	float: right;
	margin: 4px 4px 4px 20px;
}

div.raps img.icon
{
	float: left;
	margin: 2px 4px 20px 0px;
}

img.document-icon
{
	float: left;
	margin: 2px 4px 20px 0px;
}