body,html { margin: 0; padding: 0;}
body { height: 99%; width: 99%; }
body,td,th {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
        color: #3C1503;
}

.style1 {font-size: 10px}

a:link {
        color: #183973;
        text-decoration: none;
}

a:visited {
        color: #000033;
        text-decoration: none;
}

a:hover {
        text-decoration: underline;
}

a:active {
        text-decoration: none;
}

.style2 {color: #666666}
.style3 {
        color: #3C1503;
        font-weight: bold;
}
div#header { position: absolute; left: 0px; top: 0px; margin: 0px; padding: 0px; background-color: #c7e3ef; width: 100%; height: 138px; }
div#header h1 { 
position: absolute; left: 0px; top: 0px; margin: 0px; padding: 0px;
width: 215px; height: 138px; background: url(../banner/images/Banner2_01.gif) no-repeat; text-indent: -2000em; }
div#header h2 { 
position: absolute; left: 230px; top: 0px; margin: 0px; padding: 0px;
width: 440px; height: 138px; background: url(../banner/images/Banner2_03.gif) no-repeat; text-indent: -2000em;  margin-left: 50px;}
div#menu { background-color: #3c1503; width: 100%; height: 27px; position: absolute; left: 0px; top: 138px; z-index: 5;border-bottom:3px solid #7f6e6e; }
	ul#menu {  width: 870px; list-style: none; text-indent: none; margin: 0px; padding: 0px; padding-left: 30px; padding-top: 3px;	 }
		ul#menu li { display: block; float: left; }
		
			ul#menu li#process { width: 98px; }
			ul#menu li#who { width: 119px; }
			ul#menu li#resources { width: 121px; }
			ul#menu li#workshops { width: 176px; }
			ul#menu li#commentary { width: 34px; }
			ul#menu li#contact { width: 75px; }
			ul#menu li.divider { width: 17px; height: 27px; background: url(../banner/images/Banner2_16.gif) no-repeat; background-position: -2px -3px; }
				
				ul#menu li a { height: 27px; display: block; color: #fff; font: normal 11px/18px Arial; }
				
		/*		ul#menu li#process a { width: 133px; background: url(../banner/images/Banner2_09.gif) no-repeat; }
				ul#menu li#who a { width: 79px; background: url(../banner/images/Banner2_11.gif) no-repeat;}
				ul#menu li#resources a { width: 72px; background: url(../banner/images/Banner2_13.gif) no-repeat;}
				ul#menu li#workshops a { width: 76px; background: url(../banner/images/Banner2_17.gif) no-repeat;}
				ul#menu li#contact a { width: 75px; background: url(../banner/images/Banner2_15.gif) no-repeat;}
				
					ul#menu li#process a:hover { background: url(../banner/rolloverimages/images/Banner2_workshops_09.gif) no-repeat; }
					ul#menu li#who a:hover { background: url(../banner/rolloverimages/images/Banner2_workshops_11.gif) no-repeat;}
					ul#menu li#resources a:hover { background: url(../banner/rolloverimages/images/Banner2_workshops_13.gif) no-repeat;}
					ul#menu li#workshops a:hover { background: url(../banner/rolloverimages/images/Banner2_workshops_17.gif) no-repeat;}
					ul#menu li#contact a:hover { background: url(../banner/rolloverimages/images/Banner2_workshops_15.gif) no-repeat;} */

div#submenu { background-color: #7f6e6e;  width: 100%; height: 3px; position: absolute; left: 0px; top: 165px;  z-index: 5; }					
div#content { position: absolute; top: 150px; }
div#content h2 { color: #300; font: bold 14px/24px Helvetica, Arial, sans-serif; padding-left: 30px; margin-top: 25px;}
div#content #resources-right-content { padding-left: 40px; padding-top: 50px; font: normal 10px/17px Helvetica, Arial, sans-serif; }
div#content .column-50 { width: 45%; padding-right: 5%; float: left; }
.rcol-img {padding-top:35px;}
.clear {clear:both;}
.contact-l {width:255px;*width:220px;float:left;*padding-top:15px;}
.contact-r {float:right;margin-left:15px;width:457px;padding-top:15px;}
form {margin:0;padding:0;}
.td-hd {padding-top:10px;}