/*
		File: 	monastery_global.css
		Date: 	Tuesday, July 24 2007
		Author: Rick Sweeney - \Belmont Abbey College\ricksweeney@bac.edu  
		Desc:		General presentation handler for the Belmont Abbey Monastery site
		~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
		Copyright (c) 2007 Belmont Abbey College
*/

/*---------------------------------------------------------------------------- 
ESSENTIAL
-----------------------------------------------------------------------------*/
html, body {
	border:0;
	margin:0;
	padding:0;
}
body{
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	background: #E9E9E9 url(cssimages/body_bg.jpg) top left repeat-x;	
}
img { 
	border: none;
 }
.clear_floats { 
	clear: both; 
} 
/*---------------------------------------------------------------------------- 
ESSENTIAL - HEADINGS
-----------------------------------------------------------------------------*/

h1, h2, h3, h4, h5, h6 {
	margin:0;
	padding:0;
	font-weight:normal;
}
/*---------------------------------------------------------------------------- 
LISTS
-----------------------------------------------------------------------------*/

dd, dt, dd {
	margin: 0;
	padding: 0;	
}
dt {
	font-weight:bold;
}
dd {	
	line-height: 180%;
}

/*---------------------------------------------------------------------------- 
ESSENTIAL - TEXT
-----------------------------------------------------------------------------*/

p, ul, ol dl{
	margin:0;
	padding:0;
	line-height: 180%;
	text-align: left;
} 
ul, ol {
	list-style:none;
	}
/*---------------------------------------------------------------------------- 
IMAGES
-----------------------------------------------------------------------------*/
.img_float_left {
	float:left;
	padding: 10px;
}
.img_float_right {
	float:right;
	padding: 10px;
}
	
/*---------------------------------------------------------------------------- 
WRAPPERS
-----------------------------------------------------------------------------*/
#wrapper {
	margin: 0 auto;
	padding: 0; 
	width: 820px;
	background: url(cssimages/content_wrapper_bg.jpg) repeat-y top center;	
}
#main_content_wrapper{
	margin: 0;
	padding: 0;
	background: url(cssimages/main_content_gradient.png) no-repeat top center;  
} 

/*---------------------------------------------------------------------------- 
Structured Table CSS 
-----------------------------------------------------------------------------*/	
caption {
	padding: 10px;
	text-align:left;
	text-transform: uppercase;
	font-size: 120%;
	letter-spacing: .2em;
	background-color:#865254;
	color: #ffffff;
}
.table_style {
	border: none;
	border-top: 1px solid #B6918C;
	border-bottom: 1px solid #B6918C;
}
.table_style, th, .althead{ 
	padding: 5px 10px;
	font-size: 105%;
	text-transform:uppercase;
	text-align:left;
	color:#420b04;
	background: #D8C1BE;
}
.table_style, th {
	border: 1px solid #B6918C;
	border-collapse: collapse;
	padding: 5px 10px;
	font-size: 90%;
	text-transform:uppercase;
	text-align:left;
	color:#333;
	background: #D8C1BE;
}
.table_style td{
	background: #EADCDA;
	text-transform:uppercase;
	text-align:left;
	color:#000;
	border: 1px solid #F3E8D2;
	border-collapse: collapse;
	padding: 5px 10px;
	}
/*th {
	padding: 5px 10px;
	font-size: 90%;
	text-transform:uppercase;
	text-align:left;
	color:#333;
	background: #E0D8C1;	
	}*/
.td_style {
	padding: 0 10px; /* top 0 , bottom 0 right 10, left 10*/
	background: #C7C0AC;
}
/*---------------------------------------------------------------------------- 
 HEADER
-----------------------------------------------------------------------------*/
#header{
	margin: 0px 0px 0px 1px;
	padding: 0; 
	width: 820px;
	height: 102px;
	background: #E9E9E9 url(cssimages/header.jpg) no-repeat; 
}
div#header h1 a{
	text-indent: -9999px;
	display:block;
	width: 400px;
	height: 102px;
} 
/*---------------------------------------------------------------------------- 
NAVIGATION
-----------------------------------------------------------------------------*/
.navigation {
	margin:0;
	padding:0;	
	}
