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


a:link, a:visited {
	text-decoration:none;
	color:#065388;
}
a:hover {
	color:#FF0000;	
}
a.current:link, a.current:visited {
	color:#111;
	font-weight:bold;
}
img { border:none; }
body {
	margin:0;
	padding:0;
	background-color:#272727;
	color:#333;
	font-family:"Lucida Sans Unicode", "Lucida Grande", Arial, Helvetica, sans-serif;
}

.container {
    display: flex; /* This enables flexbox on the container */
        align-items: flex-start; /* Make items align to the top and don't stretch */
            overflow-x: auto; /* Allows horizontal scrolling if content overflows */

}

#ucb {
}
#wrapper {
 box-shadow: 0 0 5px #222;
 -webkit-box-shadow: 0 0 5px #222;
 -moz-box-shadow: 0 0 5px #222;
 -moz-border-radius:10px;
	-webkit-border-radius:10px;
	margin:5px 0;

}	
#banner {
	color:#FFF;
	padding:15px;
	
	-moz-border-radius-topleft:10px;
	-webkit-border-top-left-radius:10px;
	-moz-border-radius-topright:10px;
	-webkit-border-top-right-radius:10px;
	
	background-color:#373737;
	margin:0;
	border-bottom:3px solid #b28c5b;
}
h1 {
	margin:0;
	padding: 0;
	font-size:30px;
}
#banner p {
	margin:0;
	text-transform: ;
	font-size:14px;
}
#nav {
	background-color:#EEE;
	border-bottom:1px solid #DDD;
	
	
}
#nav ul {
	list-style:none;
	margin:0;
	padding:0 7px;
	height:32px;
	
}
#nav ul li {
	display:inline;
	float:left;
}
#nav a:link, #nav a:visited {
	display:block;
	float:left;
	line-height:32px;
	padding:0 8px;
	font-size:16px;
}
#page {
	background-color:#FFF;
	overflow:auto;
	padding:15px 0;
	/*
	-moz-border-radius-bottomleft:10px;
	-webkit-border-bottom-left-radius:10px;
	-moz-border-radius-bottomright:10px;
	-webkit-border-bottom-right-radius:10px;
	*/
}

.sidebar {
    flex: 0 0 400px; /* This gives both sidebars a fixed width of 200px */
    background-color: #f4f4f4;
    padding: 1rem;
   /*  height: 47vh; /* Full viewport height */   
    box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.1);
}

.sidebar-left {
    /* Additional styles specific to the left sidebar, if necessary */
}

.sidebar-right {
    /* Additional styles specific to the right sidebar, if necessary */
    box-shadow: -2px 0px 5px rgba(0, 0, 0, 0.1); /* Adjusting the shadow direction for the right sidebar */
}

.main-content {
    flex: 1; /* This allows the main content to take up the remaining space */
    padding: 1rem;
    background-color: #ffffff;
}



#sidebar2 {
	min-width:250px;
	float:right;
	line-height:140%;
	background-color:#ffffff;
	border: 1px solid #ffffff;
	margin-top: 0;
	margin-right: 15px;
	margin-bottom: 0;
	margin-left: 15px;
}

#sidebar h3, #sidebar p {
	padding:0 10px;
}
#content {
	margin:0 15px;
	
	line-height:160%;
}
#footer {
	padding:15px;	
	overflow:auto;
	color:#FFF;
	font-size:90%;
	text-align:right;
}
#footer img {
	float:center; 
	margin-right:0 Auto;
}

h2 {
	margin-top:0;
	color:#494949;
	font-weight:normal;
	font-size:200%;
}

.right {
	float:right;
	margin: 0 0 15px 15px;
}
.left {
	float:left;
	margin:0 15px 15px 0;
}

#contentbar {
	width:210px;
	float:left;
	line-height:140%;
	background-color:#EEE;
	border: 1px solid #E5E5E5;
	margin-top: 0;
	margin-right: 15px;
	margin-bottom: 0;
	margin-left: 0px;	
	
}

#contentbar h3, #contentbar p {
	padding:0 10px;
}
h1 {
	 -moz-border-radius-topleft:10px;
	-webkit-border-top-left-radius:10px;
	-moz-border-radius-topright:10px;
	-webkit-border-top-right-radius:10px;
		
}
#page {
	
	-moz-border-radius-bottomleft:10px;
	-webkit-border-bottom-left-radius:10px;
	-moz-border-radius-bottomright:10px;
	-webkit-border-bottom-right-radius:10px;

}
#banner {
	background-color:#09035F;
}
#fac_photo {margin-left:auto; margin-right:auto; display:block; padding:10px;}

#banner p {padding-left:1em}
/* uncomment the specific line to hide the content div on specific pages */
/* .contentbar1 {display:none}  */
 .contentbar2 {display:none}  
/* .contentbar3 {display:none}  */
/* .contentbar4 {display:none}  */
/* .contentbar5 {display:none}  */