/***************************************** 
 * Author: IU Office of Creative Services
 *
 * CSS for screen delivery
 * 
 * The function of this stylesheet is to 
 * control the layout and formatting of 
 * the branding bar and footer.
 * 
 * Except for the exceptions stated in 
 * the README.txt document, none of the 
 * styles in this document should be 
 * modified.
 * 
 * At the end of this document are 
 * commented (i.e.: optional) styles that
 * you can enable to further control the
 * appearance of the IUB branding bar and
 * footer.
 ****************************************/

/****************************************
 * General Formatting
 ****************************************/
html {
	margin: 0;
	padding: 0;
}

body {
	background: #423c30;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	margin: 0;
	padding: 0;
	border: 0;
	/*height: 100%; /**/
	text-align: center;
//    	background-image:url(../images/neuralNetTopTile.jpg);
	background-position:top;
    	background-repeat:repeat-x;
	}

img {
	border: 0;
	}

/****************************************
 * Page Content Container
 ****************************************/

#container {
	position:relative;
	margin:0 auto;
	background-image:url(../images/containerbg.png);
	background-position:center;
	background-repeat:repeat-y;
	min-width:800px;
	height:auto !important; /**/
    height:100%; /* IE6: treaded as min-height*/
    min-height:100%; /* real browsers */
}
#ie6container {
	position:relative;
	margin:0 auto;
	background-image:url(../images/ie6containerbg.gif);
	background-position:center;
	background-repeat:repeat-y;
	min-width:800px;
	height:auto !important; /**/
    height:100%; /* IE6: treaded as min-height*/
    min-height:100%; /* real browsers */
}
#content {
  position:relative;
  margin:0 auto;
  padding:0; border:0;
  width:800px;
  text-align:left;
}
#header {
	position:relative;
	top:0; left:0; border:0;
	margin:0; padding:0;
	border-bottom: 2px solid #555555;
	height:60px; 
	width:799px;
	background-image:url(../images/beigebg.png);
	background-repeat:repeat;
}

#header h1 {

	/*font-variant:small-caps;*/
	font-family:Georgia, "Times New Roman", Times, serif;
	text-decoration:none;
	text-align:center;
	vertical-align:middle;
	font-size:xx-large;
	font-stretch:extra-condensed;
	font-weight:normal;
	color:#575135;
	margin-top:0;
	margin-bottom:5px;
}

#PageTitleBox {
	position:absolute;
	top:10px; left:10px;
	width:510px;
	height:180px;
	background-image:url(../images/boxPageTitlebg.gif);
	background-repeat:repeat-x;
	background-position:left;	
}
#PageTitleBox a {
	position:absolute;
	bottom:0; right:0;
	font-variant:small-caps;
	color:#FFF;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:36px;
	text-align:right;
	padding-bottom:15px;
	padding-right:15px;
	text-decoration:none;
	border:none;
	outline:none;
}
#HeaderPhotoBox {
	position:absolute; 
	top:10px; right:10px;
	float:right;
	background-image:url(../images/header.jpg);
	background-position:center;
	background-repeat:no-repeat;
	height:180px;
	width:260px;
}
#QuickLinkBox {
	position:absolute;
	bottom:10px; left:10px;
	margin:0; padding:0;
	background-color:#7d110c;
	height:44px;
	width:778px;
	border-right:solid;
	border-right-color:#666;
	border-right-width:2px;
	text-align:right;
	text-decoration:none;
}
#QuickLinkLabel {
	float:right;
	text-transform:uppercase;
	text-decoration:none;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:small;
	font-stretch:extra-condensed;
	color:#F8F3D2;
	padding:12px;
}
#QuickLink {
	float:right;
	min-width:50px;
	height:40px;
	border:solid;
	border-color:#666;
	border-width:2px;
	border-right:none;
	text-decoration:none;
	background-image:url(../images/quickLinkbg.jpg);
	background-position:left;
	background-repeat:repeat-x;
}
#QuickLink:hover {
	background-image:url(../images/quickLinkbgHover.jpg);
	background-position:left;
	background-repeat:repeat-x;
}
#QuickLink a {
	position:relative;
	text-transform:uppercase;
	text-decoration:none;
	outline:none;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:small;
	font-stretch:extra-condensed;
	color:#F8F3D2;
	padding:10px;
	top:10px;
}
#mainbody {
	position:relative;
	margin:0; padding:0;
	top:0; left:0;
	/* ATROCIOUS HACK: 
	   THE FOLLOWING THREE HEIGHT STATEMENTS
	   ARE REQUIRED TO KEEP THE MAIN BODY
	   AS TALL AS THE LEFT BODY COULD POSSIBLY
	   EXPAND TO... 940 pixels, I THINK.
	*/
	height:auto !important;
	height:940px; /* FOR IE */
	min-height:940px; /* FOR NORMAL BROWSERS */
	width: 800px;
	text-align:left;
}
#leftbody {
	position:absolute;
	top:0;
	left:0;
	width:198px;
	text-align:left;
	margin-bottom:15px;
}
#nav {
	margin:0; padding:0;
	position:relative;
	top:0; left:0;
	width: 198px;
	text-align:left;
	margin-bottom:15px;
}
#events {
	position:relative;
	width: 198px;
	text-align:left;
}
#eventtitle {
	padding-left:10px;
	padding-top:15px;
	margin-bottom:8px;
}
#eventtitle a {
	font-variant:small-caps;
	font-family:Georgia, "Times New Roman", Times, serif;
	text-decoration:none;
	outline:none;
	font-size:20px;
	font-stretch:extra-condensed;
	font-weight:normal;
	color:#333;
}
#clearthefloat {
	clear:both; 
	/* WITHOUT THIS, THE FLOATED RIGHT BODY
	   WON'T EXPAND THE CONTAINER DIV, WHICH
	   CONTAINS THE BEIGE BACKGROUND STRIP.
	   THIS DIV MUST BE IN THE HTML, AFTER
	   THE RIGHT BODY DIV CLOSES, AND BEFORE
	   THE MAIN BODY CLOSES.  */
}


