body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	margin-left:0px; margin-top:0px; margin-right:0px; margin-bottom:0px; text-align:center;
	background-image:url(../images_new/template/t_page_bg.png); background-repeat:repeat;
	/*height: 100%;*/
	overflow-x: hidden;
}

body.new {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	margin: 0px 0px 0px 0px; text-align:center;
}

.highlight { background-color:#FFFF00; }

h4.splashpage {font-size:16px; color:#000000;}
h3 {color:#ba1616; font-size:18px;}
h4 {font-size:14px;color:#ba1616;}
h5 {font-size:12px; color:#000000;}

#splashpageText h4 { margin-top:0.5em; margin-bottom: 0.5em; }
#splashpageText p { margin-top: 0.2em; margin-bottom: 0.2em; } 
#splashpageText img { margin-top: 0.2em; margin-bottom: 0.2em; } 
#splashpageText p + p { margin-top: 0.2em; } 


span.currentPage {color:#0E489C;}

/* Fixes Firefox center div problem */
#bg { margin:0 auto; } 
#bg2 { margin:0 auto; } 

#bgTop {background-image: url(../images_new/template/t_page_bg_top.png); background-repeat:repeat-x; width:100%; padding-top:29px;}
#bgTop2 {background-image: url(../images_new/template/t_bg_building_summer.jpg); background-repeat:no-repeat; width:100%; padding-top:29px;}
#quicklinks {text-align:right; color:#FFFFFF; padding-bottom: 3px; width:760px; margin:0 auto;}
/*#blank {padding-bottom: 3px; width:760px; margin:0 auto;}*/
#quicklinks a {text-decoration:none; color:#FFFFFF; font-weight:bold;}
#quicklinks a:hover {text-decoration:underline; color:#FFFFFF;}
/* Used for Forms */
textarea { font-family: Arial, Helvetica, sans-serif; font-size: 12px; }

/* end */

#wrapper {
position:relative;
margin:0 auto;
text-align:left;

width:815px;

}

#shadowTop {
position: absolute;
left: 4px;
top: -23px;

width: 815px;
}

p.caption {font-size:11px; }

#bg { background-color:#FFFFFF; width:769px; text-align:left; position:relative; z-index: 0; }
#bg2 { width:769px; text-align:left; position:relative; z-index: 0; }
#menu { width:769px; margin:0 auto; }
#bgPage {background-color: #FFFFFF;}
#header {text-align:center; width:769px; position:relative; z-index: 3; height: 82px; }
#header2 {width:769px; z-index: 3; height: 67px; }
#subheader { background-image:url(../images_new/auxpage_subheader2.jpg); background-repeat:no-repeat; width: 100%; height:23px; padding-top:4px; text-align:left; color:#FFFFFF; font-weight: bold; padding-left: 6px; position:relative; z-index: 0;}
#content {margin-left: 9px;margin-right: 9px; margin-top: 46px; position:relative; z-index: 0; }
#main {/*width: 545px;*/ width:535px;  float:left; position:relative; z-index: 0; margin-top: 0px; padding-right: 4px;}

/*-------- Added for splash page caption   ------------*/
#splashCutline { font-size:11px; width: 530px; margin-bottom: 10px; margin-top: -4px; }

/*-------- (end)  ------------*/

#main2 {width: 535px;  float:right; position:relative; z-index: 0; margin-top: 10px;}
#main_without_menu {
	width: 747px;
	float:right;
	position:relative;
	z-index: 0;
	margin-top: 15px;
	text-align: left;
}
#upcoming {width: 202px; margin-left: 0px; float:right; margin-top: 10px;}
#upcoming2 {width: 202px; margin-right: 0px; float:left; margin-top: 10px;}
#upcoming2 a { text-decoration:none;}
#upcoming2 a:hover { text-decoration:underline;}
#upcoming_bar {width:10px;  float:left;} 
#upcoming_bar2 {width:10px;  float:right;}
#upcoming_text {
	width: 183px;
	margin-left: 0px;
	float:right;
	font-size:11px;
	margin-right: 4px;
}
#upcoming_text2 {
	width: 183px;
	margin-left: 0px;
	float:left;
	font-size:11px;
	margin-right: 0px;
}

.upcomingNewsHeading {color:#ba1616; font-weight:bold;}
html { overflow-x:hidden; }
#pageContainer { width:821px;}

#footer {clear:both; width:750px; margin-top: 20px; font-size:11px; text-align:center; margin-bottom: 0px;}
#footer a {color:#000000;}

#footer-new {clear:both; background-color:#254578; color:#FFFFFF; width:759px; font-size:11px; text-align:center; margin: 20px 1px 1px 1px; padding: 4px 4px 4px 4px; border-bottom:#FFFFFF 1px solid;}
#footer-new a {color:#FFFFFF;}
#footer-new a:visited {color:#FFFFFF;}

#content table {background-repeat:no-repeat;}
#content td { padding: 5px 5px 5px 5px;}
#content_TINY_MCE td { padding: 0px 0px 0px 0px;}			/* Used to fix the toolbar buttons on the TINY MCE HTML Editor */
#content a {color:#006699;}
#upcoming_text2 a.currentPage {font-weight:bold; color: #BA1616;}
#upcoming_text2 a { color: #000000;}
#how_do_i a { color: #000000; }

/*#currentPage a {font-weight:bold; color: #BA1616;}*/

/*a {color:#000000;}*/

/*a.currentPage {font-weight:bold; color: #BA1616;}
li.currentPage {font-weight:bold; color: #BA1616;}
p.currentPage {font-weight:bold; color: #BA1616;}*/

.important {
	font-weight: bold;
	color: #CC0000;
}


#breadcrumbBar {background-image:url(../images_new/template/t_header_search.png); background-repeat:no-repeat; width: 100%; height: 18px; text-align:left; color:#FFFFFF; padding-left: 4px; padding-top: 4px; font-weight:bold; background-color:#254578;}
#breadcrumbBar a { text-decoration:none; color:#FFFFFF; }
#breadcrumbBar a:hover { text-decoration:underline; color:#FFFFFF; }
#breadcrumbBar a:visited { text-decoration:none; color:#FFFFFF; }

/* New, keep if it works */

#breadcrumbBar2 {background-image:url(../images_new/template/t_header_breadcrumb_bg.png); background-repeat:no-repeat; width: 100%; height: 18px; text-align:left; color:#FFFFFF; padding-left: 4px; padding-top: 4px; font-weight:bold; background-color:#254578;}
#breadcrumbBar2 a { text-decoration:none; color:#FFFFFF; }
#breadcrumbBar2 a:hover { text-decoration:underline; color:#FFFFFF; }
#breadcrumbBar2 a:visited { text-decoration:none; color:#FFFFFF; }

#main2 img { border: #000000 1px solid; }

#breadcrumb {width: 500px;  float:left; position:relative; z-index: 10;}
#breadcrumbWebApp {width: 356px;  float:left; position:relative; z-index: 10;}
/* End of New */

/*  Special Bars */
#searchBar {width: 237px; margin-right: 6px; float:right; text-align:right; margin-top: -3px;}
#loginBar {width: 400px; margin-right: 6px; float:right; text-align:right; margin-top: 0px; margin-right:10px; }

.splashpage {font-size:12px; }
.splashpage ul { list-style:square;  list-style-image: url(../images_new/icons/bullet_point.png); margin-left: 0px; padding-left: 0px;}
.splashpage li { list-style:square; list-style-image: url(../images_new/icons/bullet_point.png); margin-left: 10px; padding-left: 0px; }
.splashpage ul ul li { list-style:square;  list-style-image: url(../images_new/icons/bullet_point_white.png); margin-left: 10px; padding-left: 0px;}
.splashpage ul ul ul li { list-style:square;  list-style-image: url(../images_new/icons/bullet_point.png); margin-left: 10px; padding-left: 0px;}
.splashpage ul ul ul ul li { list-style:square;  list-style-image: url(../images_new/icons/bullet_point_white.png); margin-left: 10px; padding-left: 0px;}

.how_do_i {font-size:12px; }
.how_do_i ul { list-style:square;  list-style-image: url(../images_new/icons/bullet_point.png); margin-left: 0px; padding-left: 0px;}
.how_do_i li { list-style:square; list-style-image: url(../images_new/icons/bullet_point.png); margin-left: 10px; padding-left: 0px; }
.how_do_i ul ul li { list-style:square;  list-style-image: url(../images_new/icons/bullet_point_white.png); margin-left: 10px; padding-left: 0px;}
.how_do_i ul ul ul li { list-style:square;  list-style-image: url(../images_new/icons/bullet_point.png); margin-left: 10px; padding-left: 0px;}
.how_do_i ul ul ul ul li { list-style:square;  list-style-image: url(../images_new/icons/bullet_point_white.png); margin-left: 10px; padding-left: 0px;}



div.successMessage {background:#d4f8c8 url(/images_new/icons/accept.png) center no-repeat; background-position: 4px 50%; border:#00CC33 1px solid; font-weight:bold; padding: 4px 4px 4px 25px; width: 90%; vertical-align:middle;}
div.notificationMessage {background:#FFFFCC url(/images_new/icons/error.png) center no-repeat; background-position: 4px 50%; border:#D3C901 1px solid; font-weight:normal; padding: 4px 4px 4px 25px; width: 90%; vertical-align:middle;}
div.errorMessage {background:#f9bdc1 url(/images_new/icons/exclamation.png) center no-repeat; background-position: 4px 50%; border:#c4202c 1px solid; /*color:#c4202c;*/ padding: 4px 4px 4px 25px; width: 90%;}


legend {font-weight:bold; color: #2f5083;}

/* For Admin Table Headers */


/*Duplicated to ensure compatibility*/
tr.adminHeader 	{ background-color: #2f5083; color:#FFFFFF; font-weight:bold;}
td.adminHeader 	{ background-color: #2f5083; color:#FFFFFF; font-weight:bold;}
tr.adminRowEven	 	{ background-color: #EAF2FA;}
td.adminRowEven	 	{ background-color: #EAF2FA;}
tr.adminRowOdd		{ background-color: #ECEFF2;}
td.adminRowOdd		{ background-color: #ECEFF2;}
tr.adminRowHighlight	{ background-color: #FCE2B4;}

/* New naming convention */
tr.tableRowHeader 	{ background-color: #2f5083; color:#FFFFFF; font-weight:bold;}
td.tableRowHeader 	{ background-color: #2f5083; color:#FFFFFF; font-weight:bold;}
tr.tableRowSubHeader 	{ background-color: #758ba9; color:#FFFFFF; font-weight:bold;}
td.tableRowSubHeader 	{ background-color: #758ba9; color:#FFFFFF; font-weight:bold;}
tr.tableRowEven	 	{ background-color: #EAF2FA;}
td.tableRowEven	 	{ background-color: #EAF2FA;}
tr.tableRowOdd		{ background-color: #ECEFF2;}
td.tableRowOdd		{ background-color: #ECEFF2;}
td.tableRowHighlight{ background-color: #CC9900; font-weight:bold; }

td.formBGLabel { background-color: #D0E1F3; }
td.formBGField { background-color: #DBE2E9; }

/* ---End Admin Table Headers--- */

/* surrounding margins (optional) */
.round{
margin-bottom:5px;
}
.round .c{
/* inner content padding */
padding:0px 10px 0px 10px;
border-top:0px;
border-bottom:0px;
border-style:solid;
}
.round .t, .round .b, .round .t b, .round .b b{
display:block;
overflow:hidden;
}
.round .t b, .round .b b{
float:right;
width:50%;
}
.round .t .r{
background-position:top right;
}
.round .b .r{
background-position:bottom right;
}
.round .b{
background-position:bottom left;
}
.round .br{
clear:both;
display:block;
overflow:hidden;
height:0px;
}

/* Used for Library recommended sites section*/
.recommended_heading {margin: 0px 4px 0px 0px; line-height: 120%;}
.recommended_title {margin: 0px 4px 0px 30px; line-height: 120%; font-weight:bold;}
.recommended_description {margin: 0px 4px 0px 60px; line-height: 120%;}

/* Used for the Library reserves section */
.reserves_heading {margin: 0px 4px 0px 0px; line-height: 120%; }
.reserves_title {margin: 0px 4px 0px 50px; line-height: 120%; }
a.reserves_heading {text-decoration:none;}
a.reserves_heading:hover {text-decoration:underline;}
table.reserves {margin-left: 50px; }

.askthecounsellor {color: #ba1616; }

/* For images */
.photo { border: #000000 1px solid; }
#main2 img.noBorder{ border: none; }
img.leftFloat {float:left; margin: 8px 8px 8px 0px; clear:left;}
img.rightFloat {float:right; margin: 8px 0px 8px 8px; clear:right;}

/* For Forms */
input {font-family: Arial;font-size: 8pt;}


/* Temporary for Reviewing puposes */
.showHighlight {background-color:#FFFF00; }
