/* CSS Document */

body {
	background-image: url(images/back.gif);
	background-repeat: repeat-x;
	background-color: #25486d;
	margin: 0px;
	padding: 0px;
	font-family:Tahoma, Verdana;
	font-size:small;
	color: #222;
}

#page {
	width: 100%;
	margin: 0px;
	padding: 0px;
}

#topbar {
	min-width: 700px;
	width: 100%;
	height: 84px;
	margin: 0px;
	padding: 0px;
	background-image: url(images/toploop.gif);
}

#logo {
	float: left;
}

#bcvs {
	width: 114px;
	margin-left: 30%;
	float: left;
}

#topright {
	width: 140px;
	float: right;
}

.buttongap {
	margin-bottom: 0px;
}

p {
	margin: 0px;
	padding: 0px;
}

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

#midbar {
	min-width: 700px;
	background-color: #fff;
	background-image: url(images/midloop.gif);
	background-repeat: repeat-x;
	width: 100%;
	height: 151px;
	margin: 0px;
	padding: 0px;
}

#midleft {
	margin-top: 11px;
	float: left;
}

#pagetitle {
	position: absolute;
	z-index: 999;
	margin-bottom: 94px;
}

#penguins {
	float: left;
}

#mainbox {
	width: 100%;
	background-image: url(images/mainback.gif);
	background-position: right;
	overflow: auto;
}

#topmain {
	width: 100%;
	margin-top: 10px;
	background-color: #fff;
	background-image: url(images/maintop.gif);
	background-repeat: repeat-x;
}

#content {
	float: left;
	background-color: #fff;
	/*margin-left: 10px;*/
	width: 65%;
	padding-left:10px;
}

#content p {
	margin: 0px;
	padding: 0px;
	margin-top: -4px;
	margin-left:10px;
	font-family: Tahoma, Verdana;
	font-size: 14px;
	color: #222;
}

#content h2 {
	font-family: "Verdana";
	font-size: 16px;
	color: #1767c1;
	margin: 0px;
	padding: 0px;
	margin-bottom: 10px;
	margin-left:10px;
}

#content h3 {
	font-family: "Verdana";
	font-size: 14px;
	color: #333;
	margin: 0px;
	padding: 0px;
	margin-bottom: 10px;
	margin-left:10px;
}
#content h4 {
	font-family: "Verdana";
	font-size: 14px;
	font-style:italic;
	color: #333;
	margin: 0px;
	padding: 0px;
	margin-bottom: 10px;
	margin-left:10px;
	background:#C3D9FF;
}

#nav {
	float: right;
	background-image: url(images/navback.gif); 
	width: 254px;
}

#topcontent {
	float: left;
}

#topnav {
	background-color: #7e9acd;
	width: 262px;
	float: right;
}

.rightmargin {
	width: 8px;
	float: right;
}

#bottom {
	background-image: url(images/bottomback.gif);
	background-position: top right;
	background-repeat: no-repeat;
	color: #fff;
	width: 100%;
	height: 40px;
}

#bottom p {
	padding-top: 28px;
	font-size: 9px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: right;
	padding-right: 10px;
}

.clear {
	clear: right;
	margin: 0px;
	padding: 0px;
}

.navbutton {
	margin-left: 19px;
	margin-bottom: 0px;
}

#random {
	margin-left: 27px;
	/*margin-bottom: -19px;*/
}
#calendar {
	margin-left: 27px;
	/*margin-bottom: -19px;*/
	border:none;
}
a, a.visited{
	text-decoration:underline;
	color:#004399;
}
a:hover{
	text-decoration:none;
	color:#FF9600;
}
.scores_legend{
	font-family:Verdana;
	font-size:medium;
	color:#1767C1;
}
#scores p{
	font-weight:bold;
}
.scores_list{
	list-style:none;
}
.bold{
	font-weight:bold;
}
.contacts_list{
	margin-left:10px;
	list-style:none;
	padding-left:0px;
}
.links_margin{
	margin-bottom:10px;
}
.bcgrad_menu{
	margin-bottom:5px;
}

fieldset{
	margin-left:20px;
	margin-right:100px;
}
.course_item1{
	margin-left:10px;
	background-color:#E2E2E2;
	border:1px black solid;
	border-bottom:none;
}
.course_item2{
	margin-left:10px;
	background-color:#FFFFFF;
	border:1px black solid;
	border-bottom:none;
}
#table{
	border:1px solid black;
}
#table td{
	border-top:1px solid black;
}
#table th{
	background:#C3D9FF;
}
.course_description{
	margin-top:5px;
	background-color:#7E9ACD;
	border:1px black solid;
	font-family:Tahoma, Verdana;
	font-size:small;
	color:#2D2D2D;
}
.course_table{
	font-size:small;
}

