@charset "UTF-8";

/* COLOR PALETTE
	RED: #980400
	DARK GRAY: #333

*/

* {
	margin: 0px;
	padding: 0px;
}

body {
	font-family:Arial, Helvetica, sans-serif;
}

h1 {
	font-size:30px;
	color:#980400;
	font-style:normal;
}

h2 {
	font-size:14px;
	color:#333;
	font-style:italic;
}

hr {
	color:#CCC;
}

/****************** HEADER STYLES *****************/

div#header {
	position:relative;
	width:1024px;
	height:120px;
	margin:0 auto;
}

div#logo {
	position:absolute;
	width:600px;
	height:60px;
	bottom:20px;
}

.logoname {
	font-size:36px;
	color:#333;
}

.logoname a:link, .logoname a:visited, .logoname a:hover {
	font-size:36px;
	color:#333;
	text-decoration:none;
}

.logosub {
	font-size:18px;
	color:#980400;
}

/****************** NAVIGATION STYLES ******************/
div#navbar {
	position:relative;
	width:100%;
	height:60px;
	background-color:#980400;
}

#navbar div#navContent {
	position:relative;
	top:20px;
	text-align:center;
	font-size:15px;
	color:white;
}

#navbar div#navContent a:link, #navbar div#navContent a:visited {
	color:white;
	text-decoration:none;
}
	
#navbar div#navContent a:hover, #navbar div#navContent a:active {
	color:white;
	text-decoration:underline;
}
/****************** MAINCONTENT STYLES ******************/

div#mainContent {
	position:relative;
	width:1024px;
	margin:0 auto;
	border:1px solid #CCC;
	top:20px;
}

/****************** HOME PAGE STYLES ******************/
div#introbox {
	width:974px;
	margin:25px;
	font-style:normal;
	font-size:17px;
	line-height:1.4;
	color:#333;
}

div#boxRow1 {
	position:relative;
	width:953px;
	margin:0 auto;
	top:50px;
}

div#boxRow2 {
	position:relative;
	width:953px;
	margin:0 auto;
	top:50px;
}

.boxsubtext {
	font-size:18px;
	color:#333;
	top:30px;
}

div#box1 {
	position:relative;
	width:225px;
	height:375px;
	border:1px solid #999;
	background:#EEE;
	display:block;
	float:left;
	margin-right:15px;
	padding: 18px 0px 6px 0px;
	text-align:center;
	font-weight:bold;
	font-size:24px;
	color:#980400;
}

#box1 div#buttonPlace {
	width:200px;
	height:45px;
	position:absolute;
	bottom:6px;
	left:12px;
	text-align:center;
}

div#box2 {
	position:relative;
	width:225px;
	height:375px;
	border:1px solid #999;
	background:#EEE;
	display:block;
	float:left;
	margin-right:15px;
	padding: 18px 0px 6px 0px;
	text-align:center;
	font-weight:bold;
	font-size:24px;
	color:#980400;
	line-height:1;
}

#box2 div#buttonPlace {
	width:200px;
	height:45px;
	position:absolute;
	bottom:6px;
	left:12px;
	text-align:center;
}


div#box3 {
	position:relative;
	width:225px;
	height:375px;
	border:1px solid #999;
	background:#EEE;
	display:block;
	float:left;
	margin-right:15px;
	padding: 18px 0px 6px 0px;
	text-align:center;
	font-weight:bold;
	font-size:24px;
	color:#980400;
}

#box3 div#buttonPlace {
	width:200px;
	height:45px;
	position:absolute;
	bottom:6px;
	left:12px;
	text-align:center;
}

div#box4 {
	position:relative;
	width:225px;
	height:375px;
	border:1px solid #999;
	background:#EEE;
	display:block;
	float:left;
	padding: 18px 0px 6px 0px;
	text-align:center;
	font-weight:bold;
	font-size:24px;
	color:#980400;
}

#box4 div#buttonPlace {
	width:200px;
	height:45px;
	position:absolute;
	bottom:6px;
	left:12px;
	text-align:center;
}

div#box5 {
	position:relative;
	width:225px;
	height:375px;
	border:1px solid #999;
	background:#EEE;
	display:block;
	float:left;
	margin-right:15px;
	padding: 18px 0px 6px 0px;
	text-align:center;
	font-weight:bold;
	font-size:24px;
	color:#980400;
}

