/*
  Created by Jarrett Lantz
  http://www.nd.edu/~jlantz2
*/


/* GENERAL PAGE STYLE */
* {
	margin: 0;
}
html, body {
	height: 100%;
}

body {
	background: #000 url(../images/bg_diamond.gif) top repeat-x;
	color: #000;
	font-family: Verdana, Arial, Helvetica, sans;
	font-size: 12px;
	margin:0;
	padding:0;
}

a:link, a:active, a:visited {
	color: #980505;
	text-decoration: none;
	font-weight: bold;
}

a:hover {
	color: #1A114C;
}

img {
	border: 0px;
}

#wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	border-left:dotted 1px #000;
	border-right:dotted 1px #000;
	position: relative;
	width: 700px;
	font-size: 0.9em;
	margin: 0 auto -110px; /*height of footer goes here */
	text-align: left;
	background-color: #EEE;
}

/* PAGE HEADER */
#header {
	height:225px;
}

#header .top {
	width:100%;
	background-color:#1A114C;
	height:14px;
	border-bottom:dotted 1px #FFF;
	text-align:right;
	font-size:10px;
	font-weight:bold;
	color:#888;
	
}

#header .middle {
	width:100%;
	background: #ada49c url(../images/header2.jpg) top repeat;
	height:170px;
	border-bottom:dotted 1px #FFF;
}

#header .bottom {
	width:100%;
	background-color:#980505;
	height:6px;
}

#header img.logo {
	width:200px;
	height:150px;
	position:absolute;
	left:-20px;
	top:3px;
	z-index:5;
}

#header img.ribbon {
	width:702px;
	height:100px;
	border:0px;
	position:absolute;
	left:-1px;
	top:153px;
	z-index:6;
}

#header img.ribbon_left {
	width:148px;
	height:78px;
	position:absolute;
	left:-149px;
	top:183px;
	z-index:4;
}

#header img.ribbon_right {
	width:148px;
	height:78px;
	position:absolute;
	left:701px;
	top:183px;
	z-index:4;
}

/* MAIN PAGE BODY */
#body {
	padding:20px;
}

/* INDEX PAGE CONTENT */
#body #content {
	font-size:12px;
	padding-top:10px;
}

#body #content a {
	color:#980505;
}

#body #content a:hover {
	color:#1A114C;
}

#body #content .title {
	color:#1A114C;
	font-size:18px;
	font-weight:bold;
}

/* BODY NAVIGATION */
#body #side {
	margin-left:10px;
	margin-top:10px;
	width:200px;
	float:right;
}

#body #side #sidewrapper {
	width:200px;
	margin-bottom:20px;
	margin-top:10px;
}

#body #side #sidewrapper a:link, a:active, a:visited {
	color: #1A114C;
	text-decoration: none;
	font-weight: bold;
}

#body #side #sidewrapper a:hover {
	color: #980505;
}

#body #side #sidewrapper .title {
	color: #1A114C;
	font-size: 10px;
	text-decoration: none;
	font-weight: bold;
}

#body #side #sidewrapper img.head {
	float:left;
	width:50px;
	position:relative;
	left:-5px;
	top:-12px;
	z-index:5;
}

#body #side #sidewrapper .top {
	padding:0px;
	margin:0px;
	height:20px;
	background-color:#1A114C;
}

#body #side #sidewrapper .top .title {
	float:right;
	padding:3px;
	padding-right:5px;
	text-align:center;
	color:#888;
	font-weight:bold;
}

#body #side #sidewrapper .body {
	padding:10px;
	padding-top:18px;
	margin:0px;
	background-color:#CAC8D6;
	border-bottom:dotted 1px #1A114C;
}

#body #side #sidewrapper .bot {
	text-align:right;
	font-size:10px;
	font-weight:bold;
}	

#body #side .cal {
	border:dotted 1px #7F7A9B;
	background-color:#BCCFDF;
	padding:3px;
	margin-top:5px;
	color:#1A114C;
	font-weight:bold;
	text-align:right;
}

#body #side .caldescript {
	display:none;
}

#body #side .date {
	display:block;
	float:left;
}

/* NEWS STORY */
#body #news_wrapper {
    clear:left;
    margin:10px 0 10px 0;
    width:450px;
    font-size:12px;
}

#body #news_wrapper .title {
	background-color:#980505;
    color:#FFF;
    height:20px;
    padding:3px;
    font-size:16px;
    font-weight:bold;
    text-align:left;
}

#body #news_wrapper .date {
	font-size:10px;
	font-style:italic;
    text-align:left;
    color:#323703;
}

#body #news_wrapper .content {
 	background:#e3ddcb;
    border-bottom:dotted 1px #ada27e;
    border-top:0;
    margin-top:0px;
    padding:5px 15px 10px 15px;
    text-align:left;
    color:#000;
}

#body #news_wrapper .link {
	color:#980505;
	text-align:right;
}

#body #news_wrapper .link a, #body #news_wrapper .link a:active, #body #news_wrapper .link a:visited {
	color:#980505;
}

#body #news_wrapper .link a:hover {
	color:#1A114C;
}

/* FCKEDITOR STYLES */
.fck_bluetitle {
	color:#1A114C;
	font-size:18px;
	font-weight:bold;
	text-align:center;
}

.fck_redtitle {
	color:#980505;
	font-size:18px;
	font-weight:bold;
	text-align:center;
}

/* MEMBERS AND PHOTOS */