.linkimg {
	float: left;
	border: 0px;
	clear: both;
}
#registration_form fieldset{
	border:none;
	margin:0px;
	padding:0px;
}
#registration_form legend{
	color:#000000;
	border:none;
	margin:0px;
	padding:0px;
	font-size:10px;
}
.row_color1{
	background-color:#CCCCCC;
}
.row_color2{
	background-color:#EBEBEB;
}
.leftspace{
	margin-left:10px;
}
#map{
	width:320px;
	height:240px;
	border:1px solid black;
}

/* ++++++++++ Course Search Styles ++++++++++ */
#search_box{
	width:470px;
	border:1px solid #666;
	background-color:#EFEFEF;
	margin-left:20px;
}
.search_icon{
	float: left;
	margin:10px;
	margin-left: 15px;
	
}
#course_search{
	width: 280px;
	margin-left:15px;
}
#showhide_course_search_advanced{
	font-size: 10px;
}
.course_search_table td{
	padding:5px;
}
select{
	width:130px;
}
.advanced{
	text-align:right;	
}
.advanced a:link, .advanced a:visited{
	font-size:10px;
	color:#1767CC;
	text-decoration:none;
}
.advanced a:hover{
	color:#25486D;
	text-decoration:none;
}
.line{
	border-bottom:1px solid #666;
}
.headine_green {color: #006600}

/* ++++++++++ Course List Styles ++++++++++ */

.course_header{
	margin: 5px;
	margin-bottom: 0px;
	margin-left: 15px;
	padding: 5px;
	height: 15px;
	width:95%;
	background-color: #DDDCA7;
	font-size: 12px;
	border: 1px solid black;
}
.course_heading{
	float: left;
}
.text_showhide{
	float: right;
	color:#004399;
}
.text_showhide:hover{
	color:#FF9600;
	cursor: pointer;
}
.def_showhide{
	color:#004399;
}
.def_showhide:hover{
	color:#FF9600;
	cursor: pointer;
}
.def_display{
	padding-left: 20px;
	font-style: italic;
}
.course_details{
	margin-left: 25px;
	padding-left: 10px;
	width: 91%;
	background-color: #BCBB8E;
	font-size: 12px;
	border: 1px solid black;
	border-top: none;
}
#content .course_details p{
	font-size: 12px;
	margin-bottom: 5px;
	margin-left: 15px;
	margin-right: 15px;
	
}
.course_details_table{
	margin: 0px;
	margin-top: 10px;
	margin-left: 15px;
	margin-bottom: 10px;
	padding: 5px;
	border:1px solid black;
	width:550px;
	background: #EBE893;
}
.course_details_table th{
	border-bottom: 1px solid black;
}
.course_details_table td{
	padding: 1px;
	border-top:1px solid black;
	text-align: center;
}
.green{
	color: green;
}
.red{
	color: red;
}
.definition{
	cursor: help;
	color: black;
	text-decoration: none;
}
.admin_checkbox{
	float: right;
}
.grey{
	color:#999;
}

#screenTabs {
float:left;
width: 100%;
min-height: 1px;
height: 1px;
background:#ffffff url("../img/icons/tabs/bg.gif") repeat-x bottom;
}

td > #screenTabs { 
height: auto;
}

#tabs {
float:left;
width:620px;
line-height:normal;
white-space: nowrap;
background:#ffffff url("../img/icons/tabs/bg.gif") repeat-x bottom;
}

#tabs ul {
margin:0;
padding: 0px 10px 10px 10px;
list-style:none;
}

#tabs a {
display: block;
background:url("../img/icons/tabs/right.gif") no-repeat right top;
padding:5px 9px 4px 4px;
vertical-align: baseline;
text-decoration: none;
color: #000000;
width:.1em;
}

#tabs > ul a {
width: auto;
}

#tabs a:hover,
#tabs a:visited,
#tabs a:active {
text-decoration: none;
color: #000000;
}

#tabs li {
float:left;
background:url("../img/icons/tabs/left.gif") no-repeat left top;
margin:0;
padding:0 0 0 2px;
border-bottom: solid 1px #776655;
}

#tabs li#current {
border-width: 0;
}

#tabs #current {
background-image:url("../img/icons/tabs/left_on.gif");
margin-left: -3px;
}
#tabs #current a {
background-image:url("../img/icons/tabs/right_on.gif");
padding:3px 9px 7px 6px;
vertical-align: baseline;
}

#tabs .last a {
background-image:url("../img/icons/tabs/right_last.gif");
}

#tabs .first {
background-image:url("../img/icons/tabs/left_first.gif");
}

#tabs .first#current {
margin-left: 0;
}

#tabs li:hover {
background-position: 0% -150px;
cursor: pointer;
}

#tabs li:hover a {
background-position: 100% -150px;
}

#tabs li.first:hover {
background-position: top left;
}

#tabs a:hover {
background-position: 100% -150px;
}