/* CSS Document */

body, html {
	margin: 0px;
	padding: 0px;
	width: 100%;/*This enables other elements to extend to 100% width*/
	height: 100%; /*This enables other elements to extend to 100% height*/
	background-image:url(../../images/template/BttmFiligree2b.jpg);
	background-position: center 721px;
	background-repeat: repeat-x;
	background-color: #787b63;
}

/*******************************************************************************************/
/**************************min-width for compliant browsers*********************************/
/*******************************************************************************************/
/*Maintains width of liquid panels at a minimum of 1025ps when browser is resized***********/

#TopBanner, #NavBarDrop, #OrangeNavBar, #MainContent, #MainContentBkg, 
#MiddleBlock, #CenterSection, #BottomIconBar, #BttmFiligree {
	min-width:1025px;
	width:100%;	
}

/*******************************************************************************************/
/**************************min-width for IE6 and earlier************************************/
/*******************************************************************************************/
/*Maintains width of liquid panels at a minimum of 1025ps when browser is resized***********/

* html #TopBanner, * html #NavBarDrop, * html #OrangeNavBar, * html #MainContent, * html #MainContentBkg, 
* html #MiddleBlock, * html #CenterSection, * html #BottomIconBar, * html #BttmFiligree 
{width:expression(document.body.clientWidth < 1026? "1025px": "auto");}

/*******************************************************************************************/
/*******************************Global Elements*********************************************/
/*******************************************************************************************/

#TopBanner {	
	height:115px; 
	background-image: url(../../images/template/Banner-Bkg-Resized80-B.jpg);
	background-position: center center;
	background-repeat:repeat-x;
}

#LogoDiv{
	position:relative; margin: 0 auto; width:1025px;
}

#BannerTextBlock{
	position:absolute; width: 500px; right:26px; top: 93px;
}

.BannerContactText{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px; font-weight:bold; color:#FFFFFF;
}

#BannerTextBlock a {
	color:#FFFFFF;
}
#BannerTextBlock a:hover {
	text-decoration: none;
}
#LoginTextBlock{
	position:absolute; width: 424px; left:26px; top: 93px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
}

#LoginTextBlock a{
	color: #FFFFFF;
}
#LoginTextBlock a:hover {
	text-decoration: none;
}

/* SA Text block is for a special announcement that will go on the top left of the page (where the login message goes) */

#SA1TextBlock{
	position:absolute; width: 424px; left:26px; top: 93px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight: bold;
	color:#FFFFFF;
/*	visibility:hidden;  */
}

#SA1TextBlock a{
	color: #FFFFFF;
}
#SA1TextBlock a:hover {
	text-decoration: none;
}

#SA2TextBlock{
	position:absolute; width: 424px; left:26px; top: 93px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight: bold;
	color:#FFFFFF;
}

#SA2TextBlock a{
	color: #FFFFFF;
}
#SA2TextBlock a:hover {
	text-decoration: none;
}

#MainContentBkg{
	height:500px;
	background-image: url(../../images/template/VineBkg_d.jpg);
	background-position:top center;
	background-repeat: no-repeat;
	background-color:#787A63;
}

#MainContentNav {
	position:absolute;
	right:26px;
	/*
	width: 225px;
	left: 729px;
	top: 445px;
	not sure how these three lines got here but they messed up the div... did they get added to fix something else??? :/ I hope not...
	*/ 
}

/*************************************************************************************/
/******************************icon bar components************************************/
/*************************************************************************************/

#BottomIconBar {
	height:66px;
	width: 1025px;
	min-width:1025px;
	/*background-image: url(../images/NavBar-GradientTile.jpg);*/
	margin:0px auto;
	position:relative;
}

#NavIcon-Guest {
	position:absolute;
	left:10px;
	top:0px;
	width:110px;
	height:66px;
}

#NavIcon-Events {
	position:absolute;
	left:122px;
	top:0px;
	width:110px;
	height:66px;
}

#NavIcon-Giving {
	position:absolute;
	left:230px;
	top:0px;
	width:110px;
	height:66px;
}


#NavIcon-Calendar {
	position:absolute;
	left:710px;
	top:0px;
	float: left;
	width:67px;
	height:66px;
}

#NavIcon-Directory {
	position:absolute;
	left:780px;
	top:0px;
	width:66px;
	height:66px;
}

#NavIcon-Directions {
	position:absolute;
	left:850px;
	top:0px;
	width:74px;
	height:66px;
}

#NavIcon-Podcasts {
	position:absolute;
	left:930px;
	top:0px;
	float: left;
	width:67px;
	height:66px;
}