#members {
	width:200px;
	margin-right:200px;
	border-right:dotted 1px #1A114C;
	font-size:10px;
}

#members #member_wrapper {
	width:180px;
	background-color:#CAC8D6;
	border-left:solid 1px #1A114C;
	padding:0px;
	margin-top:10px;
}

#members #member_wrapper a {
	display:block;
	width:92%;
	padding:5px;
	font-weight:none;
}

#members #member_wrapper a:hover {
	display:block;
	width:100%;
	background-color:#A7A4BB;
}

#members #member_wrapper .pic {
	width:40px;
	margin-right:20px;
}

#members #member_wrapper #text {
	width:125px;
	float:right;
	font-size:10px;
	font-weight:none;
	text-align:right;
	color:#666;
	
}

#members #member_wrapper #text .title {
	text-align:right;
	font-weight:none;
	font-size:12px;
	color:#1A114C;
}

#info {
	float:right;
	display:block;
	width:450px;
}

#info #vitals {
	width:450px;
	background-color:#000;
	margin-bottom:20px;
	margin-top:10px;
}

#info #vitals a:link, a:active, a:visited {
	color: #1A114C;
	text-decoration: none;
	font-weight: bold;
}

#info #vitals a:hover {
	color: #980505;
}

#info #vitals img.head {
	float:left;
	width:50px;
	position:relative;
	left:-5px;
	top:-12px;
	z-index:5;
}

#info #vitals .top {
	padding:0px;
	margin:0px;
	height:20px;
	background-color:#1A114C;
}

#info #vitals .top .title {
	float:right;
	padding:3px;
	padding-right:5px;
	text-align:center;
	font-size:14px;
	color:#FFF;
	font-weight:bold;
}

#info #vitals #body {
	padding:10px;
	padding-top:18px;
	margin:0px;
	background-color:#CAC8D6;
	border-bottom:dotted 1px #1A114C;
}

#info #vitals #body img {
	width:120px;
	height:120px;
	border:dotted 1px #1A114C;
}

#info #vitals .name {
	color:#980505;
	font-size:16px;
	font-weight:bold;
	/*border-bottom:dotted 1px #000;*/
}

#info .photo {
	width:120px;
	height:120px;
	padding:5px;
	margin:5px;
	border:solid 1px #999;
}

#info a.photolink img {
	border:solid 1px #999;
}

#info a:hover.photolink img {
	background-color:#CAC8D6;
	border:solid 1px #000;
}

#info .paginate {
	width:100%;
	text-align:center;
	color:#666;
	font-size:10px;
}

#info #item_description {
	width:395px;
	padding:10px;
	margin:6px;
	/*margin-top:32px;*/
	background-color:#CAC8D6;
	border-left:solid 1px #1A114C;
}

#info #item_description .pic {
	width:40px;
	margin-right:20px;
}

#info #item_description #text {
	width:300px;
	float:right;
	font-size:10px;
	font-weight:none;
	text-align:right;
	color:#666;
}

#info #item_description #text table {
	width:100%;
	height:120px;
	vertical-align:middle;
	text-align:center;
}

#info #item_description #text a {
	color:#1A114C;
}

#info #item_description #text .title {
	text-align:right;
	font-weight:none;
	font-size:12px;
	color:#1A114C;
}

#info #item_description .descript {
	text-align:left;
	font-size:10px;
	color:#666;
}

#thirdCol {
	float:right;
	width:150px;
	height:100%;
	margin-left:10px;
	padding:5px;
	margin-top:5px;
	border:dotted 1px #1A114C;
	font-size:14px;
	background-color:#BCCFDF;
	text-align:center;
}

/* FORM */
.tableborder {
	text-align:center;
	padding:0px;
	width:500px;
	background:#CAC8D6;
	border:solid 1px #1A114C;
}

.tablesubmit {
	width:100%;
	padding: 5px 0 5px 0;
	background:#1A114C;
}

#form {
	color:#000;
	padding:10px;
}

#form_song {
	border:dotted 1px #7F7A9B;
	background-color:#BCCFDF;
	padding:3px;
	margin-top:5px;
	color:#1A114C;
	font-weight:bold;
	text-align:right;
	padding:5px;
}

#form .formbold, #form_song .formbold {
	font-weight:bold;
}

#form .formred, #form_song .formred {
	font-weight:bold;
	color:#FF0000;
}

#form .subprint, #form_song .subprint {
	color:#888;
	font-size:10px;
	font-weight:none;
}

#form .left, #form_song .left {
	text-align:left;
	width:150px;
	padding-right:10px;
}

#form .right, #form_song .right {
	text-align:left;
}

/* PAGE FOOTER */
#footer, #push {
	height: 110px; /* .push must be the same height as .footer */
}

#push {
	clear: both;
}

#footer {
	position: relative;
	width: 700px;
	margin: 0 auto;
	border-top:dotted 1px #FFF;
	background-color: #980505;
}

#footer .top {
	width:700px;
	height:10px;
	background-color:#1A114C;
	border-bottom:dotted 1px #FFF;
}

#footer a {
	color: #000;
	font-weight:bold;
	border: 0;
}

#footer a:hover {
	color: #FFF;
	font-weight:bold;
	border: 0;
}

#footer p {
	position: absolute;
	left: 0;
	bottom: 4px;
	width: 700px;
	padding: 0;
	color: #000;
	font-size:10px;
	text-align: center;
}

#footer .copy {
	font-size:8px;
}