#box5 div#buttonPlace {
	width:200px;
	height:45px;
	position:absolute;
	bottom:6px;
	left:12px;
	text-align:center;
}

div#box6 {
	position:relative;
	width:225px;
	height:375px;
	border:1px solid #999;
	background:#EEE;
	display:block;
	float:left;
	margin-right:15px;
	padding: 18px 0px 6px 0px;
	text-align:center;
	font-weight:bold;
	font-size:24px;
	color:#980400;
}

#box6 div#buttonPlace {
	width:200px;
	height:45px;
	position:absolute;
	bottom:6px;
	left:12px;
	text-align:center;
}

div#box7 {
	position:relative;
	width:225px;
	height:375px;
	border:1px solid #999;
	background:#EEE;
	display:block;
	float:left;
	margin-right:15px;
	padding: 18px 0px 6px 0px;
	text-align:center;
	font-weight:bold;
	font-size:24px;
	color:#980400;
}

#box7 div#buttonPlace {
	width:200px;
	height:45px;
	position:absolute;
	bottom:6px;
	left:12px;
	text-align:center;
}

div#box8 {
	position:relative;
	width:225px;
	height:375px;
	border:1px solid #999;
	background:#EEE;
	display:block;
	float:left;
	padding: 18px 0px 6px 0px;
	text-align:center;
	font-weight:bold;
	font-size:24px;
	color:#980400;
}

#box8 div#buttonPlace {
	width:200px;
	height:45px;
	position:absolute;
	bottom:6px;
	left:12px;
	text-align:center;
}
/****************** BOOK STYLES ******************/

.bookTitle {
	font-size:18px;
	color:#980400;
	font-style:normal;
}

.bookTitle a {
	font-size:18px;
	color:#980400;
	font-style:normal;
}


.bookInfo {
	font-size:14px;
	color:#333;
	font-style:normal;
}

.bookInfo a:link, .bookInfo a:visited {
	font-size:14px;
	color:#980400;
	font-style:normal;
	text-decoration:none;
}

.bookInfo a:hover, .bookInfo a:active {
	font-size:14px;
	color:#980400;
	font-style:normal;
	text-decoration:underline;
}

.newsText {
	font-size:12px;
	color:#333;
	font-style:normal;
	border:1px solid #CCC;
	padding:10px;
}

.speakTitle {
	font-size:18px;
	color:#980400;
	font-style:normal;
}

.speakText {
	font-size:14px;
	color:#333;
	font-style:normal;
	line-height:1.5;
	padding:4px;
}

.speakText a:link, .speakText a:visited {
	font-size:14px;
	color:#980400;
	font-style:normal;
	text-decoration:none;
}

.speakText a:hover, .speakText a:active {
	font-size:14px;
	color:#980400;
	font-style:normal;
	text-decoration:underline;
}



/****************** FOOTER STYLES ******************/
div#footer {
	position:relative;
	width:100%;
	height:80px;
	background-color:#980400;
	top:25px;
}

div#footerText, div#footerText a {
	text-align:center;
	font-size:13px;
	color:white;
	padding-top:15px;
}

div#footerText a:link, div#footerText a:visited {
	text-decoration:none;
}

div#footerText a:hover, div#footerText a:active {
	text-decoration:underline;
}

div#designer {
	position:relative;
	height:35px;
	text-align:center;
	font-size:12px;
	color:#333;
	padding-top:20px;
}

div#designer a:link, div#designer a:visited {
	color:#980400;
	text-decoration:none;
}

div#designer a:hover, div#designer a:active {
	color:#980400;
	text-decoration:underline;
}

/****************** MISC STYLES ******************/

div#panels {
	margin:0;
	padding:0;
}
/*
div#introbox li {
	margin:20px;
}
*/

div#courselist ul li {
	margin-left:20px;
}
.imgfloat {
	float:left;
	margin-right:25px;
}

.blackborder {
	border:1px solid black;
}

.graybkgd {
	background-color:#EEE;
}

.whitebkgd {
	background-color:white;
}

.grayborder {
	border:1px solid #CCC;
}

.clear {
	clear:both;
	height:50px;
}

div#justtext a:link, div#justtext a:visited {
	color:#980400;
	text-decoration:none;
}

div#justtext a:hover, div#justtext a:active {
	color:#980400;
	text-decoration:underline;
}