@charset "utf-8";


body {
	background-color: #e3e5e5;

}

#sizer {
	font-size:1.2em;
	margin-right:0;
	padding-top:15px;
	display:none;
	}
	
.sizer img {
	border:0;
}

#sitecontainer{
	width: 955px;
	margin-right: auto;
	margin-left: auto;
}

#bgcontainer {
	width: 1162px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(images/bgshadow.jpg);
	background-repeat: repeat-y;
	background-position: center;
	margin-top: -14px;
}

a:link, a:visited, a:active{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 1em; /*12px; */
	color: #1462AC;
	text-decoration: none;
	font-weight: bold;
}

a:hover{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 1em; /*12px; */
	color: #1462AC;
	text-decoration: underline;
}

/* begin header section */

#header{
	height: 150px;
	width: 955px;
	background-color: #1462aa;
	position: relative;
	background-image: url(images/headerimg.jpg);
	background-repeat: no-repeat;
	/* filter:alpha(opacity=70);
	opacity: 0.7;
	-moz-opacity:0.7; */
}

#headerbar{
	background-color: #012c7a;
	height: 25px;
	width: 955px;
	position: relative;

}

#ubcmlogo a{
	height: 100px;
	width: 110px;
	position: absolute;
	left: 804px;
	top: 29px;
	padding: 10px;

}

#bclogo a{
	height: 100px;
	width: 110px;
	position: absolute;
	left: 27px;
	top: 18px;
	padding: 10px;

}

#date {
	float: left;
	height: 15px;
	width: 190px;
	position: relative;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	margin-left: 15px;
	padding-left: 5px;
	margin-top: 4px;
	font-weight: bold;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #1462AC;
}

#breadcrumbs {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
	float: left;
	height: 18px;
	width: 475px;
	position: relative;
	margin-left: 18px;
	vertical-align: bottom;
	margin-top: 4px;
}

#breadcrumbs a:link, #breadcrumbs a:visited, #breadcrumbs a:active{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
}

#breadcrumbs a:hover{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: underline;
}

#search {
	float: left;
	height: 25px;
	width: 170px;
	position: relative;
	margin-left: 55px;
}

#searchfield{
	background-color: #7abeff;
	border: 1px solid #1462AC;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #012C7A;
}

#searchbtn {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #012C7A;
	border: 0px none #012C7A;
}

#displaysettings{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	float: right;
	height: 20px;
	width: 200px;
	position: relative;
	vertical-align: bottom;
	margin-top: 10px;
	margin-right:10px;
	font-weight: bold;
}

#displaysettings a:link, #displaysettings a:visited, #displaysettings a:active {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
}

#displaysettings a:hover{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: underline;
	font-weight: bold;
}



/* begin text styling section */

h1 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #012C7A;
}

.bodytext {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 0.8em;  /* 12px; */
	color: #000000;
	line-height: 18px;
}

.bodytextbold {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 0.8em;  /* 12px; */
	color: #000000;
	line-height: 18px;
	font-weight: bold;
}


/*begin content section */

#bodycontainer{
	width: 955px;
	background-color: #FFFFFF;
	position: relative;
	margin-top: 0px;
}


#content{
	width: 955px;
	background-color: #FFFFFF;
	position: relative;
	float: left;
	min-height: 350px;
}

#content2 {
	width: 680px;
	background-color: #FFFFFF;
	position: relative;
	float: left;
	min-height: 350px;
	margin-bottom: 25px;
	padding-top: 15px;
}

.list {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 0.8em; /* 12px; */
	color: #000000;
	line-height: 18px;
}

#feedbackbtn {
	height: 33px;
	width: 206px;
	float: right;
	position: relative;
	margin-bottom: 20px;
	margin-right: 15px;
}

/* begin navigation section */
#nav{
	width: 230px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #000000;
	background-color: #FFFFFF;
	position: relative;
	margin-top: 0px;
	float: left;
	min-height: 350px;
	margin-bottom: 25px;
}

#accordiannav{
	background-color: #CCCCCC;
	width: 200px;
	margin-left: 15px;
	margin-bottom: 15px;
	padding-left: 0px;
	margin-top: -25px;
	padding-bottom: 5px;

}


#menu1 {
	margin-top: 5px;
}



#menu1 li{ /* spacing between menu items */
	padding-top: 5px;
	padding-bottom: 5px;

}

#border{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	padding-top: 10px;
	}
	
ul li{
padding-left: -10px;
}
		
#roundtop {
	background-image: url(images/round_top_nav.jpg);
	background-repeat: no-repeat;
	height: 20px;
	width: 200px;
	margin-left: 15px;
	margin-top: 15px;
	margin-bottom: 15px;
	position: relative;
	z-index: 0;
}

#roundbtm {
	background-image: url(images/round_btm_nav.jpg);
	background-repeat: no-repeat;
	height: 20px;
	width: 200px;
	position: relative;
	margin-left: 15px;
	margin-top: -35px;
}


.navbg {
	background-color: #CCCCCC;
}

#nav ul {
	list-style-image: none;
	list-style-type: none;
}

#nav ul li{
	margin-left: -20px;
}

#nav a:link, #nav a:visited, #nav a:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-decoration: none;
	font-weight: normal;
}

#nav a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #1462AC;
	text-decoration: none;
}
.navpadding{
	margin-top: 10px;
}

/* Begin calendar section */

#calendarslideshow, #gallery, #loading, #calcontent, #slideshow-container {
	height: 200px;
	width: 220px;
	position: relative;
	margin-top: 10px;

}

#slideshow a.advance-link{ /* positioning for calendar itself */
	width: 220px;
	height: 150px;
}



#controls {
	width: 200px;
	padding-top: 3px;
	margin-left: 15px;
	background-image: url(images/calendar_nav.jpg);

}

#controls a.prev{
	margin-right: 78px;
	color: #9C9C9C;

}

#controls a.next{
	margin-right: 8px;
	color: #9C9C9C;
	margin-left: 78px;
}

/* begin footer section */
#footer {
	height: 20px;
	width: 955px;
	float: left;
	background-color: #012C7A;
	position: relative;
}

#footertext{
	position: relative;
	background-color: #FFFFFF;
	list-style-type: none;
	float: left;
	width: 955px;
	height: 25px;
	vertical-align: top;
	margin-top: 0px;
	padding-top: 0px;
	text-align: right;
}

#footertext a:link, #footertext a:visited, #footertext a:active {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	text-decoration: none;
	font-weight: bold;
}

#footertext a:hover {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #003366;
	text-decoration: underline;
	font-weight: bold;
}


/* end */

width:200px;
border:1px solid black;
}

.month {
background-color:#1462aa;
font:bold 12px verdana;
color:white;
}

.daysofweek {
background-color:gray;
font:bold 11px verdana;
color:white;
}

.days {
font-size: 11px;
font-family:verdana;
color:black;
background-color: lightyellow;
padding: 2px;
}

.days #today{
font-weight: bold;
color: red;
}