@charset "utf-8";
/* CSS Document */

*{margin:0; padding:0px; border:0px;}

body {background-image:url(./images/bg.gif);}

/* ---------------Section Break ----------------*/

#MasterContainer {position:relative; 
					background-repeat:repeat-x; 
					background-position:center;
					width:780px; height:auto; 
					margin-left:auto; 
					margin-right:auto; 
					margin-top:15px;}

#MainContainer {
	position:relative;
	background-color:#C7DCFF;
	width:780px;
	height:auto;
	margin-left:auto;
	margin-right:auto;
	border:2px
}

/* ---------------Section Break ----------------*/

#TopBar {height:25px; 
		 text-align: right; 
		 background-color:#CCCCCC; 
		 padding-right: 75px;}
		 
#ShepLogo {width:200px; 
		   height:100px;}
		   
#TopImage {width:180px; 
			height:100px;}
			
/* ---------------Section Break ----------------*/
			
#RightSideWide {width:300px; 
				vertical-align:top;}
				
#RightSide {width:200px; 
			vertical-align:top;}
			
#ContentRight {position:relative; 
				width:200px;}
				
#ContentRightTop {  width:200px; 
					height:auto; 
					margin:0px; 
					margin-top:0px; 
					margin-left:auto;}
					
					
/* ---------------Section Break ----------------*/


					
#BottomBar {text-align: center; 
			height:25px; 
			background-color:#CCCCCC;}
			
			
/* ---------------Section Break ----------------*/



.Heading {text-align:center; 
			padding:10px; 
			background-image:url(images/75p_bg.png); 
			color:#FFFFFF;}

#MainContent {position:relative; 
				height:auto; 
				margin-left:auto; 
				margin-right:auto; 
				margin-top:10px; 
				vertical-align:top;}

#MainContent ul { padding-left: 10px;
					margin-left: 10px;
					list-style-position:inside;
					font-size:.9em;
					}
#MainContent ul li {padding-bottom: 10px;
					}
#MainContent ol { padding-left: 10px;
					margin-left: 10px;
					list-style-position:inside;
					font-size:.8em;
					}
#MainContent ol li {padding-bottom: 10px;
					}
#ContentLeft ol li {padding-bottom:-10px;
					}
#ContentLeft ul li {padding-bottom:-10px;
					}
/* ---------------Section Break ----------------*/


#ContentLeft {position:relative; 
				background-image:url(); 
				width:200px; 
				height:auto; 
				float:left; 
				margin-right:10px;
				z-index:1;
				padding-bottom:20px;}
				
#ContentLeft ol {padding-left:0px;
					margin-left:0px;
					list-style-position:inside;
					}
					
#ContentLeft ol li {padding-bottom:-10px;
					margin-bottom:-10px}
					
#ContentLeft ul {padding-left:0px;
					margin-left:0px;
					list-style-position:inside;
					}
					
#ContentLeft ul li {padding-bottom:-10px;
					margin-bottom:-10px}

/** Use the Narrow version only to make room for a wide right nav bar like index.shtm **/
#ContentMiddleNarrow {width:250px; 
						float:left; 
						margin-right:5px;}
						
#ContentMiddle {
	width:330px;
	float:left;
	margin-right:15px;
	margin-top: 0px;
}
				
/** Use instead of above for pages that display incorrectly in IE because the right bar is longer than the main content. See Residence Halls Main Page **/
#ContentMiddleSpecial {width:350px; 
						float:right;
						margin-right:5px; 
						height:450px;}

#ContentMiddle ul li{list-style-position: inside;}
#ContentMiddle ul li ul li{margin-left:30px;}

/************************ Navigation *********************************/
div#ContentLeft ul{position:relative; 
				   list-style-type:block; 
				   overflow:visible; 
				   width:200px; 
				   height:auto;} /*Try overflow:auto if problems occur */

div#ContentLeft ul li{float: left; 
					  height:35px; 
					  background-color:#FFFFFF; 
					  list-style: none;}

div#ContentLeft ul li a {display: block; 
						 color:#003679; 
						 text-decoration:none; 
						 vertical-align:middle; 
						 width: 164px; 
						 height:18px; 
						 padding: 9px 18px; 
						 font-size:11px; 
						 text-transform:capitalize;}

div#ContentLeft ul li a:hover { color:#003679; 
								background-image:url(images/bgBW.gif)} /* Change color of hover state on nav bar text */

/* ++++++++++++++++++++++++++More Navigation+++++++++++++++++++++++++++ */

#RightNavigation{position:relative; 
				 background-image:url(); 
				 width:200px; 
				 height:auto; 
				 float:left;
				 margin-bottom:10px;}

div#RightNavigation ul{position:relative; 
					   list-style-type:block; 
					   overflow:visible; 
					   width:200px; 
					   height:auto;} /*Try overflow:auto if problems occur */

div#RightNavigation ul li{float: left; 
						  height:35px; 
						  background-color:#FFFFFF; 
						  list-style: none;}

div#RightNavigation ul li a {display: block; 
							 color:#003679; 
							 text-decoration:none; 
							 vertical-align:middle; 
							 width: 164px; 
							 height:18px; 
							 padding: 9px 18px; 
							 font-size:11px; 
							 text-transform:capitalize;}

div#RightNavigation ul li a:hover { color:#003679; 
									background-image:url(images/bgBW.gif)} /* Change color of hover state on nav bar text */

/********* Vertical menu ********/
#menu{z-index:1; position:relative;
padding-bottom:20px;
margin-bottom:20px;}

#menu li a{color:#eee;
			text-decoration:none; 
			line-height: 1.1;}

#menu li a.y{color:#003679;
			 text-decoration:none; 
			 line-height: 1.1; 
			 background-image:url(images/bgBW.gif);}

#menu li a.y:hover{color:#ffffff;
					text-decoration:none;
					line-height: 1.1; 
					background-image:url(images/75p_bg.png);}

#menu a:hover{color:#003679;}

#menu a:active{color:#999999;}

#menu ul{list-style:none;
		 width:100%;}

/* Requirement: Put the element selector name (div)
onto non anchor hover selectors to force IE5 and
5.5 to correctly apply the csshover file. */

div#menu li, div#menu li:hover{position:relative;}
div#menu li ul{position:absolute;top:0;left:100.1%;display:none;}

div#menu ul ul,
div#menu ul ul ul,
div#menu ul li:hover ul ul,
div#menu ul li:hover ul ul ul{display:none;}

div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul{display:block;}
/* End non-anchor hover selectors */

/* Styling for Expand */
#menu a.x, #menu a.x:visited{background-image:url(images/expand2.gif);
								background-position:left; 
								background-repeat:no-repeat;}

#menu ul li:hover{color:#003679;
					background-image:url(images/bgBW.gif);}

#menu ul li a.x:hover{color:#003679;
						background-image:url(images/expand2.gif); 
						background-position:left; 
						background-repeat:no-repeat;}

#menu ul li a.x:active{color:#999999; }

/********* END Vertical menu ********/
h6 {
	color: #C7DCFF;
}