/* CSS menu and page center developed for Columbine Online Archives database sections  */




body {
	margin:0px 0px; 
	padding:0px;
	background: url(../images/gradient.jpg) repeat-x;
	color: #333366;	
	text-align:center;
	}




/* Makes 925pix centered page element with gray gradient background edges ------------ */


div#container {
	width: 925px;
	min-height:100%;
	text-align:left;  
	margin-left:auto; 
	margin-right:auto; 
	background-color: #FFFFFF;
	padding-bottom: 0px;
        border-bottom: 0px;
	}



#main
{
    width: 925px;
    margin: 0 auto;
    border-left: 2px solid #003399;
    border-left-style: solid;
    border-right: 2px solid #000066;
    border-right-style: solid;
	font: 12px Tahoma;
}




/* Top Menu CSS mouse over blue buttons ------------ */


    #tabsH {
      float:left;
      width:100%;
      background:url("../images/topmenu-bkgnd2.gif");
      font-size:100%;
      line-height:normal;
      }
    #tabsH ul {
	margin:0;
	padding:0px 5px 0 25px;
	list-style:none;
      }
    #tabsH li {
      display:inline;
      margin:0;
      padding:0;
      }
    #tabsH a {
      float:left;
      background:url("../images/tableftH.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 4px;
      text-decoration:none;
      }
    #tabsH a span {
      float:left;
      display:block;
      background:url("../images/tabrightH.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      color:#FFF;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabsH a span {float:none;}
    /* End IE5-Mac hack */
    #tabsH a:hover span {
      color:#FFF;
      }
    #tabsH a:hover {
      background-position:0% -44px;
      }
    #tabsH a:hover span {
      background-position:100% -44px;
      }




/* Holy Grail 3-column CSS - center col 820px
        The following bit of code was proposed by Tantek Celik, and it preys upon a CSS
		parsing bug in IE5x PC that will prematurly close a style rule when it runs
		into the voice-family string "\"}\"". After that string appears in a rule, then, we can override
		previously set attribute values and only browsers without the parse bug will
		recognize the new values  */


	#leftcontent {
		position: absolute;
		left:10px;
		top:40px;
		width:40px;
		background:#FFFFFF;
		border:0px solid #FFFFFF;
		}


	#centercontent {
		background:#FFFFFF;
   		margin-left: 41px;
   		margin-right:41px;
		border:0px solid #FFFFFF;
		width:820px;
   		margin-left: 41px;
   		margin-right:41px;
		}

	#rightcontent {
		position: absolute;
		right:0px;
		top:40px;
		width:40px;
		background:#FFFFFF;
		border:0px solid #FFFFFF;
		}




/* HIDE MENU AND ITEMS FOR PRINTING  -------------  */


@media print {
.printhide 	{ display:none; }
.printhelp	{ width:700px; }
}
@media screen{
.printonly 	{ display:none; }
}




/* PAGE FONTS AND TITLES */


/* THE NEXT LINE CONTROLS THE FONT SIZE ON ALL PAGES */

TABLE		{ COLOR: #666666; FONT: 12px verdana, arial, sans-serif; }

.title		{ COLOR: #0B2D7E; FONT: 18px verdana, arial, sans-serif; font-weight: bold; text-align: left; }

.subtitle	{ COLOR: #000000; FONT: 14px verdana, arial, sans-serif; font-weight: bold; }

.smalltitle 	{ COLOR: #000000; FONT: 13px verdana, arial, sans-serif; font-weight: bold; }

.list 		{ COLOR: #000000; FONT: 12px verdana, arial, sans-serif; font-weight: normal; }

.smalltext	{ COLOR: #666633; FONT: 11px arial, sans-serif; font-weight: normal; }




/* ARCHIVE FEATURE TITLE BARS -----------  */

#wrap {
	margin-left: 0px;
	margin-right: 0px;
	float: left;
	display: inline;
	width: 100%;
	height: 100%;
	background-color: #FFFFFF;
	padding-top: 25px;
}



#pane_left {
	clear: both;
	float: left;
	display: inline;
	width: 80%;
	height: 100%;
	padding-right: 5px;
}

#pane_right {
	float: left;
	width: 15%;
	padding-left: 10px;
	font-size: 13px;
}

.content_block {
	font-weight: normal;
}

.content_title {
	color: #FFFFFF;
	background-color: #4D4D4D;
	font-size: 14px;
	font-weight: 600;
}

.content_title p {
	margin-left: 135px;
}



/* Format extras added by TIDY for W3C validation */

 div.c2 {width: 100%}

 div.c1 {text-align: center}