/* CSS RESET */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, a, font, img, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent;}
body {line-height:1;}
ol, ul {list-style:none;}
blockquote, q {quotes:none;}
:focus {outline:0;}
ins {text-decoration:none;}
del {text-decoration:line-through;}
table {border-collapse:collapse; border-spacing:0;}

/* WEBSITE CSS */
body {background:#ccc; margin:0; padding:0; font-family:arial, helvetica, sans-serif; font-size:76%; line-height:20px; color:#444;
background-image: url('/img/background.png'); background-repeat: repeat;
}
html {overflow-y:scroll;} /* Firefox hack that forces the sidebar to be always visible */

/* LINKS */
a {text-decoration:none; color:#86AAEF;}
	a:hover{text-decoration:underline;}

/* SHADOW */
#topNavigation, #mainWrapper, #footer
{
-moz-box-shadow: 0 0 10px 0 #000;
-webkit-box-shadow: 0 0 10px 0 #000;
box-shadow: 0 0 10px 0 #000;
}

/* LAYOUT */
#topNavigation {width:800px; margin:0 auto 15px auto; padding:5px 20px 3px 20px; background:#fff; overflow:invisible; -moz-border-radius-bottomleft:5px; -webkit-border-bottom-left-radius:5px; border-bottom-left-radius:5px; -moz-border-radius-bottomright:5px; -webkit-border-bottom-right-radius:5px; border-bottom-right-radius:5px;}
#mainWrapper {width:800px; margin:0 auto; padding:10px 20px; text-align:left; background:#fff; border:0; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}
	#header {height:150px; margin:10px 0 20px 0; padding:10px 0; background:#fff url('img/bubbles.jpg') 0 0 no-repeat; border:1px solid #fff; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; overflow:invisible;}
	#main {margin:20px 0 0 0; overflow:invisible;}
	#footer {width:800px; margin:15px auto 0 auto; padding:5px 20px 5px 20px; background:#fff; overflow:invisible; font-size:90%; color:#666; text-align:right; line-height:16px; -moz-border-radius-topleft:5px; -webkit-border-top-left-radius:5px; border-top-left-radius:5px; -moz-border-radius-topright:5px; -webkit-border-top-right-radius:5px; border-top-right-radius:5px;}
	

/* OTHER STYLES */

h1 {font-size:180%;}
h2 {font-size:150%; margin:3px 0; color:#598FEF;}
h3 {font-size:120%; margin:3px 0;}
h4 {font-size:120%; margin:2px 0;}
h5 {font-size:110%; margin:2px 0;}
h6 {font-size:100%; font-weight:bold;}
p {margin-bottom:10px;}
ul {list-style-type:disc; margin-left:10px; padding-left:15px;}
ol {list-style-type:decimal; margin-left:15px; padding-left:15px;}
.imgLeft {float:left; margin:4px 8px 3px 0;}
.imgRight {float:right; margin:4px 0 3px 8px;}
div.highlight {padding:10px; background:#E2F5F9; border:1px solid #BFD6FF; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; clear: both}

#header h1 {color:#fff; margin:15px 0 0 0;}
	#header h1 span{background:#86AAEF; padding:6px 30px 6px 20px; -moz-border-radius-topright:5px; -webkit-border-top-right-radius:5px; border-top-right-radius:5px; -moz-border-radius-bottomright:5px; -webkit-border-bottom-right-radius:5px; border-bottom-right-radius:5px;}
#topNavigation ul {list-style-type:none; font-weight:bold;}
	#topNavigation ul li {float:left;}
		#topNavigation ul li a {padding:8px 10px; text-decoration:none; color:#86AAEF;}
		#topNavigation ul li a:hover {background:#86AAEF; color:#fff;}
		
.buttonList {height: 70px;}
.buttons {float: right; width: 200px; border: 1px solid black; margin: 0px 5px; text-align: center; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; font-weight: bold; padding: 5px 0px; background: #86AAEF}
.buttons a{ color: white}

.button {
	float: right; 
	width: 200px;
	height: 36px;
	margin: 5px;
	-moz-box-shadow:inset 0px 1px 0px 0px #97c4fe;
	-webkit-box-shadow:inset 0px 1px 0px 0px #97c4fe;
	box-shadow:inset 0px 1px 0px 0px #97c4fe;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #3d94f6), color-stop(1, #1e62d0) );
	background:-moz-linear-gradient( center top, #3d94f6 5%, #1e62d0 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#3d94f6', endColorstr='#1e62d0');
	background-color:#3d94f6;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #337fed;
	display:inline-block;
	color:#ffffff;
	font-family:arial;
	font-size:13px;
	font-weight:bold;
	padding:8px 11px;
	text-decoration:none;
	text-shadow:1px 1px 0px #1570cd;
}.button:hover {
	text-decoration:none;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1e62d0), color-stop(1, #3d94f6) );
	background:-moz-linear-gradient( center top, #1e62d0 5%, #3d94f6 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1e62d0', endColorstr='#3d94f6');
	background-color:#1e62d0;
}.button:active {
	position:relative;
	top:1px;
}