body {
	background: url("images/background.jpg");
	font-family:  "Verdana", Times, serif
}

/*Links for cream bg*/
a:link, a:visited{
	color: #857FD7;
	text-decoration: none;
}

a:hover, a:active{
	color: #857FD7;
	text-decoration: underline;
}

/*Preload image hack*/
.preload {
	display:none;
}

/*Links for blue bg areas*/
table a:link, table a:visited, .body a:link, .body a:visited, .foot a:link, .foot a:visited{
	color: #22175C;
	text-decoration: none;
}

table a:hover, table a:active, .body a:hover, .body a:active, .head a:hover, .head a:active, .foot a:hover, .foot a:active{
	color: #F9F8EC;
	text-decoration:none;
}

thead a:link, thead a:visited, .head a:link, .head a:visited {
	color: #F9F8EC;
	text-decoration:underline;
}

thead a:active, thead a:hover, .head a:active, .head a:hover {
	color: #22175C;
	text-decoration:underline;
}

/*Less indent for lists*/

ul{
	margin-left: 12px;
	padding-left:12px; /*use both to make same appearence across all browsers*/
}

ul ul{
	margin-left: 5px;
	padding-left: 5px; /*use both to make same appearence across all browsers*/
}

/*OM bullets*/

.body li{ /* under .body ensures that this only happens in panels, not plain text*/
	list-style-image: url("images/om.jpg");
}

.body li:hover{
	list-style-image: url("images/om_glow.jpg"); /*Only works in firefox*/
}

.body li a:hover{
	list-style-image: url("images/om_glow.jpg"); /*Only works in IE*/
}

#bar1 .currpage {
	list-style-image: url("images/om_dark.jpg");
}

/*change margins so that panel layout will work correctly*/
h1, h2, h3, h4, h5, h6, h7, p { 
	margin-bottom: 0px; 
	margin-top: 0px;
	font-weight:400;
}

#text h1, #bigtext h1, #text h2, #bigtext h2,#text h3, #bigtext h3,#text h4, #bigtext h4, #text h5, #bigtext h5{
	margin-top:15px;
                text-align:right;
}

p{ /*simulate margins*/
	padding-top:5px;
	padding-bottom:5px;
}

p, h5{
	font-size:12px;
}

h1, h2, h3, h4, h5{
	text-transform: lowercase;
}


/* Tables */
table {
	background-color: #857FD7;
	color: #F9F8EC;
	margin-right: auto; /*Centers the table*/
	margin-left: auto;
	border: 1px solid #22175C;
}
	
table td{
	border: 1px solid #22175C;
	padding: 4px;
              font-size: smaller;
}

table th {
	text-align:left;
	border: 1px solid #22175C;
	padding:4px;
}
thead th{
	background: url("images/table_bg.jpg");
	text-align:center;
}
thead, thead th, thead th h3 {
	vertical-align:middle;
}
thead h1, thead h2, thead h3, thead h4, thead h5, thead h6, thead h7, thead p {
   margin-top:0px;
   margin-bottom:0px;
}

/*Layout Stuff */

/*default for panel footers*/
.head{
	text-align:center;
}
.foot{
	text-align:center;
	vertical-align:text-bottom;
}

/*The top bar with title*/
#title {
	width: 685px;
	height: 38px;
	padding-top:12px;
	background: url("images/topbar.jpg");
	padding-left: 70px;  /*to make title appear in center of cutout instead of center of bar*/
	text-align:center;
	color: #857FD7;
	position: absolute;
	left: 10px;
	top: 10px;
}

#longtitle {
	width: 530px;
	height: 38px;
	padding-top:12px;
	background: url("images/topbarlong.jpg");
	padding-left: 225px;  /*to make title appear in center of cutout instead of center of bar*/
	text-align:center;
	color: #857FD7;
	position: absolute;
	left: 10px;
	top: 10px;
}

/*navigation bar*/
#bar1{
	width: 228px;
	color: #22175C;
	background: url("images/sbar_bg.jpg");
	position: absolute;
	left:10px;
	top: 60px;
}

#bar1 .head {
	width:228px;
	height: 125px;
	background: url("images/sbar_top.jpg");
}