/****************************************
 * Variable content area
 ****************************************/

#rightbody {
	position:relative;
	top:0;
	right:0;
	float:right; 
	margin:0;
	padding:0;
	padding-top:5px;
	padding-bottom:40px;
	padding-right:15px;
	width:570px;
	text-align:left;
	font-family:Tahoma, Geneva, sans-serif;
	color:#333;
	font-size:small;
}
#rightbody h1 {
	font-variant:small-caps;
	font-family:Georgia, "Times New Roman", Times, serif;
	text-decoration:none;
	font-size:x-large;
	font-stretch:extra-condensed;
	font-weight:normal;
	color:#444;
	margin-top:0;
	margin-bottom:5px;
	border-bottom:1px solid #444;
}
#rightbody h2 {
	font-variant:small-caps;
	font-family:Georgia, "Times New Roman", Times, serif;
	text-decoration:none;
	font-size:large;
	font-stretch:extra-condensed;
	font-weight:normal;
	color:#444;
	margin-bottom:5px;
}

#rightbody h3 {
	font-family:Georgia, "Times New Roman", Times, serif;
	text-decoration:none;
	font-size:small;
	font-stretch:extra-condensed;
	font-weight:normal;
	color:#444;
	margin-bottom:5px;
}

#rightbody a {
	text-decoration:none;
	color:#7d110c;
	outline:none;
}

#rightbody p {
	text-align: justify;
}


/****************************************
 * Left Navigation Menu
 ****************************************/

ul#menu, ul#menu ul {
  list-style-type:none;
  margin: 0;
  padding: 0;
  text-indent:5px;
  width: 100%;
}

ul#menu a {
  display: block;
  text-decoration: none;
  text-transform:uppercase;
  font-family:Tahoma, Geneva, sans-serif;
  font-size:small;
  border-bottom:solid;
  border-bottom-color:#dfd9bd;
  border-bottom-width:1px;
}

ul#menu li {
  margin-top: 0;
}

ul#menu li a {
  color:#7d110c;	
  padding: 0.5em;
  outline:none;
}

ul#menu li a:hover {
  background:#B0B2B4;
  outline:none;
}

ul#menu li a:visited {
  outline:none;
}

ul#menu li a:active {
  outline:none;
}

ul#menu li ul li a {
  background:#CCC;
  color:#7D110C;
  padding-left:12px;
}

ul#menu li ul li a:hover {
  background: #aaa;
  background:url(../images/navRolloverLeftTab.jpg);
  background-position:left;
  background-repeat:repeat-y;
  padding-left:12px;
}

ul#menu li ul li a.onpage {
  background: #aaa;
  background:url(../images/navRolloverLeftTab.jpg);
  background-position:left;
  background-repeat:repeat-y;
  padding-left:12px;
}


/****************************************
 * Upcoming Events
 ****************************************/
#status {
	text-transform:uppercase;
	color:#7d110c;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:small;
	text-indent:13px;
}
#ajaxreader ul {
	list-style-type:none;
	padding:0; margin:0;
	margin-left:12px; margin-right:9px;
	margin-bottom:5px;
	line-height:100%;
}
#ajaxreader li a {
	list-style-type:none;
	outline:none;
	text-transform:uppercase;
	text-decoration:none;
	color:#7d110c;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:small;
}
#ajaxreader li ul li {
	text-decoration:none;
	color:#444;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:small;
	overflow:hidden; 
	white-space:nowrap;
}
#eventrsserror {
	text-decoration:none;
	color:#444;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:small;
}
 

/****************************************
 * Skip Navigation Container
 ****************************************/

