/* CSS Document */
/*	cci.css

	Notes:
	All positioning is done using floats (no absolute positioning).

	We encounter the IE div spacing bug frequently, and use the "* html" hack to
	get around it. Layout is nearly identical in IE & FF.
	
	Anytime you make positioning changes, look for a corresponding "* html" rule for WinIE specific layout.
*/
/* debugging:
div { border: solid 1px red; }
*/

/*Zero the defaults
*/
html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, a { 
	margin: 0; 
	padding: 0; 
	border: 0; 
}


/* global stuff */
.image { border: 0px; }
.clear { clear: both; }

a { text-decoration: none; }
a:link { color: #fff; }
a:visited { color: #fff; }
a:hover { color: #999;  text-decoration: underline; }
h1 { font-weight: bold; font-size: 120%; }
h2 { font-weight: normal; text-decoration: underline; font-size: 120%; margin-bottom: 20px; }
.bold {font-weight: bold; }
.firstletter { font-size: 150%; }
.imagecenter { text-align: center;  border: 0;}
div.pictureleft {float: left; margin: 2px 2px;}
div.pictureright {float: right; margin: 0 0px 0 20px;}
.alignright { text-align: right; }
.quote { font-style:italic; }
.cite { margin-left: 50px; }
.center { text-align: center; }
.indent { margin-left: 30px; }
.italic { font-style:italic; }
.underline { text-decoration:underline; }
li { margin-left: 25px; }


html { font-size: 100.01%; }

body { background-color: black;  color: white; font-family: Verdana, Arial, Sans-Serif; font-size:14px; }

div#fullpage { width: 850px; height: auto; border: 1px solid white; margin: 20px 0 10px; 0;  }


/*header is where the logo and the line live*/

div#header { margin: 10px 0 20px 10px; height: auto; text-align: center; }

div#logo { }
div#address { width: 200px; text-align: left; margin-left: 10px; padding-top: 5px; }

/*	the nav div is for the navigation elements. in this case, the section titles.
 */
 
div#navigation { width: 100%; text-align: center; margin-bottom: 20px; text-transform:capitalize; }


/*	the main div is where content is rendered on the various pages.
 */
div#main { width: 90%; height: 100%;  text-align: justify; line-height: 18px; margin-bottom: 20px; background-color:#660000; padding: 10px; }

div#sectiontitle { text-align: center; font-size: 150%; margin-bottom: 20px;  }

div#copyright { font-size: 80%; width: 200px; }

/*home page*/

div#homebox { height: 540px; width: 850px; border: solid 1px white;  margin: 20px 40px; text-align: left; }

div#column1 { width: 32%; background-color:#660000; float: left; padding: 10px 5px 10px 5px; height: 520px; }

div#column2 { width: 32%; background-color:#000; float: left; padding: 10px 5px 10px 5px; text-align: center; height: 520px;  }

div#column3 { width: 32%; background-color:#660000; float: left; padding: 10px 6px 10px 7px;  height: 520px; text-transform:capitalize; }


/*bio pages*/


div#biotop { height: inherit; }
div#bioname { font-weight: bold; margin-bottom: 10px; }
div#biopict { float: left; width: auto; padding-right: 10px; }
div#bioinfo { width: 500px; margin-bottom: 50px; }

/*job pages*/
div#jobcategory { font-size: 120%; margin-bottom: 20px; text-decoration:underline;   }
div.jobtitle { margin: 20px 0; text-transform:uppercase; }


/*important temp info*/
div#subnav { width: 100%; text-align: center; margin-bottom: 20px; font-size: 90%; }