/* CSS Document */

/* Sets the padding and margin of structural and other relevant elements to zero */
body, #wrapper, #topleft, #top, #topright, #left, #center, #center .content, #right, #right .content, #bottomleft, #bottom, #bottomright, #sidenav ul, h1, h2, h3, h4, h5, h6, img {margin: 0; padding: 0; border: none;}

/* Font sizing */
body, input, textarea, select {font-family: "Palatino Linotype", "Verdana", "Times New Roman", times, serif;}
body {font-size: 69%;}
p, table, input, ul {font-size: 1.1em;}
pre, tt {font-size: 1.1em;}

/* This style is used to display a message when people are using a non-css enabled browser */
.standardsnote {display: none;} 

a {text-decoration: none; color: #00c;}
a:link {}
a:visited {}
a:link:hover, a:visited:hover {text-decoration: underline;}
a:active {}
a img {border: 0;}
p {line-height: 1.2em; margin: 0 0 1.4em 0;}
h1, h2, h3, h4, h5, h6 {font-weight: bold;}
h1 {font-size: 1.6em; margin-bottom: 1em; color: #900;}
h2 {font-size: 1.4em; margin-bottom: 1em; color: #900;}
h3 {font-size: 1.2em; margin-bottom: 1em; color: #900;}
h4 {font-size: 1em; margin-bottom: 1em;}
h5 {font-size: 1em; margin-bottom: 0.5em;}
hr {border: 0; height: 1px; color: #ccc; background-color: #ccc;}
ul {margin: 0 0 20px 10px; padding-left: 0; list-style-image: url(images/bullet.gif);}
li {margin-bottom: 1em;}
td {vertical-align: top;}

body {background-color: #100; color: #100; text-align: center;}
#wrapper {position: relative; top: 0; left: 0; width: 900px; text-align: left; border-width: 30px 30px; border-color: #100; border-style: solid; margin: 0 auto; background-color: #100;}

#topleft {background-color: #900; width: 200px; height: 40px; background-image: url(images/bgtopleft.gif);}
#top {background-color: #900; width: 500px; height: 40px; background-image: url(images/bgtop.gif); background-repeat: repeat-x;}
#top h2#logo {color: #fe7; margin: 8px 20px 0px 20px; float: right;}
#topright {background-color: #100; width: 200px; height: 40px;}

#left, #center, #right {vertical-align: top;}
#left {background-color: #900; width: 200px; background-image:url(images/bgleft.gif); background-repeat: repeat-y;}
#left img {margin: 0 15px 20px 15px;}

#center {background-color: #ffb; width: 500px; height: 500px;}
#center .content {margin: 10px 16px 20px 16px}
#center .content h2, #center .content h3 {margin-bottom: 30px;}
#center .content p {text-align: justify;}
#center .content li {margin-left: 20px;}
#center .content .left {float: left; margin: 0 15px 15px 0;}
#center .content .right {float: right; margin: 0 0 15px 15px;}

#right {background-color: #fe7; width: 200px;}
#right .content {margin: 12px 12px 20px 12px;}
#right ul {margin-top: 20px;}
#right .content img {margin-bottom: 10px; float: right;}

#bottomleft {background-color: #100; width: 200px; height: 40px;}
#bottom {background-color: #ffb; width: 500px; height: 40px;}
#bottomright {background-color: #fe7; width: 200px; height: 40px;}

#sidenav {width: 170px; margin: 0 15px 20px 15px;}
#sidenav h2 {margin-bottom: 1em;}
#sidenav h3 {display: block; font-size: 1em; line-height: 1.2em; background-color: #00a7e7; color: #fff; text-align: left; margin-bottom: 0;} 
#sidenav ul {list-style: none; list-style-image: none; border-top: 1px solid #fe7;}
#sidenav ul li {line-height: 1.5em; margin-bottom: 0; border-bottom: 1px solid #fe7;}
#sidenav ul a {padding: 2px; display: block; text-align: left; width: 166px; color: #fe7;}
#sidenav ul a:hover {text-decoration: none; color: #900; background-color: #fe7;}
#sidenav ul #submenu {margin-bottom: 0; border-top: 0;}
#sidenav ul #submenu li {border-bottom: 0;}
#sidenav ul #submenu a {text-align: right; font-size: 0.8em;}

/* Print layout overrides */
@media print {
	#topleft, #top, #topright, #left, #right, #bottomleft, #bottom, #bottomright {display: none;}
	body {font-size: 90%;}
	#wrapper {width: 95%; border: none; margin: auto;}
	#center {width: 100%;}
	a {text-decoration: underline; color: #000;}
	h1, h2, h3, h4, h5, h6 {color: #f00;}
	p {margin-bottom: 12pt;}
}