/* Change defaults to zero */

html, body, img, ul, ol, li, p, 
h1, h2, h3, h4, h5, h6, 
form, fieldset, a { 
	margin: 0; 
	padding: 0; 
	border: 0; 
	}

/* Universal HTML element defnitions */

body {
	font-family: verdana, helvetica, arial, sans-serif;
	font-size: 101.01%;
	height: 100%;
	width: 100%;
	color: #000000;
	background-color: #fcfdff;
	}

/* 'p' must have a height set or the IE scroll bug rears its ugly head

This is an incarnation of this bug I have not seen described anywhere else */

p {
	font-size: 75%;
	line-height: 165%;
	height: 1%;
	padding: 1% 0;
	}

h1 {
	font-size: 100%;
	color: #006699;
	padding: 1em 0 0 0;
	}

h2 {
	font-size: 85%;
	color: #006699;
	padding: 1em 0 0 0;
	}

h3 {
	font-size: 70%;
	color: #006699;
	padding: 1em 0 0 0;
	}

h4 {
	font-size: 65%;
	color: #006699;
	margin: 1em 0 0 0;
	}

ul {
	list-style-type: none;
	text-indent: 1em;
	}

li {
	list-style-type: none;
	font-size: 75%;
	}

a:link {
	font-weight: bold;
	text-decoration: none;
	color: #000000;
	background-color: transparent;
	}

a:visited {
	font-weight: bold;
	text-decoration: none;
	color: #770077;
	background-color: transparent;
	}

a:hover, active {
	font-weight: bold;
	text-decoration: none;
	color: #4444ff;
	background-color: transparent;
	} 

.email {
	font-weight: bold;
	}

.clear {
	clear: both;
	}

.clearright {
	clear: right;
	}

/* Site tag */

#mediusdesign_com {height: 100%; width: 100%;}

/* Contains all 'body' content */

#page {
	margin: 1% 1%;
	padding: 0;
	width: 98%;
	overflow: hidden;
	background-color: #006699;
	}

	#top {
		margin: 1% 1% 0 1%;
		padding: 0;
		width: 98%;
		overflow: hidden;
		border-bottom: 1px solid #006699;
		background-color: #fcfdff;
		}

		#logo {
			float: left;
			margin: 0;
			padding: 1px;
			}

		div#nav {
			float: right;
			font-size: 90%;
			margin: 1em 0;
			padding: 0 1em;
			}

			div#nav ul {
				list-style-type: none;
				border: 0;
				padding: 0;
				margin: 0;
				text-align: center;
				text-indent: 0;
				clear: left;
				}

			div#nav ul li {
				float: left;
				display: block;
				padding: 0;
				margin: 0;
				text-align: center;
				}

			div#nav ul li a, ul li span {
				font-weight: bold;
				text-decoration: none;
				color: #006699;
				background-color: transparent;
				width: 80px;
				height: 140%;
				border: 1px solid #dddddd;
				padding: 0;
				margin: 0 0 10px 0;
				display: block;
				text-align: center;
				letter-spacing: 1px;
				line-height: 140%;
				} 

			div#nav ul li span {
				color: #fcfdff;
				background: #006699;
				border: 1px solid #006699;
				text-align: center;
				}

			div#nav ul li a:hover {
				color: #006699;
				background: #dddddd;
				}

			div#nav a:active {
				font-weight: bold;
				background: #006699;
				color: #fcfdff;
				border: 1px solid #006699;
				}

	#main {
		margin: 0 1% 1% 1%;
		padding: 0;
		width: 98%;
		overflow: hidden;
		border-top: 1px solid #006699;
		text-align: justify;
		background-color: #fcfdff;
		}

		#sidebar {
			float: left;
			clear: left;
			width: 9.5em;
			margin: 1.125em .125em;
			padding: 0 1em;
			}

			#sidebar a:link, a:visited {
				font-weight: bold;
				text-decoration: none;
				color: #000000;
				background-color: transparent;
				font-size: 100%;
				}

			#sidebar a:hover, active {
				font-weight: bold;
				text-decoration: none;
				color: #4444ff;
				background-color: transparent;
				font-size: 100%;
				} 

				#sidelist {
					border: 1px solid #006699;
					background-color: #66bbdd;
					}

					#sidelist ul li {
						line-height: 175%;
						}
				
						#list_highlight {
							font-weight: bold;
							text-decoration: none;
							color: #ffffff;
							background-color: transparent;
							}

				#sidecontent {
					height: 10em;
					width: 100%;
					margin-top: 4em;
					background-color: #fcfdff;
					}

					#sidecontent p {
						margin: 0 auto;
						}

		#content {
			margin: 1em;
			padding: 1em;
			}

			#content h2 {
				border-bottom: 1px solid #006699;
				}

			#content div.block {
				margin: 2em 10em;
				}

				#content div.block h3 {
					margin: 0;
					}

				#content div.block p {
					margin: 0 2em;
					}

			#content span.dexlink {
				font-size: 80%;
				}

#footer {
	margin: 1% auto;
	width: 94%;
	color: #4477aa;
	font-size: 80%;
	text-align: center;
	background: transparent;
	z-index: 1;
	}