.navigation ul {
	margin: -45px 0px 0px 325px;
	padding:0;
	}
.navigation li {
	display:inline;	
}
.navigation li a:link, .navigation li a:visited {
	color: #000000;
	text-decoration:none;	
   	font-size: 95%;
	font-weight:normal;
	margin:0;
	padding:0;
	}
.navigation li a:hover {
	color: #E9E9E9;	
	text-decoration:none;
	font-size: 95%;
}
/*---------------------------------------------------------------------------- 
 FORMS
-----------------------------------------------------------------------------*/
#search_wrapper {
	margin:0;
	padding:0;

}
#search {
	float: right;
	width: 228px;	
	padding: 17px 54px 0px 0px;
	margin:0;
}
#inputtext1 {
	width: 130px;
	padding: 2px;
	background: #FFFFFF;
	border-top: 1px solid #DFDFDF;
	border-left: 1px solid #EBEBEB;
	background:  url(cssimages/search_bck.gif) no-repeat left top;
}
#inputsubmit1 {
	width: 59px;
	height: 13px;
	background:  url(cssimages/search_txt.png) no-repeat left top;
	border: none;
	text-transform: uppercase;
	font-size: 8px;
	font-weight: bold;
	color: #FFFFFF;
	padding:0;
	margin: 0px 10px 0px 0px;	
}
#search_content {
	float: left;
	 /** original width 510 - 80 for padding */
	padding: 20px 40px 40px 40px;
	margin: 0;
	/*background:  url(cssimages/decoration_div.png) no-repeat 50% 180px;*/
}
#search_content h1 {
	padding:0px 5px 10px 0px;
	margin: 0;
}
#search_content h2 {
	padding:0px 5px 10px 0px;
	margin: 0;
	font-size:12px;
	font-weight:bold;
}
/*---------------------------------------------------------------------------- 
CONTENT
-----------------------------------------------------------------------------*/
#content_media {
	float: left;
	width: 760px;  /** original width 510 - 80 for padding */
	padding: 0px 0px 0px 60px;
	margin: 0;
	/*background:  url(cssimages/decoration_div.png) no-repeat 50% 180px;*/
}
#content_media a:link, #content_media a:visited {
	color: #9F0008;
	text-align:left;
	font-weight:normal;
	padding:0;
	margin:0;	
}
#content_media a:hover {
	color: #000000;
	text-decoration:underline;
	}	
#content {
	float: left;
	width: 430px;  /** original width 510 - 80 for padding */
	padding: 20px 40px 40px 40px;
	margin: 0;
	/*background:  url(cssimages/decoration_div.png) no-repeat 50% 180px;*/
}
#content a:link, #content a:visited {
	color: #9F0008;
	text-align:left;
	font-weight:normal;
	padding:0;
	margin:0;	
}
#content a:hover {
	color: #000000;
	text-decoration:underline;
	}
#content h1 {
	padding:0px 5px 10px 0px;
	margin: 0;
}
#content h2 {
	padding:0px 5px 12px 55px;
	margin: 0;
	font-size:10px;
	font-weight:bold;
}
#content h3 {
	font-size:12px;
	}
#content ul {
	margin: 0px 0px 0px 24px;
	padding: 0;
}
#content ul h2{
	margin: 0px 0px 0px 24px;
	padding: 0;
	color: #000000;
	font-size:10px;	
}  
#content li {
	background: url(cssimages/li_bullet.png) no-repeat 1px 4px;
	padding: 0px 0px 0px 30px;
	margin: 0;
	color: #71504C;
	font-size:12px;
	font-weight:bold;
}
#content li a:link, #content li a:visited{	
	color: #71504C;
	font-weight:bold;	
	}
