/* CSS Styles Only */

body {
	background-image: url(../images/body_tile.gif);
	background-repeat: repeat-x;
	color: #000;
	}


#outer_container { /* This creates the shadow effect around the container. It can be removed or the graphic modified to suit the design.*/
	position:relative;
	width: 800px;
	margin: 0 auto;
	background-image: url(../images/outer_container780.gif);
	}
	
#container { 
	border-left: 1px solid #000;
	border-right: 1px solid #000;
	background-color: #FFF;
	}
	
/* start college or department identifier area */
#unit_banner {
	/*background: #000; -- if the image is not as large as the width of the design, set the background to be the same as the image background */
	}
/* end college or department identifier area */

/* start primary links ---------------------------------------------------------*/	
#primary_nav {
	background-color: #fff;
	padding: 0; /* may need to adjust to accommodate background image */
	}
	
#primary_nav p {
	font-size: 80%;
	text-align:center;
	padding: 5px 10px;
	margin: 0;
	color: #036; 
	font-weight:bold;
	}
	
#primary_nav a {color: #6e6855; text-decoration: none;}
#primary_nav a:link {color: #6e6855;}
#primary_nav a:visited {color: #6e6855;}
#primary_nav a:hover {
	color: #FFF;
	background-color:#bfb89e;
	text-decoration:none; 
	}
#primary_nav a:active {color: #036;}
/* end primary links */


/* Start wrapper and page_body. Wrapper and page_body are for everything after the top navigation area and before the footer. These contain the graphics to create the column backgrounds. Modify graphics as needed. */
#wrapper {
	background: #FFF url(../images/background780.gif) repeat-y; /* the background color must be put on here for the overall main area color -- along with the image for the left column */
	border-top: 1px solid #002157;
	}
.fixed1B #wrapper, .fixed3B #wrapper { /* This removes (overwrites) first column when there is no leftbar_holder*/
	background: #FFF url(../images/background780_1B.gif) repeat-y;
	}
.fixed2B #wrapper, .fixed4B #wrapper {
	background: #FFF url(../images/background780_2B.gif) repeat-y !important;
}
.fixed3A #wrapper, .fixed3B #wrapper, .fixed4A #wrapper, .fixed4B #wrapper {
	margin-top: 10px;
	/*border-top: none; uncomment this to remove the border above the content area */
}
#page_body {
	padding: 0; /* may need to adjust top padding to accommodate background design */
	color: #000;
	margin: 0;
	/*background: #fff;  can add a background image here */
	}
/* end wrapper and page_body */

/* start side navigation ul ---------------------------------------------------------*/
.nav, .nav ul {
	padding: 0;
	margin-bottom: 0; /* this is here to keep the second nested UL from inheriting the bottom margin given to the main UL below ... it must come before the .nav selector below */
	list-style: none;
	font-size: 80%;
	}
.nav {
	margin-bottom: 15px !important;
	/* the next styles allow the left bar gradient to always attach to the bottom of the navigation list, no matter how many links are placed there.  */
	background: url(../images/tile.jpg) repeat-x;
	background-position: bottom;
	padding-bottom: 75px;
	}
.nav li { 
	padding: 0;
	border-top: 1px solid #FFF;
	 }
.fixed1A li#level1_1, .fixed1B li#level1_1, .fixed2A li#level1_1, .fixed2B li#level1_1, .fixed3A li#level1_1, .fixed3B li#level1_1, .fixed4A li#level1_1, .fixed4B li#level1_1 {
	border-top: none; /* The first selector in this group removes the top border on the first nested LI so that visually, it's even across the top. Comment this out if you want the border to appear.*/
	}
.nav a {
	display: block;
	padding: 3px 10px;
	color: #036;
	background-color: #bfb89e;
	text-decoration: none;
	}

.nav a:hover {
	color: #fff;
	background-color: #036;
	text-decoration: none;
	}

.nav ul li { padding: 0;  }

.nav ul a {
	display: block;
	padding: 3px 5px 3px 20px;
	color: #036;
	background-color: #e0dbc9;
	text-decoration: none;
	}

.nav ul a:hover {
	color: #fff;
	background-color: #036;
	text-decoration: none;
	}
	
.nav, .nav ul {
	margin: 0;
	}
	
/*end navigation ul */

/*Style to create boxes around content in rightbar and leftbar.*/
.box_leftbar {
	margin: 0px;
	padding: 0px;
	width: 159px;
	border-top: 10px solid #000;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	background-color:#FFF;
	}
	
.box_rightbar_1 {
	margin: 0px;
	padding: 0px;
	width: 159px;
	border-top: 10px solid #bfb89e;
	border-left: 1px solid #bfb89e;
	border-bottom: 1px solid #bfb89e;
	background-color:#FFF;
	}
	
.box_rightbar_2 {
	margin: 0px;
	padding: 0px;
	width: 160px;
	border-top: 10px solid #bfb89e;
	/*border-left: 1px solid #bfb89e;
	border-bottom: 1px solid #bfb89e;*/
	background-color:#FFF;
	}
	
/*End box style*/

#leftbar_holder img { 
	/*border-top: 1px solid #000; Add border as needed.*/
	/*border-right: 1px solid #000; Add border as needed.*/
	/*border-bottom: 1px solid #000; Add border as needed.*/
	margin: 0; /*Add margin (space around image) as needed.*/
	}

#rightbar_holder img { 
	border: 0; /*Add border as needed.*/
	margin: 15px 0; /*Add margin (space around image) as needed.*/
	}
	
#rightbar_2 {
	margin-top: 15px;  /*creates spacing between rightbar_1 and rightbar_2*/
	/* the next styles allow the left bar gradient to always attach to the bottom of the navigation list, no matter how many links are placed there.  */
	background: url(../images/tile.jpg) repeat-x;
	background-position: bottom;
	padding-bottom: 75px;
	}
		
