/**
 * common.css
 *
 * Copyright (c) 2003-2006 John Willinsky
 * Distributed under the GNU GPL v2. For full terms see the file docs/COPYING.
 *
 * Site-wide shared stylesheet.
 *
 * $Id: common.css,v 1.39 2006/07/01 17:36:16 alec Exp $
 */

/**
 * Common HTML elements
 */
/* added styles */


h1 {font: bold 2.8em/1.1em helvetica, arial, sans-serif; color: #332; }
h2 {font: bold 2.2em/1.1em helvetica, arial, sans-serif; color: #332; }
h3 {font: bold 1.8em/1.2em helvetica, arial, sans-serif; color: #332; }
h4 {font: bold 1.5em/1.1em helvetica, arial, sans-serif; color: #664; }
h5 {font: normal 1.3em/1.1em helvetica, arial, sans-serif; color: #000; }

p  {font: normal 1.1em/1.2em helvetica, arial, sans-serif; color: #003; margin: 3px 0;}


/* Existing Styles */
body { margin: 0; padding: 0;  color: #110; background: #fff9f3 url(/img/bkgd_page.png) repeat-x top left; font-family: helvetica, arial, sans-serif; font-size: 62.5%; }

div { line-height: 140%; text-align: left; }

table { border: 0; border-spacing: 0; font-size: 1.1em; }

form { margin: 0; }

a { text-decoration: none; }

a:link { color: #d30; }

a:active { color: #d30; }

a:visited { color: #920; }

a:hover { color: #332; /* background: #fff9f3; */ text-decoration: underline; }

a.plain { text-decoration: none; }

ul { margin: 0.25em 0 0.75em 0; padding: 0 0 0 15px; }

tt { font-size: 1.25em; }

label { }
label.error { color: #fff; background-color:#b30;  }

input.textField, select.selectMenu, textarea.textArea, input.uploadField { background-color: #F0F0E8; color: #000; font-family: Verdana,Arial,Helvetica,sans-serif; border-top: 2px solid #666; border-left: 2px solid #666; border-bottom: 2px solid #E8E8E1; border-right: 2px solid #E8E8E1; font-size: 1em; }

input.button { padding-left: 0.5em; padding-right: 0.5em; background-color: #E8E8E1; font-size: 1.2em; }

input.defaultButton { background-color: #375; color: #FBFBF3; font-weight: bold; }


/**
 * Main layout elements
 */

#container { line-height: 125%; text-align: center; }

#header {padding: 14px 0 0 0; height: 44px; margin: 0 auto; text-align: center; background: #332 url(/img/bkgd_header.png) repeat-x bottom left; }

#headerTitle { text-align: left; margin: 0 auto; padding: 0; width: 800px;  }

#header h1 { margin: 0 auto; padding: 0; color:#fff; text-transform: lowercase; letter-spacing: -2px;  }

#body { width: 800px; margin: 0 auto; }
#publisher {height:18px; width:800px; margin:0 auto 5px auto; letter-spacing: 3px; padding-top:2px; }
#footerWrap {position: relative; background: #fff url(/img/bkgd_footer.png) repeat-x left top; padding: 10px 0; margin: 0;  }


#footer { width: 100%; position: relative; clear: both; margin:20px 0 0 0; background: #9EB3CC url(/img/bkgd_footer.png) repeat-x left top; padding: 10px 0 0 0 ; }
	#footerContent { width: 800px; margin: 0 auto; }
   #footer h4 {color:#627EA3; margin: 0; }
	    #footer h4 span {color:#fff; }
	#footerCap { width: 100%;  position: relative; height: 7px; margin-top: 10px; background: #fff9f3 url(/img/bkgd_contact.png) repeat-x left bottom; 	 }	


#sidebar { float: right; width: 160px; margin: 0 0 20px 0; padding: 0; font-size: 1em; background-color:#DCB; }

#main { width: 480px; margin:0 0 0 20px; padding: 5px 0 30px 0; float: left; }

#main h2 { margin: 20px 10px 5px 0; padding-top: 0.5em; }

#main h3 { margin: 0em 1em 0.5em 0em; padding-top: 0em; }

#navbar {width:120px; padding:0; margin:0; float: left; /* margin-right: 0; padding-bottom: 0.5em;  */ }

#breadcrumb { padding: 0; font-size: 1em; }

#content { margin: 0; padding: 0; font-size: 1em; /* border-top: 2px dotted #000; */ }

#content h3 { margin: 0em 1em 0.25em 0em; padding-top: 0.75em; line-height: 1.35em; }

#content h4 { margin: 0em 1em 0.25em 0em; padding-top: 0.75em; color:#235; }

#content h5 { margin: 0em 1em 0.25em 0em; padding-top: 0.75em; }


/**
 * Navigation bar
 */
 
#navbar ul.menu {width:120px; padding:0; margin:0; text-transform:lowercase; list-style: none; }
	#navbar ul.menu li { font: bold 1.4em/1em helvetica, arial, sans-serif;   margin: 0; width: 120px;  }
		#navbar ul.menu li a {color: #fff; background-color:#c30; width: 110px; height: 30px; padding:15px 0 0 10px; display:block; letter-spacing: -.5px; }
		#navbar ul.menu li.first a {background:#c30 url(img/bkgd_nav.png) no-repeat 0 0; height:32px;}
		#navbar ul.menu li.middle a {background:#c30 url(img/bkgd_nav.png) no-repeat 0 -42px; }
		#navbar ul.menu li.last a {background:#c30 url(img/bkgd_nav.png) no-repeat 0 -82px; height:32px; }
			#navbar ul.menu li.first a:hover {background:#c30 url(img/bkgd_nav.png) no-repeat 0 -130px; }
			#navbar ul.menu li.middle a:hover {background:#c30 url(img/bkgd_nav.png) no-repeat 0 -172px; }
			#navbar ul.menu li.last a:hover {background:#c30 url(img/bkgd_nav.png) no-repeat 0 -212px; =}
		#navbar ul.menu li a:hover {color: #fff; background-color:#910; text-decoration:none; }
 
 
 
/* TESTING vertical navbar
#navbar a {
font: bold 1.2em/1em helvetica, arial, sans-serif; color: #fff; text-transform:lowercase; }

#navbar a:link { }

#navbar a:active { }

#navbar a:visited { }

#navbar a:hover {color: #332;  }
*/

/**
 * Sidebar
 */

#developedBy { text-transform: uppercase; font-size: .92em; }

#sidebar div.block { font-size: 1.2em; padding: 10px; border-bottom: #d40 solid 1px; }

#sidebar div.block span.blockTitle { display: block; padding: 5px 0 10px 0; font: bold 1.5em/1em helvetica, arial, sans-serif; color: #332; text-transform: lowercase; }

#sidebar div.block span.blockSubtitle { display: block; padding: 0; font: bold 1.1em/1em helvetica, arial, sans-serif; color: #332;}

#sidebar input.textField, #sidebar select.selectMenu, #sidebar input.button { font-size: 1em; }


/**
 * Breadcrumbs
 */

#breadcrumb a {color: #fff;  text-decoration: none; }

#breadcrumb a.current { font-weight: bold; }


/**
 * Footer elements
 */

#footer div.debugStats { font-size: 1em; }


/**
 * Additional text styles
 */

span.disabled, label.disabled { color: #666; }

a.action, a.file { font-size: 1.1em; text-transform: uppercase; }

a.icon { text-decoration: none; }

a.icon:hover { background: none; }

span.formRequired { color: #333; font-size: 1.2em; }

span.instruct { }

span.heading { font-size: 1em; text-transform: uppercase; }

span.highlight { border-bottom: 1px dotted #000; }

.nowrap { white-space: nowrap; }


/**
 * Table styles
 */

table.info { }

table.info td { padding: 0; padding-bottom: 0.5em; padding-right: 0.5em; }

table.listing { }

table.listing td { padding: 0.25em 0.5em 0.25em 0.5em; }

table.listing tr.heading td, table.listing td.heading, table.info td.heading { font-size: 1em; text-transform: uppercase; font-weight: normal; line-height: 120%; padding: 0.75em 0.5em 1em 0.5em; }

table.info td.heading { padding-left: 0; }


table.listing td.nodata, table.info td.nodata { text-align: center; font-style: italic; }

table.listing td.headseparator { border-top: 1px dotted #000; font-size: 0.1em; line-height: 1%; }

table.listing td.endseparator { border-top: 1px dotted #000; font-size: 0.25em; line-height: 10%; }

table.listing td.separator, table.info td.separator { border-top: 1px dotted #DDDDD0; font-size: 0.1em; line-height: 1%; }

table.data { }

table.data tr { }

table.data td { padding-bottom: 0.25em; }

table.data td.label { padding-right: 1em; }

table.data td.value { }

table.data td.separator { padding: 0.5em; font-size: 0.1em; line-height: 1%; }

table.data td.heading { padding-left: 0; padding-right: 0; }

table.nested tr { padding: 0; margin: 0; }

span.nested { padding: 0 4px 0 0; font-size: 1.2em; }

/**
 * Form-specific elements
 */

span.formError { color: #900; font-weight: bold; font-size: 1em; }

ul.formErrorList { color: #900; }


/**
 * Other organizational elements
 */

/* ul.menu { margin: 0; padding: 0; }

ul.menu li { margin: 0; padding: 0; padding-right: 1.5em; display: inline; }

ul.menu li.current { font-weight: bold; }

ul.menu a { font-size: 1.1em; text-transform: uppercase; text-decoration: none; } */

ul.steplist { margin: 0; padding: 0; list-style-type: decimal; }

ul.steplist li { margin: 0; padding: 0; font-size: 1.1em; padding-right: 0.5em; display: inline; text-transform: uppercase; }

ul.steplist li.current { font-weight: bold; }

ul.steplist a { text-decoration: none; }

ul.plain { list-style-type: none; padding-left: 1.5em; }

div.separator { width: 100%; margin-top: 1em; margin-bottom: 0.25em; padding: 0; border-bottom: 1px dotted #000; font-size: 1em; line-height: 25%; }


/* FIXES */
.clear {clear: both; }
.floatR {float:right; margin-left: 10px; }
#tableOfContents td {font-size:1.3em; }
.tocTable {font-size:1.1em; }
em {color:#235; }