#content li a:hover{	
	color: #000000;
	font-weight:bold;	
	text-decoration:underline;
	}
#content p {
	padding: 10px 0px 10px 0px;
	margin:0px;
}
.main_content_img{
	margin: 0;
	padding: 0;
	background: #E9E9E9 url(cssimages/main_content_img.jpg) no-repeat top center; 
	height: 201px;
	width: 820px;
}
#main_content_img_placement {
	padding: 0px 0px 0px 2px;
}
.main_content_img_interior{
	margin: 0px 0px 0px 33px;
	padding: 0;	
	height: 114px;
	width: 765px;
}
#flashcontent {
	width: 770px;
	height: 201px;
	margin-left: auto;  
	margin-right: auto;		
} 
#flashcontent_interior {
	width: 765px;
	height: 114px;
	margin: 0px 0px 0px 28px;
	padding: 0;		
} 
#flash_img_replacement {
	padding: 0;
	margin: 0;	
} 
/*---------------------------------------------------------------------------- 
SIDEBAR
-----------------------------------------------------------------------------*/
#sidebar {
	float: left;
	width: 309px;  /** original width 255 - 40 for margins */
	padding: 0px 0px 5px 0px;
	border-left: 1px solid #C5C4C4;
	margin: 0;
}

/* Yup, that's right - the wrapper background from "id=wrapper" has gone missing in content and sidebar. It looked fine in IE7, but Firefox did not like it. 

Why the heck is this? Well, when floating elements, it means they are.. well.. floating. If you imagine the parent element as the ground, and the floating element as floating, there is no point for the parent on the ground to extend, since the floating element doesn't need to the ground to float. This can be fixed, though! 

clear: both; to the rescue! 
To combat this evil little rule of web physics, we just add a div with a class name called "clear_floats" after the columns, which closes the floating at the end, like so: */
#sidebar h1 {
	margin: 23px 0px 5px 28px;
}
#sidebar ul {
	margin: 0px 0px 0px 24px;
	padding: 0;
} 
#sidebar li {
	background: url(cssimages/li_bullet.png) no-repeat 3px;
	padding: 0px 0px 0px 30px;
	margin: 0px 0px -10px 0px;
	color: #71504C;
	font-weight:bold;
} 
#sidebar h2 {
	font-size:11px;
	font-weight:normal;
	padding: 7px 0px 0px 26px;
	color:#3F3939;

}
#sidebar h3 {
	font-size:11px;
	font-weight:normal;
	padding: 0px 80px 15px 26px;
	color: #3F3939;
}
#sidebar h4 a:link, a:visited{
	font-weight:bold;
	font-size:11px;
	padding: 0px 0px 0px 30px;
	margin: 0px 0px -10px 0px;
	color:#71504C;
	text-decoration:none;
}
#sidebar h4 a:hover {
	color:#3F3939;
	text-decoration:underline;
}
#sidebar_sup {

}
#sidebar_sup ul {
	margin: 0px 0px 0px 24px;
	padding: 0;
} 
#sidebar_sup li {
	background: url(cssimages/li_bullet.png) no-repeat 3px;
	padding: 0px 30px 0px 30px;
	margin: 0;
	color: #71504C;
	font-weight:bold;
} 
#sidebar_sup h1 {
	margin: 23px 0px 5px 28px;
}
#sidebar_sup h2{
	font-size:11px;
	font-weight:normal;
	padding: 0px 40px 0px 26px;
	color:#3F3939;
}
#sidebar_sup h3 {
	font-size:11px;
	font-weight:normal;
	padding: 0px 80px 15px 26px;
	color: #3F3939;
}
#sidebar_sup a:link, a:visited{
	font-weight:bold;
	font-size:12px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px -10px 0px;
	color: #900007;
	text-decoration:none;
}
#sidebar_sup li a{
	font-weight:bold;
	font-size:12px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px -10px 0px;
	color: #900007;
	text-decoration:none;
}
#sidebar_sup h4 a:link, a:visited{
	font-weight:bold;
	font-size:12px;
	padding: 0px 0px 0px 30px;
	margin: 0px 0px -10px 0px;
	color: #900007;
	text-decoration:none;
}
#sidebar_sup h4 a:hover {
	color:#3F3939;
	text-decoration:underline;
}
#sidebar_sup_extra {
	margin: 0px 0px 0px 0px;
	padding: 15px 0px 0px 0px;	
} 
#sidebar_sup_extra_home {
	margin: 235px 0px 0px 523px;
	padding: 0;

}
#sidebar_menu {

}
#sidebar_menu li {
	background: url(cssimages/menu_arrow.png) no-repeat 3px;
	padding: 0px 0px 0px 20px;
	margin: 0px 0px 0px 0px;
	color: #3F3939;
	font-weight:bold;
} 
#sidebar_menu li a:link, #sidebar_menu li a:visited {
	padding: 2px;
	margin: 0;
	color:#4F120C;
	background-color:#D8C1BE;
	font-weight:bold;
	text-decoration:none;
	text-transform: uppercase;
	font-size: 90%;
	letter-spacing: .1em;	
} 
#sidebar_menu li a:hover{
	color: #B77A83;
	font-weight:bold;
	text-decoration:none;
} 
#sidebar_decoration_wrapper {
	background:#420B04 url(../images/sidebar_dec_bck.png) repeat-x;
	width:283px;	
}
#sidebar_decoration1 {
	background:url(../images/flowers6.png) no-repeat center 20px;
	height:350px;
}
#sidebar_decoration2 {
	background:url(../images/flowers6.png) no-repeat center 20px;
	height:2200px;
	}