#leftbar_2 {
	margin-top: 15px;  /*creates spacing between leftbar_1 and leftbar_2 */
	}


/* rightbar_1, rightbar_2, leftbar_1, leftbar_2 styles combined. Note: If you want to style the sidebars differently, comment this out and use the individual div styles below. */

/* Note: h3, h4, h5, h6, and p styles are located in the contribute780_styles.css file. */

#rightbar_1 ul, #rightbar_2 ul, #leftbar_1 ul, #leftbar_2 ul {
	font-size: 80%;
	list-style:outside;
	list-style-position:outside;
	margin:0;
	}
	
#rightbar_1 ul li, #rightbar_2 ul li, #leftbar_1 ul li, #leftbar_2 ul li {
	font-size: 90%;
	list-style: outside;
	}
	
#rightbar_1 ol, #rightbar_2 ol, #leftbar_1 ol, #leftbar_2 ol {
	font-size: 90%;
	}
	
#rightbar_1 ol li, #rightbar_2 ol li, #leftbar_1 ol li, #leftbar_2 ol li {
	font-size: 90%;
	}

#rightbar_1 a:link, #rightbar_2 a:link, #leftbar_1 a:link, #leftbar_2 a:link {
	color: #069;
	text-decoration: underline;
	}
	
#rightbar_1 a:visited, #rightbar_2 a:visited, #leftbar_1 a:visited, #leftbar_2 a:visited {
	color: #069;
	text-decoration: underline;
	}
	
#rightbar_1 a:hover, #rightbar_1 a:active, #rightbar_1 a:focus, #rightbar_2 a:hover, #rightbar_2 a:active, #rightbar_2 a:focus, #leftbar_1 a:hover, #leftbar_1 a:active, #leftbar_1 a:focus, #leftbar_2 a:hover, #leftbar_2 a:active, #leftbar_2 a:focus   {
	color: #900; 
	text-decoration:underline; 
	}
	
#rightbar_1 img, #rightbar_2 img {
	border: 0; /*Add border as needed.*/
	margin: 0; /*Add margin (space around image) as needed.*/
	}
	
#leftbar_1 img, #leftbar_2 img { 
	border: 0; /*Add border as needed.*/
	margin: 0; /*Add margin (space around image) as needed.*/
	}


/* start breadcrumbs ----------------------------------------------------------*/
#content #breadcrumbs p {
	font-size: 70%;
	text-indent: 0 !important; /* this overrides the indenting of the main content's p elements */
	color: #036;
	}

#content #breadcrumbs a {color: #069; text-decoration:none;}
#content #breadcrumbs a:link {color: #069;}
#content #breadcrumbs a:visited {color: #036;}
#content #breadcrumbs a:hover {color: #900; text-decoration: underline;}
#content #breadcrumbs a:active {color: #900;}

/* end breadcrumbs */

/*start main content area. ------------------------------------------------------------*/

/* Note: h1, h2, and p styles are located in the contribute780_styles.css file. */

#content {
	padding: 5px 20px; /*Modify the second value to increase or decrease gutter space.*/
	font-size: 80%;
	} 

#content a {color: #069; text-decoration: underline;}
#content a:link {color: #069;}
#content a:visited {color: #C36;}
#content a:hover {color: #900; text-decoration:underline;}
#content a:active {color: #900;}

#content ul {
	font-size: 100%;
	line-height: 140%;
	list-style: outside;
	}
	
#content ul li {
	font-size: 90%;
	line-height: 140%;
	list-style: outside;
	}
	
#content ol {
	font-size: 90%;
	line-height: 140%;
	}
	
#content ol li {
	font-size: 100%;
	line-height: 140%;
	}
	
#content img { 
	border: 1px solid #000; 
	margin: 0;
	float:none;
	}

#content p {
	font-size:100% !important;
}

#content h1 {
	font-size:120% !important;
	text-align: center;
}

#content h2 {
	font-size:105% !important;
}

#content h3 {
	font-size:95%;
}

.description h1,h2,h3,h4,h5,h6 {
	display:inline;
}

#welcome {
font-size:180% !important;
color:#036;
text-align:center;
}
	/* end content */

img.leftfloat {
float:left !important;
margin:10px !important;
}

/* start footer ------------------------------------------------------ */
#footer {
	background-color: #036;	color: #fff;
	font-size: 70%;
	padding-top:3px;
	padding-bottom:3px;
	}

#footer p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 85%;
	margin: 2px;
	padding: 1px 10px;
	text-align:center;
	}
	
#footer a {color: #666; text-decoration: none;}
#footer a:link, #footer a:visited {color: #fff;}

#footer a:hover, #footer a:active, #footer a:focus {
	text-decoration:underline;
	color: #FFF;
	}
/* end footer */


/* Table styles --------------------------------------------------------- */

#content table {
	border-collapse: collapse;
	width: 410px;  /*Maximum table width for 780 layouts is 410px. Any larger and float drop will occur. If you increase #content padding value, you will need to decrease this value or float drop will occur.*/
	font-size: small;
	color: #000;
	background-color: #cff;
	border: 1px solid #069;
	margin: 0;
	}
	
#content caption {
 	font-weight: bold;
	color: #036;
	font-size: 95%;
	}

#content table th { 
	margin: 0;
	padding: 5px;
	font-weight: bold;
	font-size: 85%;
	background: #ccc;
	border: 1px solid #999;
	text-align: left;
	}

#content table td {
	margin: 0; 
	padding: 5px; 
	font-size: 85%; 
	background: #fff; 
	border: 1px solid #999;
	vertical-align: top;
	text-align: left;
	}
	
/* End Table styles  */