/* reference http://www.pmob.co.uk/temp/fixedlayoutexample5.htm */

body
{
	margin:0;
    font-family: Arial, Helvetica, sans-serif;
	font-size:12px;	
}/* for ie mac*/

/* commented backslash hack v2 \*/ 
html, body{height:100%;padding:0} 
* html, * html body{
	overflow:hidden;
	padding:37px 0;
	margin:-37px 0;
	padd\ing:0;
	ma\rgin:0;
	
}
* html #outer { 
	overflow:auto;
	height:99.9%;
	voice-family: "\"}\""; voice-family:inherit; 
}
* html #body_container{
	position:absolute;
	overflow-y:scroll;
	width:100%;
	height:100%;
	z-index:1;
}
/* end hack */ 

#header{
	position:absolute;/* ie6 will treat this as fixed because of a bug where overflow:auto is set on a parent */
	top:0px;
	left:0px;
	height:37px;
	width:100%;
	margin:0;
	padding:0;
	z-index:999;
	overflow:hidden;
}
#footer-inner {
	height:40px;
	background:#FFFFF;
}
#header-inner {
	height:37px;
	background:transparent;
}
/* mac hide - reduce page to allow the scrollbar to remain visible \*/
* html #header-inner,* html #footer-inner {margin-right:17px;}
/* end hide*/

#footer{
	position:absolute;
	bottom:0;
	width:100%;
	height:40px;
	z-index:999;
}
.headerspacer{height:37px;}
.spacer {height:40px}/* same height as footer/header to preserve space*/
p{margin-top:0}
html>body #header,html>body #footer{position:fixed}/* for moz/opera and others*/





/*-------------- Clearfix -----------------*/
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
/* End hide from IE-mac */

/*-------------- END clearfix -----------------*/
.main{ margin: 0 auto; width:1080px; z-index:10; position:absolute;z-index:998;}
.office_hours_container{ margin: 0 auto; width:1000px; }
/*Start Header*/
      .outer
      {
      	margin:0 auto;
      	width:1080px;
      }
      
      .header_background
      {
         background:url(../Images/HeaderFooter/background.gif) top repeat-x;
		 width:100%;
		 height:169px;
		 position:fixed;
		 z-index:0;
		 top:0px;
		 left:0px;
		 overflow:hidden;
      }
      .header_main{

		 height:37px;
	  }
	  .header_bar{
	     width:1100px;
         height:37px;
		 margin:0px auto;
	  }
	  .header_bar_left, .header_bar_right {
	     width:10px;
		 height:37px;
		 float:left;
	  }
	  .header_bar_left{
	     background:url(../Images/HeaderFooter/header_top_left.gif) top repeat-x;
	  }
	  .header_bar_right{
	     background:url(../Images/HeaderFooter/header_top_right.gif) top repeat-x;
	  }
	  .header_bar_middle{
	     width:556px;
		 height:37px;
		 float:left;
		 background:url(../Images/HeaderFooter/header_middle.gif) top repeat-x;
	  }
	  .header_bar_spacer{
	     width:45px;
		 height:37px;
		 float:left;
		 background:url(../Images/HeaderFooter/header_middle.gif) top repeat-x;
	  }
	  .header_bar_office_hours_on
	  {
	  	 text-align:right;
	     float:left;
		 height:37px;
		 width:479px;
		 background:url(../Images/HeaderFooter/header_office_hours_on_long.gif);
	  }
	  
	  .header_bar_office_hours_link {
		 display: block;
		 height:37px;
		 width:179px;	
		 margin-left:300px;
	  }
	  
	  .header_bar_office_hours_off
	  {
	  	 text-align:right;
	     float:left;
		 height:37px;
		 width:479px;
		 color:#ffffff;
		 font-weight:bold;
		 background:url(../Images/HeaderFooter/header_middle.gif) top repeat-x;
		 padding-top:11px;
	  }
	  
	  .header_bar_office_hours_off_text
	  {
		 color:#ffffff;
		 font-weight:bold;
		 text-decoration:none;
	  }
	  
	  .page_header_main{
	     width:1080px;
         height:131px;
		 margin:0px auto;
	  }
	  .page_header_title_image{
	     float:left;
		 height:131px;
		 width:325px;
	  }
	  .page_header_explore_map{
	     float:right;
		 height:131px;
		 width:235px;
		 margin-right:62px;
	  }