#skipnav {
	left: -9999em;
	position: absolute;
	top: -9999em;
}
#skipnav hr {
	display: none;
}

/****************************************
 * Branding Bar
 ****************************************/

#identity {
	height: 44px;
	background-color: #7d110c;
	color: #fff;
	font-size: 0.625em; /* 10px */
	line-height: 1em; /* 10px */
}
#identity a {
	color: #fff;
	text-decoration: underline;
}
#identity hr {
	display: none;
}
#identity #signature {
	height: 44px;
	margin: 0 auto;
	position: relative;
	text-align: left;
	width: 760px;
}
#identity #signature a.iub {
	background: url(../images/iub_crimson.gif) no-repeat 20px 0;
	display: block;
	height: 44px;
	left: -20px;
	position: relative;
	top: 0;
	width: 250px;
}
#identity #signature a.iub img {
	display: none;
}

/* PLEASE NOTE: The rest of the styles in this section ("Branding Bar")
   can be removed if the optional search function will not be used. */

/* Search Form */

#identity form {
	height: 44px;
	position: absolute;
	right: 0;
	top: 0;
}
#identity fieldset {
	border: none;
	float: left;
	margin: 0;
	padding: 0;
}

/* Fieldset 1 */

#identity fieldset#set1 {
	left: 0;
	position: relative;
	top: 17px;
}
#identity ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#identity li {
	float: left;
	margin: 0 10px 0 0; 
}
#identity input#search1, #identity input#search2 {
	left: 0;
	float: left;
	height: 13px;
	margin: 0;
	padding: 0;
	position: relative;
	top: -2px;
	width: 13px;
}

/* Fieldset 2 */

#identity fieldset#set2 {
	left: 2px;
	position: relative;
	top: 12px;
}
#identity #searchtxt {
	border: 1px solid #c59d9a;
	color: #616364;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em; /* 10px */
	height: 1.500em; /* 15px */
	line-height: 1.100em; /* 11px */
	margin: 0 6px 0 0;
	min-height: 13px;
	padding: 2px 4px 0 4px;
	width: 9.300em; /* 93px */
}
#identity #go {
	margin: 1px 0 0 0;
}


/****************************************
 * Footer
 ****************************************/

#footer {
	position:absolute;
	width:100%;
	bottom:0; /* stick to bottom */
	margin:0 auto;
	height: 36px;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	left: 0;
}
#footer hr {
	display: none;
}
#footer #copyright {
	font-size: 0.688em; /* 11px */
	line-height: 1.364em; /* 15px */
	margin: 0 auto;
	position: relative;
	text-align: left;
	left:100px;
	width:560px;
}
#footer #copyright a {
	color: #900;
	text-decoration: none;
}
#footer #copyright a:hover {
	text-decoration: underline;
}
#footer #copyright p {
	margin: 0;
	padding: 7px 0 0 8px;
}
#footer #copyright #blockiu {
	background: url(../images/blockiu_white.gif) no-repeat;
	display: block;
	float: left;
	height: 28px;
	left: -5px;
	position: relative;
	top: 0;
	width: 22px;
}
#footer #copyright #blockiu img {
	display: none;
}	


/****************************************
 * Commented (Optional) Styles
 ****************************************/


/****************************************
 * Alternate White Branding Bar
 *
 * Uncomment this section to switch to a
 * multicolor (crimson and black) signature 
 * with a white background and bar.
 ****************************************

#identity {
	background-color: #fff;
	color: #000;
}
#identity a {
	color: #000;
}
#identity #signature a.iub {
	background: url(../images/iub_white.gif) no-repeat 20px 0;
}
#identity #searchtxt {
	border: 1px solid #848484;
}

*/


/****************************************
 * Alternate White Footer
 *
 * Uncomment this section to switch to a
 * white block IU, text, and links in the
 * IU footer. This should only be used 
 * on pages with a black background 
 * color (HEX: #000000). 
 *
 * If your background color is IU crimson 
 * (HEX: #7d110c), change the image
 * referenced below 
 * to ../img/blockiu_crimson.gif.
 *
 * Otherwise, you should create a new
 * Web-optimized Block IU graphic from the 
 * Photoshop file (../img/blockiu.psd).
 ****************************************

#footer {
	color: #fff;
}
#footer #copyright a {
	color: #fff;
	text-decoration: underline;
}
#footer #copyright #blockiu {
	background: url(../images/blockiu_black.gif) no-repeat;
}

*/


 /****************************************
 * Fluid Format
 *
 * Uncomment this section to give the 
 * Web site a fluid width.
 ****************************************
 
body {
	text-align: left;
}
#identity #signature {
	padding: 0 0 0 15px;
	width: auto;
}
#identity form {
	right: 15px;
}
#content {
	padding: 0 0 0 15px;
	width: auto;
}
#footer #copyright {
	padding: 0 0 0 15px;
	width: auto;
}

*/