body {
	background-color: #333;
	color: #222;
}



/* backgrounds */
div#headersection {
background: #323B6C;
}
div#mainsection {
background: #333;
}
div.content {
padding: 20px;



}

div#headersection div.container_12 {
background: #4B57A1;
}
div#mainsection div.container_12 {
background: white;
padding-bottom: 30px;
}
div#footersection div.container_12 {
background: #444;
}

div.contentcontainer {
background: white;

}

/* network navigation */

.netnav {

	text-align: center;
	text-transform: uppercase;
	height: 20px;
	margin-right: -10px;
text-shadow: 0 1px 1px black;

}
.netnav a {
	color: #ddd;
	text-decoration: none;
	display: block;
}
.netnav a:hover {
	color: white;
	text-decoration: none;
	display: block;
}
.netnavmc {
	background-color: #038694;
	background-color: rgba(3, 134, 148, 0.6);

}
.netnavmk {
	background-color: #4D5BA6;
/*	background-color: rgba(77, 91, 166, 0.6);*/

}
.netnavml {
	background-color: #00BC58;
	background-color: rgba(0, 188, 88, 0.6);
}
.netnavmf {
	background-color: #FCA854;
	background-color: rgba(252, 168, 84, 0.6);
}
.netnavcurr a {
color: white;
text-shadow: 0 0 3px white;
}

/* header */
.header {
	background: url(/images/bkg_mk.jpg) no-repeat;

}
.sitetitle {
	height: 100px;
}
h1 {
	font-size: 50px;
	color: white;
	padding: 20px 0 0 20px;
	margin: 0;
	line-height: 80px;
	letter-spacing: -1px;
	text-shadow: -2px 0 0.5px black, 0 2px 0.5px black,
	      2px 0 0.5px black, 0 -2px 0.5px black;

}
div.sitetag {
	background: #4D5BA6;
	background-color: rgba(77, 91, 166, 0.7);
}
div.sitetag p {
	font-size: 14px;
	line-height: 20px;
	color: white;


	padding: 5px 0;
	margin: 0 0 0 20px;
	text-shadow: 0 0 1px black;

}

/* menu */

div.mainmenu {
	background-color: rgba(51,51,51,0.5);
font-size: 13px;
}

div.mainmenu ul {
	list-style: none;
	display: block;
}

div.mainmenu ul li {
	float: left;
	text-align: center;
	margin: 0;
	padding: 0;
}
div.mainmenu ul a {
	color: white;
	line-height: 20px;
	font-weight: bold;
	text-decoration: none;
	display: block;
	padding: 5px 0.5em;

	border-left: 1px solid #038694;
}

body#homepage div.mainmenu ul a#menuhome,
body#archivespage div.mainmenu ul a#menuarchives,
body#downloadspage div.mainmenu ul a#menudownloads,
body#contactpage div.mainmenu ul a#menucontact {
	background-color: white;
	color: black;
}

div.mainmenu ul a:hover {
	background-color: rgba(51,51,51,0.2);
	color: white;
}




/*-------*/

div#mainsection a {
	text-decoration: none;
	font-weight: bold;
	color: #39447b;
}

div#mainsection a:hover {
	text-decoration: underline;
	
}

h1 span {
color: #FCA854;
font-family: monospace;
font-size: 120%;

}
h2 {
	font-weight: bold;
	text-align: center;
	color: #BD7E3F;
	margin: 0 0 0 0;
text-shadow: 1px 1px 1px white;
background: #E4E6F2;
}

h3 {
	padding: 4px 4px 4px 4px;
	margin: 0 4px;

	text-align: left;
}


div#mainsection p, 
div#mainsection li {

	color: #333;
	padding: 4px 4px 4px 4px;
	margin: 0 4px;
	list-style: none;
}

div#mainsection li:hover {
	background: #F8E8E0;
}

p.indexline {
text-align: center;
font-size: 90%;
}

.boxfooter {
font-size: 80%;
color: #666;
text-align: right;
}

div.mathslinks img {
float: right;
margin-right: 10px;
padding: 2px;
border: 1px solid #ccc;
}

#mathslinks {
color: #00BC58;
text-shadow: #666 0 1px 0;
}
#mathsclass {
color: #038694;
text-shadow: #666 0 1px 0;
}



.footer {
	margin-top: 28px;

}
.footer p {
	text-align: center;
	margin-bottom: 0;
	color: #bbb;
}
.footer a {
	color: white;
}

.credits, .credits a {
	color: #666;
}


form#cse-search-box {
padding: 15px 20px 20px 20px;
}
form#cse-search-box input {
border-bottom: 1px solid #999;
border-right: 1px solid #999;
border-top: 1px solid #ccc;
border-left: 1px solid #ccc;
font-size: 13px;
}

#cse-search-results {
padding: 0 20px;
}


.intro {
color: #2A565F;
}
div.search p {
margin: 0 20px;
}
a.suggestsite {
color: #59A550;
}

div.boxcontent {
background: white;
margin-top: 10px;
border: 1px solid #A6ADD3;

}
/* === Tooltips === */
/* tooltip styling. by default the element to be styled is .tooltip  */
.tooltip {
	display:none;
	background:transparent url(/images/tooltips/black_arrow.png);
	font-size:14px;
	height:50px;
	width:160px;
	padding:35px 25px;
	color:#fff;	
}