/*End Header*/
/*Start Footer*/
	  .footer_bar{
	     width:1100px;
         height:40px;
		 margin:0px auto;
	  }
	  .footer_bar_left, .footer_bar_right {
	     width:10px;
		 height:40px;
		 float:left;
	  }
	  .footer_bar_left{
	     background:url(../Images/HeaderFooter/footer_left.gif) top repeat-x;
	  }
	  .footer_bar_right{
	     background:url(../Images/HeaderFooter/footer_right.gif) top repeat-x;
	  }
	  .footer_bar_middle{
	     width:1000px;
		 height:40px;
		 float:left;
		 background:url(../Images/HeaderFooter/footer_middle.gif) top repeat-x;
	  }
	  .footer_bar_onu_img{
	     width:80px;
		 float:left;
		 height:40px;
		 border:none;
		 border-collapse:collapse;
		 /*background:url(../Images/HeaderFooter/footer_onu.gif);*/
	  }
	  .footer_link_right{
	     color:#FFFFFF;
		 margin-top:14px;
		 float:right;
		 margin-right:20px;
	  }
	  .footer_link_left{
	     color:#FFFFFF;
		 margin-top:14px;
		 float:left;
		 margin-right:20px;
	  }
/*End Footer*/

/*Grid*/
.grid
{
	width: 500px;
	text-align: left;
	border: solid 1px #cccccc;
}
/*End Grid*/
.blogLink
{
	color:#8560A8;
    text-decoration:none;
    font-weight:bold;
}

.olivetInput
{
	border:1px solid #8560A8;
}

.loginLabel
{
    text-decoration:none;
	color:#FFFFFF;
}

.loginMenu
{
	float:left;
}

.loginMenu a:visited
{
	text-decoration:none;
	color:#FFFFFF;
}

.hotLinksHeader
{
	font-size: 16px;
	font-weight:bold;
	color:#666666;
	margin-bottom:10px;
	padding-bottom:10px;
	border-bottom:1px solid #cccccc;
	width:100%;
}
.hotLinksBody
{
	width:100%;
}
.hotLink
{
	float:left;
	margin-right:40px;
}
.hotLink a
{
	text-decoration:none;
	color:#8560A8;
	font-size:14px;
	font-weight:bold;
}
.linkButton
{
	text-decoration:none;
	color:#8560A8;
	font-size:14px;
	font-weight:bold;
}
.widgetHeader 
{
	font-size: 16px;
	font-weight:bold;
	color:#666666;
	margin-bottom:10px;
	padding-bottom:10px;
	border-bottom:1px solid #cccccc;
}

.rtWidgetBody
{
	height:327px;
	overflow:auto;
	padding-right:5px;
}
.ltWidgetBody
{
	height:325px;
}
.rbWidgetBody
{
	height: 450px;
	overflow:auto;
}
.lbWidgetBody
{
	height:450px;
}

.rtwidget 
{
	width: 440px;
	margin-left:20px;
	margin-bottom:16px;
	float: left;
}
.ltwidet
{
	width:600px;
	margin-right:20px;
	/*
	margin-bottom:16px;
    */
	float: left;
}
.rbwidget
{
	width: 440px;
	margin-left:20px;
	margin-top:26px;
	float: left;
	height:550px;
}
.lbwidget
{
	width:600px;
	margin-right:20px;
	margin-top:26px;
	float: left;
	height:550px;
}

.ltWidgetLinks
{
	margin-top:5px;
	margin-right:5px;
}

.ltWidgetLinks a
{
	text-decoration:none;
	color:#8560A8;
	font-size:14px;
	font-weight:bold;
}

.ltWidgetLinks_left
{
	float:left;
}
.ltWidgetLinks_right
{
	float:right;
	margin-right:90px;
}
.italic
{
	font-style:italic;
}
/*-------------- Review widget -----------------*/
.review_acc 
{
    overflow: hidden !important;
}

.review_acc_header_closed
{
    font-size: 10px;
    color: #666;
    padding: 3px 0 7px 19px;
    margin-bottom: 2px;
    border-bottom: 1px solid #ccc;
    background-image: url(../../Resources/images/review_arrow_closed.gif);
    background-repeat: no-repeat;
    background-position: 1px 7px;
    text-transform: uppercase;
}

.review_acc_header_opened 
{
    font-size: 10px;
    color: #666;  
    padding: 3px 0 7px 19px;
    margin-bottom: 3px;
    background-image: url(../../Resources/images/review_arrow_opened.gif);
    background-repeat: no-repeat;
    background-position: 1px 7px;   
    text-transform: uppercase; 
}

.review_acc_header_title 
{
    padding: 5px 0;
    width: 150px;
    float: left;
}

.review_acc_header_average 
{
    float: left;
    padding: 5px 10px 0 25px;
    font-weight: bold;
}

.review_acc_header_count 
{
    float: left;
    padding: 5px 0 0 12px;
    font-weight:bold;
}

.review_acc_content 
{
    padding: 0 0 10px 30px;
    overflow: hidden !important;
}

.review_body_comment_by 
{
    float: left;
    width: 120px;
    font-weight: bold;
    padding: 5px 0 0 10px;
    color: #666;
}

.review_body_date 
{
    float: left;
    width: 80px;
    padding: 5px 0;
    color: #666;
}

.review_comment_delete_link 
{
    float: left;
    width: auto;
    padding: 5px 0;
    width:390px;
    font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: bold;
	text-decoration: underline;
	color: #8560A8;
}

.review_submit_button
{
	margin-top:5px;
}