#bar1 .body {
	width: 200px;
	vertical-align: top;
	padding: 20px 20px 0px 8px;
}

#bar1 .foot {
	width: 208px;
	height: 210px;
	padding-bottom: 20px;
	padding-right: 20px;
	vertical-align:baseline;
	text-align:center;
	background: url("images/sbar_bottom.jpg");	
}


/*Right hand bar */

#bar2{
	width: 177px;
	background-color: #857FD7;
	background: url("images/bar2_bg.jpg");
	position: absolute;
	left: 593px;
	top: 60px;
	color: #F9F8EC;
}

#bar2 .head {
	width: 152px;
	padding: 0px 15px 0px 10px;
	height: 50px;
	background: url("images/bar2_top.jpg");
}

#bar2 .body {
	width: 152px;
	padding: 0px 15px 0px 10px;
	margin-top:-30px;
	text-align:center;
}

#bar2 .foot {
	width: 152px;
	padding: 0px 15px 0px 10px;
	height: 50px;
	background: url("images/bar2_bottom.jpg");
}

#text {
	width: 345px;
	position: absolute;
	left: 238px;
	top: 60px;
	color: #22175C;
                text-align:justify;
}

#bigtext {
	width: 525px;
	position: absolute;
	left: 238px;
	top: 60px;
	color: #22175C;
                text-align: justify;
}

#gallerytext {
	width: 525px;
	position: absolute;
	left: 238px;
	top: 60px;
	text-align:center;
}

#panelbox {
	width: 352px;
	position: absolute;
	left: 238px;
	top: 60px;
	color: #F9F8EC;
	font-size:14px;
}
#panelbox .pagination {
	color: #22175C;
}

#panelbox .head{
	width 335px;
	padding-left: 10px;
	padding-right: 17px;
	line-height:50px;
	height: 50px;
	background: url("images/panel_top.jpg");	
}
#panelbox .body{
	width 335px;
	padding-left: 10px;
	padding-right: 17px;
	background: url("images/panel_bg.jpg");
}
#panelbox .foot{
	width 335px;
	padding-left: 10px;
	padding-right: 17px;
	line-height:50px;
	height: 50px;
	background: url("images/panel_bottom.jpg");
}

#bigpanelbox {
	width: 534px;
	position: absolute;
	left: 238px;
	top: 60px;
	color: #F9F8EC;
	font-size:14px;
}

#bigpanelbox .pagination {
	color: #22175C;
}

#bigpanelbox a:link, #bigpanelbox a:visited{
	color: #22175C;
}

#bigpanelbox a:hover, #bigpanelbox a:active{
	color: #F9F8EC;
	text-decoration: underline;
}

#bigpanelbox .head{
	width 518px;
	padding-left:13px;
	padding-right:13px;
	line-height:50px;
	height: 50px;
	background: url("images/largepanel_top.jpg");	
}
#bigpanelbox .body{
	width 518px;
	padding-left:13px;
	padding-right:13px;
	background: url("images/largepanel_bg.jpg");
}
#bigpanelbox .foot{
	width 518px;
	padding-left:13px;
	padding-right:13px;
	line-height:50px;
	height: 50px;
	background: url("images/largepanel_bottom.jpg");
}

.spotlightpage {
	text-align:center;
}

.spotlightimg {
	border-style:double;
	border-width:6px;
	border-color: #22175C;
	margin-bottom: 20px;
}

.spotlighttitle{
 text-align:center;
}

.quote {
	font-size: 14px;
}
.author {
	font-size: 12px;
}

.picmodule {
	border: 3px solid #22175C;
	text-align:center;
}

.caption {
	text-align:center;
	font-size:14px;
}

.newsheader {
	text-align:center;
}
.newsbody {
	text-align:justify;
}
.newsfooter {
	text-align:center;
	font-size: 12px;
}

.question {
	font-weight: bold;
}
.gallerypage {
	text-align:center;
}
.galleryimage {
	border-style:double;
	border-width:10px;
	border-color: #22175C;
}
.gallerytable {
	text-align:center;
	margin-right: auto;
	margin-left: auto;
}
.booktable{
	width: 95%;
}
.centered{
	text-align:center;
}

.moduletitleimg{
	margin-top:17px;
	margin-bottom: 20px;
}