/* base.css - contains site-wide selector rules */
/*Reset css*/
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}abbr,acronym {border:0;font-variant:normal;}sup {vertical-align:text-top;}sub {vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}legend{color:#000;} 

html, body { background: url(../images/global/body-bg.gif) fixed top left no-repeat; background-color: #ccc; color: #000; }
body { font-family: Verdana, Arial, Helvetica, sans-serif; font-size:0.75em; line-height: 150%; }

/* site-wide divs - basic selector rules */
#pageWrapper { margin: 0 auto; width: 960px; }
#header { background: #fff url(../images/global/header-bg.gif) no-repeat right top; border-left: 1px solid #4c4c4c; border: 1px solid #4c4c4c; border-bottom: none; clear: both; margin-top: 10px; padding: 10px 20px; }
#navigation { border-left: 1px solid #4c3636; border-right: 1px solid #4c3636; clear: both; }
#main { background: #d49595; border: 1px solid #4c3636; border-top: none; clear: both; }
#footer { clear: both; }

/* navigation */
#navigation ul { background: #999999; border-bottom: 0.3em solid #4c3636; float: left; margin: 0; padding: 0; width: 100%; }
#navigation li { border-left: 1px solid #ccc; border-right: 1px solid #666; float: left; }
#navigation li.first { border-left: none; }
#navigation li.last { border-right: none; }
#navigation li a { border: none; color: #000; display: block; padding: 0.5em 1.2em; text-decoration: none; }
#navigation li a:hover { background: #4c3636; color: #fff; }
#navigation li a:active { background: #d49595; color: #000; }
#navigation li a.selected { background: #4c3636; color: #fff; }

/* links */
#main a { color: #000; text-decoration: underline; }
#footer a { color: #fff; text-decoration: underline; }

/* footer */
#footer { background: #4c4c4c; border: 1px solid #4c3636; border-top: 3px solid #4c3636; clear: both; color: #fff; margin-bottom: 10px; }
#footer .footerContent { float: left; margin-bottom: 10px; width: auto; }
#footer .footerContent ul li { margin: 0 6px; }
#footer .footerContent.left { width: 25%; }
#footer .footerContent.right { width: 75%; }
#footer .footerContent h4 { margin-bottom: 6px; }
#footer .footerContent.right ul li { float: left; width: 30%; }
#footer .footerContent.right ul li h4 { margin-left: 0; }
#footer .footerInfo { border-top: 1px dotted #ccc; clear: both; }
#footer .footerInfo span { padding-right: 3px; }

/* headings */
h1, h2, h3, h4 { font-weight: bold; line-height: 130%; }
h1 { font-size: 1.5em; }
h2 { font-size: 1.2em; }
h3 { font-size: 1.2em; }
h4 { font-size: 1.1em; }

/* bullet lists */
ul.bullet li { color: #4c3636; list-style: inside square; }
ul.bullet li h3 { display: inline-block; font-size: 110%; margin-bottom: 0; }
ul.bullet li h3, ul.bullet li span { color: #000; }
ul.bullet ul { margin-left: 12px; }
ul.bullet ul li { list-style: inside disc; }

/* general, site-wide rules */
div.clearing { clear: both; }

div.left { float: left; width: inherit; }
div.right { float: right; width: inherit; }
div.contentWrapper { padding: 10px 20px; text-align: left; }
div.contentWrapper h2, div.contentWrapper h3, div.contentWrapper h4, div.contentWrapper p, div.contentWrapper ul { margin-bottom: 10px; }