@import url(reset.css);
@import url(wrapperDivBGs.css);
@import url(colorSchemes.css);
@import url(navMenus.css);
@import url(authors.css);

html{
    background-color: #0F233D;
    background-image: url(../images/bgHtml.jpg);
    background-repeat: no-repeat;
    background-position: 50% 0px;
}
body{
    padding: 0px 0px;
    margin: 25px auto;
	width:56em;
	position: relative;
}
.content{float:left;
}
.dispBlock{display:block;
}
.dispInline{display:inline;
}
.fLeft{float:left;
}
.fRight{float:right;
}
.small{font-size:.65em;
}
.superSmall{font-size:.45em;
}
.b{font-weight:bold;
}
.i{font-style:italic;
}
.u{text-decoration:underline;
}
.smallCaps{font-variant:small-caps;
}
.alignLeft{text-align:left;
}
.alignCenter{text-align:center;
}
.alignRight{text-align:right
}
.alignTop{vertical-align:top;
}
.alignMiddle{vertical-align:middle;
}
.alignBottom{vertical-align:bottom;
}
sup{vertical-align:super; color:inherit; font-size:.5em;
}
sub{vertical-align:sub; color:inherit; font-size:.5em;
}
.red{color:red;
}
.padding{padding: 0 3%;
}

/* branding div    // dont forget to look in the lists.css for components of this div */
div#branding{
	height: 4.5em;
	position: relative;
}
#branding img.logo{position:absolute; top:-15px; left:-15px;
}  
h1#name{
	font-weight: 200;
	font-size: 1.7em;	
    letter-spacing: .05em;
	padding-left:100px;
}
form#search{position:absolute; top:-15px; right:-10px; width:255px; height:29px;
}
form#search input.text{
	width:170px; height:25px;
	background:url(../images/bgSearchBar.gif) 0 0;
	padding:1px 8px 0px 8px; /* top rt btm lft */
	border:none;
	float:left;
}
form#search input.submit{
	width:69px; height:29px;
	background:url(../images/bgSearchBtn.gif) 0 0;
	border:none;
	float:right;
}
div#mainNav {position:relative;
}

/* ContentHeading div */
/*#contentHeading{}*/
h2#root{
	display: block;
    background-color: #232A2B; /* #242A2C = +1% brightness */
    margin: 0 2px;
    padding: .4em 3%;
    font-weight: normal;
	color: #FFF;
    font-size: .55em;
}
.delim{color:#AAA;
}
a.root{
	text-decoration:none;
	color:#FFF;
}
a.root:hover{text-decoration:underline;
}
h3#pageName{
	display: block;
    margin: 0 2px;
    padding: .25em 3%;
    font-weight: normal;
    font-size: 1.2em;
}
	
/*  Content     // dont forget to look in the lists.css for any components of this div */
div#mainContent{
	position: relative;
	padding: 1.25em 0;
}
#mainContent h4{
	padding-bottom: .25em;
	font-size:.5em;
	letter-spacing:.1em;
	color:#6699FF;
    font-weight: bold;
}
div#mainContent h4.sectionTitle, div#mainContent h4.sectionTitle>span{
	font-size:.9em;
	font-weight:bold;
	color:#4466AA;
	line-height:1.65em;
	/*    ##########################  TODO: make it so that this object doesn't interfere with the contentNav div  ############## 
	padding-left:.5em;  
	border-top:3px solid #333333;
	border-bottom:2px solid #333333;
	background:#FFEEDD;*/
}
.contentA{float:left; width:31em;
}
.contentB{position:absolute; right:0;
}
.column{float:left;
}
#mainContent p{
	font-size:.75em;
	letter-spacing:.03em;
	line-height:1.7em;
	word-spacing:.075em;
	padding-bottom: 1em;
}
p.listTitle{margin-bottom:-1em;
}
#mainContent ol{
	/*display:block;*/
	list-style-position:inside;
	font-size:.75em;
	letter-spacing:.025em;
	line-height:1.5em;/*
	word-spacing:.075em;
	padding-bottom: 1em;*/
}
#mainContent p>br{margin-bottom: .25em;
}
#mainContent p>a,#mainContent p>span>a{text-decoration:none; border-bottom: 1px dotted #9CF;
}
#mainContent p>a:hover,#mainContent p>span>a:hover{color:#336699; border-bottom: 1px dotted #47A; 
}
#mainContent a.contributed, #mainContent a.contributed:hover{border:none; color:#000;
}
a.linkMoreInfo{font-size:.75em; margin-left:2em; text-decoration:none;
}

/* bottom */
div.bottom{clear:both;}
/* footer    // dont forget to look at the lists.css for some components of this div /*/
span#copyright{
    font-weight: bold;
    font-size: .5em;
	color:#BBC;
    letter-spacing: .15em
}
#footer img.logo{position:absolute; bottom:12px; right:15px;
}


/* ########################## LISTS ########################## 
ol{padding-left:1em;
}*/
ul.bulletList{margin-bottom:1em; padding-left:1em; font-size:.75em;
}
ul.bulletList li{margin-left:1em; padding:.25em 0 .25em 1em; list-style:disc; letter-spacing:.05em; word-spacing:0..15em;
}

/* body content div */
.column ul{padding-bottom:1em; padding-right:1em;
}

/* footer components */
ul#navFooter{
	padding: .9em 0 0 1.6em;
	font-size: .689em;
    letter-spacing: .15em;
}
ul#contactInfo{
	overflow: auto;
	padding: .7em 0 .4em 2.5em;
	width: 100%;
	text-align: center;
}
ul#contactInfo li{
	padding: 0 1.5em;
	color:#CCC;
    font-size: .75em;
    letter-spacing: .1em;
	float: left;	
}

/* ########################## TABLES ########################## */
/* borders */
.borderAll{border:#000000 1px solid;
}
.borderTop{border-top:#000000 1px solid;
}
.borderBottom{border-bottom:#000000 2px solid;
}
.borderRight{border-right:#000000 1px solid;
}
.borderLeft{border-left:#000000 1px solid;
}


/* table rules */
table{margin:.5em .5em 2em .5em; font-size:.8em;
}
/*tr{
}*/
td{size:inherit; padding:.15em .25em .15em .25em; vertical-align:middle;
}
/* table headers */
table>thead{border:#000000 1px solid;
}
table>thead>tr>th{ font-weight:bold; padding:.15em .25em .15em .25em; border:#000000 1px solid;
}
/* table footers */
table>tfoot>tr>tf{ font-size:.9em;
}
/* table bodies */
table>tbody{border:#000000 1px solid;
}


/* specific table families */
table.legend{
}
table.equation{background:#FFFFAA; text-align:center;
}
table.colorCodes tbody td{line-height:1.2em;
}