@charset "UTF-8";

/* Message to enable JavaScript */
div#noJS {
	color: #F03;
	margin-top: -1.5em;
    text-align: left;
}


/* Background and Body */

body {
	background-color: #c7d9ec;
	background-image: url(BG-Spiral.png);
	background-repeat: no-repeat;
	color: #06060d;
}


.container_12 {
	background-color: #e9eff5;
}


/* Page layout */	
div#banner {
	height: 10em;
    margin-left: 0px;
    width: 960px;
	}

div#sidebar {
	background-color: #cfcfdc;
	margin-top: -8em;
}

div#primarycol div, div#sidebar div {
	margin-top: 2em;
}

div#sidebar div {
	padding: 0 1em;
}


/* Header formatting */
h1,h2,h3,h4 {
	margin-bottom:0;
}

h1 {
	font-size: 0.8em;
	color: #3e3e5e;
	background-color: #efefd6;
	padding:0.5em;
}

h2 {
	font-weight: 400;
	padding: 0.5em 0 1em;
	background-color: #3d2a55;
	color: #fffeb5;
}


/* Textbox for the number */
form {
	margin-left: 10px;
	font-variant: small-caps;
}

input {
	font-size:1.5em;
	text-align: center;
	background-color: #ffffe1;
}


/* Page content formatting */
dl {
	background-color: #ffffe1;
	padding: 0.5em;
	margin: 10px 20px 10px 10px;
	
	-moz-border-radius: 3px; 
	-webkit-border-radius: 3px;
	border-radius: 3px; 

	
	/* Gradients pasted from colorzilla.com/gradient-editor */

	background: -moz-linear-gradient(-45deg,  #FFFFd0 0%, #ffffe1 100%); /* FF3.6+ */

	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#ffffb7), color-stop(100%,#ffffe1)); /* Chrome,Safari4+ */

	background: -webkit-linear-gradient(-45deg,  #FFFFd0 0%,#ffffe1 100%); /* Chrome10+,Safari5.1+ */

	background: -o-linear-gradient(-45deg,  #FFFFd0 0%,#ffffe1 100%); /* Opera 11.10+ */

	background: -ms-linear-gradient(-45deg,  #FFFFd0 0%,#ffffe1 100%); /* IE10+ */

	background: linear-gradient(135deg,  #FFFFd0 0%,#ffffe1 100%); /* W3C */

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFd0', endColorstr='#ffffe1',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */


}

dd {
	margin-top: -1.5em;
	margin-left: 90px;
}

img.diagram {
	margin-top:-29px;
	height:125px;
	}

div#sidebar img {
	width: 250px;
	margin: 15px auto;
}


/* Footer */
div.footer {
	background-color: #cfcfdc;
	text-align:center;
	margin-top: 1em;
	margin-bottom: 0.25em;
	font-size: medium;
}

div.footer ul {
	list-style: none;
	margin: 1em 0;
}

div.footer ul li {
	display: inline;
	margin: 0.5em 5em;
}

div.footer ul li a {
	text-decoration:none;
	color: #505057;
	font-variant: small-caps;
}