#NavIcon-Contact {
	position:absolute;
	left:35px;
	top:0px;
	width:60px;
	height:66px;
}

#NavIcon-GroupSite {
	position:absolute;
	left:120px;
	top:0px;
	width:98px;
	height:66px;
}


/********************************************************************************************/
/******************************Global Text & Image Styles************************************/
/********************************************************************************************/

#MainContentHolder {
	position:relative;
	margin: 0 auto;
	top:15px;
	width:995px;
	height:470px;
	background-color:#939682;
}

#FPO1 {
	position:absolute;
	left:0px;
	top:0px;
	width:218px;
	height:235px;
}

#FPO2 {
	position:absolute;
	left:218px;
	top:0px;
	width:154px;
	height:235px;
}

#FPO3 {
	position:absolute;
	left:0px;
	top:235px;
	width:372px;
	height:235px;
}



/****************added DirectionsSWF to rule to control h1 head in driving directions and campus map pages*****************/
#MainContentHolder #textPanel h1, #MainContentHolder #MapHeader h1, #MainContentHolder #RoomListings h1, #MainContentHolder #textPanelHeader h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:18px;
	color:#6D3E01;
}

#MainContentHolder #textPanel h3, #MainContentHolder #textPanelHeader h3{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:16px;
	color:#6D3E01;
}

#MainContentHolder #textPanel p, #MainContentHolder #textPanel td, #MainContentHolder #textPanel li, #MainContentHolder #SearchParameters p, #MainContentHolder #SearchResults td, #MainContentHolder #SearchResults p {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#FEFEE1;
}
#MainContentHolder #textPanel th, #MainContentHolder #SearchResults th {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#6D3E01;
}

#MainContentHolder #textPanel .big {
	font-size:15px; color:#FEFEE1;
}

#MainContentHolder #textPanel .sm, #MainContentHolder #RoomListings .sm{
	font-size:11px; color:#FEFEE1;
}

#MainContentHolder #textPanel .smh3, #MainContentHolder #textPanelHeader .smh3 {
        font-size: 13px;
}

#MainContentHolder #textPanel .redsm {
    font-size:11px; color:#6D3E01;
}
#MainContentHolder #textPanel .red {
    color:#6D3E01;
}

#MainContentHolder #textPanel a, #MainContentHolder #RoomListings a, #MainContentHolder #textPanelHeader a, #MainContentHolder #SearchResults a{
	color: #6D3E01;
}

#MainContentHolder #textPanel a img{
	border: none;
}

#MainContentHolder #textPanel a:hover, #MainContentHolder #RoomListings a:hover, #MainContentHolder #SearchResults a:hover, #MainContentHolder #textPanelHeader a:hover{
	text-decoration:none;
}

#MainContentHolder #textPanel table, #MainContentHolder #SearchResults table {
	border-left: 1px solid #ADAEA1;
	border-top: 1px solid #ADAEA1;
}

#MainContentHolder #textPanel table.tableNoBorder, #MainContentHolder #SearchResults table.tableNoBorder {
	border-left: none;
	border-top: none;
}

#MainContentHolder #textPanel td, #MainContentHolder #textPanel th, #MainContentHolder #SearchResults td, #MainContentHolder #SearchResults th {
	border-right: 1px solid #ADAEA1;
	border-bottom: 1px solid #ADAEA1;
	padding: 3px;
}

#MainContentHolder #textPanel tr.odd td {
    background-color:  #939679;
}
#MainContentHolder #textPanel table.tableNoBorder td, #MainContentHolder #textPanel table.tableNoBorder th, #MainContentHolder #SearchResults table.tableNoBorder td, #MainContentHolder #SearchResults table.tableNoBorder th {
	border-right: none;
	border-bottom: none;
	padding: 3px;
}

#MainContentHolder #textPanel p.msg, #MainContentHolder #SearchResults p.msg {
	border: 1px solid black;
	background: #DDDDDD;
	color: #333333;
	font-weight: bold;
	padding: 3px;
}
#MainContentHolder #textPanel p.error, #MainContentHolder #SearchResults p.error {
	border: 1px solid #993333;
	background: #DDDDDD;
	color:#993333;
	font-weight: bold;
	padding: 3px;
}
/*
#MainContentHolder #textPanel input {
	background-color: #EEEEEE;
	padding: 2px;
}*/
.Subhead{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:12px;
	color:#2F3102;
}
.nomargin {
	margin: 0px;
}
.smmargin {
        margin: 5px;
}
/*************************************************************************************/