#sidebar_decoration3 {
	background:url(../images/flowers6.png) no-repeat center 20px;
	height:750px;
}
#sidebar_decoration4 {
	background:url(../images/flowers6.png) no-repeat center 20px;
	height:450px;
}
#sidebar_decoration5 {
	background:url(../images/flowers6.png) no-repeat center 20px;
	height:4900px;
	width:282px;
}
#sidebar_decoration6 {
	background:url(../images/flowers6.png) no-repeat center 20px;
	height:4900px;
	width:282px;
}


/*---------------------------------------------------------------------------- 
DECORATIVE DIVIDERS
-----------------------------------------------------------------------------*/

div.hr {
  width:425px;
  height: 57px;
  background: #E3DFD4 url(cssimages/decoration_div.png) no-repeat scroll center;
  padding: 10px 0px 10px 0px;
  margin:0;
  
}
div.hr hr {
  display: none;
}
/*---------------------------------------------------------------------------- 
FOOTER
-----------------------------------------------------------------------------*/
#footer_wrapper {
	background: #B6918C url(../images/content_bottom.gif) repeat-x; 
	/*width:767px;*/
	width: 767px;	
	margin: 0px 0px 10px 26px;
	float:left;
}
#footer {
	margin:31px 0px 0px 0px;
	padding: 10px 0px 0px 0px;
	border-bottom: solid 1px #DEE4E3;
	border-top: solid 1px #DEE4E3;
	background-color: #A36C66;
	color: #ffffff;
	height: 60px;	
}
#footer ul {
	list-style: none;
	margin:0;
	padding:5px 0px 0px 15px;
	}
#footer li {
	display:inline;	
	margin:0;
	padding:0;
}
#footer li a:link, li a:visited {
	color: #E9E9E9;
	text-decoration:none;	
	margin:0;
	padding:0;
	font-weight:normal;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	}
#footer li a:hover {
	color: #370702;	
	text-decoration:none;
}
address {
	margin:0;
	padding: 3px 0px 0px 15px;
	background-color:  #B6918C;
	height: 30px;
	
}
address p {
	margin:0;
	padding: 0px 0px 0px 0px;
	background-color:  #B6918C;
	color: #370702;
		
}