.review_comment
{
    font-size: 10px;
    padding-bottom: 15px;
}

.rating_container
{
    float: left;
    height: 21px;
}

.rating_star 
{
    width: 13px;
    height: 21px;    
}

.rating_star_empty
{
    background-image: url(../../Resources/images/rating_star_empty.gif);
    background-repeat: no-repeat;
}

.rating_star_filled 
{
    background-image: url(../../Resources/images/rating_star_filled.gif);
    background-repeat: no-repeat;
}

.rating_star_waiting: 
{
    /* TODO: Get image specific to waiting state */
    background-image: url(../../Resources/images/rating_star_filled.gif);
    background-repeat: no-repeat;    
}
.rating_add_review
{
	color:#666666;
}

/*-------------- END review widget -----------------*/
.error
{
	color:Red;
	font-weight:bold;
}
.notice
{
	color:#8560A8;
	font-weight:bold;
}
.loginError
{
	color:Yellow;
	font-weight:bold;
}

/*Hand Drawn Art*/
.css_fixed_art_one
{
	width:104px;
	height:165px;
	position:relative;
	z-index:400;
	top:200px;
	left:1080px;
	background:url(../Images/HandDrawn/cen-studentsuccess.gif)
}

.sps_fixed_art_one
{
	width:104px;
	height:165px;
	position:relative;
	z-index:400;
	top:200px;
	left:1080px;
	background:url(../Images/HandDrawn/schoolprofstudies.gif)
}

.cas_fixed_art_one
{
	width:87px;
	height:141px;
	position:relative;
	z-index:400;
	top:200px;
	left:-87px;
	background:url(../Images/HandDrawn/collegearts-sci1.gif)
}

.cas_fixed_art_two
{
	width:102px;
	height:112px;
	position:relative;
	z-index:400;
	top:400px;
	left:1080px;
	background:url(../Images/HandDrawn/collegearts-sci2.gif)
}

.tcm_fixed_art_one
{
	width:87px;
	height:147px;
	position:relative;
	z-index:400;
	top:200px;
	left:-87px;
	background:url(../Images/HandDrawn/school-theo-cm1.gif)
}

.tcm_fixed_art_two
{
	width:104px;
	height:84px;
	position:relative;
	z-index:400;
	top:400px;
	left:1080px;
	background:url(../Images/HandDrawn/school-theo-cm2.gif)
}

.spl_fixed_art_one
{
	width:87px;
	height:99px;
	position:relative;
	z-index:400;
	top:200px;
	left:-87px;
	background:url(../Images/HandDrawn/spirituallife1.gif)
}
.spl_fixed_art_two
{
	width:104px;
	height:56px;
	position:relative;
	z-index:400;
	top:400px;
	left:1080px;
	background:url(../Images/HandDrawn/spirituallife2.gif)
}

.res_fixed_art_one
{
	width:87px;
	height:84px;
	position:relative;
	z-index:400;
	top:200px;
	left:-87px;
	background:url(../Images/HandDrawn/residential1.gif)
}
.res_fixed_art_two
{
	width:103px;
	height:78px;
	position:relative;
	z-index:400;
	top:400px;
	left:1080px;
	background:url(../Images/HandDrawn/residential2.gif)
}
.stl_fixed_art_one
{
	width:87px;
	height:137px;
	position:relative;
	z-index:400;
	top:200px;
	left:-87px;
	background:url(../Images/HandDrawn/studentlife1.gif)
}
.stl_fixed_art_two
{
	width:88px;
	height:140px;
	position:relative;
	z-index:400;
	top:400px;
	left:1080px;
	background:url(../Images/HandDrawn/studentlife2.gif)
}
.sed_fixed_art_one
{
	width:87px;
	height:154px;
	position:relative;
	z-index:400;
	top:200px;
	left:-87px;
	background:url(../Images/HandDrawn/schoolofed1.gif)
}
.sed_fixed_art_two
{
	width:102px;
	height:143px;
	position:relative;
	z-index:400;
	top:400px;
	left:1080px;
	background:url(../Images/HandDrawn/schoolofed2.gif)
}
.ath_fixed_art_one
{
	width:104px;
	height:146px;
	position:relative;
	z-index:400;
	top:200px;
	left:-104px;
	background:url(../Images/HandDrawn/athletics.gif)
}
.grc_fixed_art_one
{
	width:87px;
	height:84px;
	position:relative;
	z-index:400;
	top:200px;
	left:-87px;
	background:url(../Images/HandDrawn/grad-continuing1.gif)
}
.grc_fixed_art_two
{
	width:103px;
	height:78px;
	position:relative;
	z-index:400;
	top:400px;
	left:1080px;
	background:url(../Images/HandDrawn/grad-continuing2.gif)
}
.adm_fixed_art_one
{
	width:104px;
	height:146px;
	position:relative;
	z-index:400;
	top:200px;
	left:-104px;
	background:url(../Images/HandDrawn/admissions.gif)
}