/* CSS Document */

* {border: 0px 0px 0px 0px;	margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;}
a {color: #669933; text-decoration: underline;}	
a:hover {text-decoration: none;}	
body {background-color: #F4F4ED; color: #3D3D3B; font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Helvetica, Arial, sans-serif; font-size: small; font-weight: normal;}
h1{color: #3F3F3E; font-size: xx-large; font-weight: bold;}
h2{color: #3F3F3E; font-size: x-large; font-weight: bold; margin: 30px 0px 10px 0px;}
h2.help{color: #3F3F3E; font-size: x-large; font-weight: bold; margin: 30px 0px -15px 0px;}
h3{color: #3F3F3E; font-size: large; font-weight: normal; margin: 30px 0px 10px 0px;}
h4{color: #3F3F3E; font-size: medium; font-weight: normal;}
p {line-height: 21px; margin: 0px 0px 15px 0px; text-align: justify;}
ol {list-style-type: decimal; margin: 0px 0px 0px 45px;}
ul {list-style-type: disc; margin: 0px 0px 0px 30px;}
li {line-height: 21px;}
ul.list {list-style-type: none; margin: 0px 0px 0px 0px;}
li.list {margin: 0px 0px 10px 0px;}


/* 12 COLUMN */
.container960 {margin: 0px auto 0px auto; width: 960px;}

.grid960 {display: inline; float: left; margin: 0px 0px 0px 0px; position: relative; width: 960px;}
.grid960pictures {display: inline; float: left; margin: 30px 0px 30px 0px; position: relative; text-align: center; width: 960px;}

.grid80 {display: inline; float: left; margin: 0px 0px 0px 0px; position: relative; width: 80px;}
.grid530 {display: inline; float: left; margin: 0px 30px 0px 0px; position: relative; width: 530px;}

/* 1/2 - 1/2 */
.grid465l {display: inline; float: left; margin: 0px 30px 0px 0px; position: relative; width: 465px;}
.grid465r {display: inline; float: left; margin: 0px 0px 0px 0px; position: relative; width: 465px;}
	/* 1/3 - 2/3 of 1/2 */
	.grid145 {display: inline; float: left; margin: 0px 0px 30px 0px; position: relative; width: 145px;}
	.grid290 {display: inline; float: left; margin: 0px 0px 30px 0px; position: relative; width: 290px;}
	/* 1/4 - 3/4 of 1/2 */
	.grid69 {display: inline; float: left; margin: 7px 0px 30px 0px; position: relative; width: 69px;}
	.grid396 {display: inline; float: left; margin: 0px 0px 30px 0px; position: relative; width: 396px;}

/* 1/3 - 2/3 */
.grid300 {display: inline; float: left; margin: 0px 30px 0px 0px; position: relative; width: 300px;}
.grid630 {display: inline; float: left; margin: 0px 0px 0px 0px; position: relative; width: 630px;}

/* 2/3 - 1/3 */
.grid630 {display: inline; float: left; margin: 0px 30px 0px 0px; position: relative; width: 630px;}
	/* 1/2 - 1/2 of 2/3 */
	.grid300l {display: inline; float: left; margin: 0px 30px 0px 0px; position: relative; width: 300px;}
	.grid300r {display: inline; float: left; margin: 0px 0px 0px 0px; position: relative; width: 300px;}
.grid300 {display: inline; float: left; margin: 0px 0px 0px 0px; position: relative; width: 300px;}
	/* 1/3 - 2/3 of 1/3 */
	.grid70 {display: inline; float: left; margin: 0px 0px 30px 0px; position: relative; width: 70px;}
	.grid200 {display: inline; float: left; margin: 0px 0px 30px 0px; position: relative; width: 200px;}

.clear{clear: both; display: block; height: 0; overflow: hidden; visibility: hidden; width: 0;}


#header {background: url(../gui/header.jpg) top repeat; height: 100px;}
	.logo h2 {color: #FFFFFF; float: left; margin: 35px 0px 0px 0px;}	
	.menu {float: left; margin: 30px 0px 0px 40px;}
	.menu ul {float: left; list-style-type: none; margin: 0px 0px 0px 0px;}
	.menu li {float: left; font-size: large; font-weight: bold; padding: 0px 5px 0px 5px; position: relative;}
	.menu li a {color: #B4A27C; display: block; padding: 10px 5px 10px 5px; text-decoration: none;}
		.menu li a:hover {color: #FFFFFF;}
	.menu li a span {color: #726752; display: block; font-size: small; font-weight: normal;}
		.menu li a:hover span {color: #B8B6B5;}


#content {background: url(../gui/fade.png) top repeat-x; overflow: auto; padding: 30px 0px 0px 0px;}
	.studyicon {float: left; margin: 30px 10px 10px 0px;}
	.study {margin: 30px 0px 10px 0px;}
	.reporticon {float: left; margin: 30px 10px 10px 0px;}
	.report {margin: 30px 0px 10px 0px;}
	.commenticon {float: left; margin: 30px 10px 10px 0px;}
	.comment {margin: 30px 0px 20px 0px;}


#footer {background: url(../gui/header.jpg) top repeat; height: 215px; margin: 60px 0px 0px 0px;}
	/* 1/3 - 1/3 - 1/3 */
	.grid630lf {display: inline; float: left; margin: 30px 30px 0px 0px; position: relative; width: 630px;}
	
	.grid300lf {display: inline; float: left; margin: 30px 0px 0px 0px; position: relative; width: 300px;}
	.grid300cf {display: inline; float: left; margin: 30px 30px 0px 30px; position: relative; width: 300px;}
	.grid300rf {display: inline; float: left; margin: 30px 0px 0px 0px; position: relative; width: 300px;}
		.grid300rf h4 {color: #FFFFFF; margin: 0px 0px 5px 0px;}
		.grid300rf p {color: #FFFFFF;}
		.matthewisch {color: #B4A27C; padding-left: 10px}
		.matthewisch a {color: #B4A27C; text-decoration: none;}
		.matthewisch a:hover {color: #FFFFFF;}
	
	.menuf {float: left; margin: 0px 0px 0px 0px;}
	.menuf ul {float: left; list-style-type: none; margin: 0px 0px 0px 0px;}
	.menuf li {float: left; font-size: medium; font-weight: bold; padding: 0px 5px 0px 5px; position: relative;}
	.menuf li a {color: #B4A27C; display: block; padding: 0px 5px 10px 5px; text-decoration: none;}
		.menuf li a:hover {color: #FFFFFF;}