﻿div.header, td.header
{
	width: 960px;
	height: 164px;
}

div.headercrumb, td.headercrumb
{
	width: 960px;
	height: 194px;
}

#header table.header
{
	width: 960px;
	height: 102px;
}
#header #header td.left
{
	width: 560px;
	height: 102px;
	background: url(/img/02/layout/headerl.png) no-repeat;
	
}
#header #header td.right
{
	width: 400px;
	height: 102px;
	background: url(/img/02/layout/headerr.png) no-repeat;
}
#header #header #right table
{
	width: 400px;
	height: 102px;
}
#header #header #right td.top
{
	width: 400px;
	height: 30px;
}

#header #header #right td
{
	/*border: solid 1px #000000;	*/
}

#header #header #right td.inputleft
{
	width: 107px;
	height: 28px;
}
#header #header #right td.input
{
	width: 228px;
	height: 28px;
	vertical-align: middle;
}

#header #header #right input
{  
	width: 225px;
	height: 20px;
	font-family: Arial, sans-serif;
	font-weight:bolder;
	font-size: 12px; 
	color: #000000; 
	text-align: left;
	border: solid 1px #000000;
	background-color: #ffffff;
/*	padding: 4px 5px;*/
	margin: 0px;
}
#header #header #right td.button
{
	width: 65px;
	height: 28px;
}
#header #header #right td.weather
{
	width: 400px;
	height: 40px;
	vertical-align: middle;
	font-family: verdana, sans-serif;
	font-size: 14px;
	font-weight: bolder;
	color: #00157f;
	text-align: right;
	padding-right: 16px;
}

/* Nav Buttons */
#header table.nbuts
{
	width: 960px;
	height: 62px;
}
#header #nbuts td.butl
{
	width: 20px;
	height: 47px;
	background: url(/img/02/layout/butl.png) no-repeat;
}
#header #nbuts td.but
{
	width: 920px;
	height: 47px;
}
#header #nbuts td.butr
{
	width: 20px;
	height: 47px;
	background: url(/img/02/layout/butr.png) no-repeat;
}
#header #nbuts td.butb
{
	width: 960px;
	height: 15px;
	background: url(/img/02/layout/butb.gif) no-repeat;
}

td.lslice
{
	width: 10px;
	background: url(/img/02/layout/lslice.png) repeat-y;
}

td.rslice
{
	width: 10px;
	background: url(/img/02/layout/rslice.png) repeat-y;
}

#crumb 
{
	width:960px;
	height: 30px;
}
#crumb td 
{
	height: 30px;
	vertical-align: middle;
	background: url(/img/02/layout/crumbs.gif) repeat-x;
}
#crumb td.lslice
{
	width: 10px;
	background: url(/img/02/layout/lslice.png) repeat-y;
}
#crumb td.rslice
{
	width: 10px;
	background: url(/img/02/layout/rslice.png) repeat-y;
}




/*************************************************************************************************
	Content Header
*************************************************************************************************/
table.contenth
{
	width: 960px;
	height: 16px;
}
#contenth td.col0
{
	width: 960px;
	height: 16px;
	background: url(/img/02/layout/col0t.png) no-repeat;
}
#contenth td.col1
{
	width: 255px;
	height: 16px;
	background: url(/img/02/layout/col1t.png) no-repeat;
}
#contenth td.col2
{
	width: 705px;
	height: 16px;
	background: url(/img/02/layout/col2t.png) no-repeat;
}
#contenth td.colhp
{
	width: 705px;
	height: 16px;
	background: url(/img/02/layout/col2t.png) no-repeat;
}
#contenth td.col2_3
{
	width: 705px;
	height: 16px;
	background: url(/img/02/layout/col2_3t.png) no-repeat;
}


/*************************************************************************************************
	Content Footer
*************************************************************************************************/
table.contentf
{
	width: 960px;
	height: 16px;
}
#contentf td.col0
{
	width: 960px;
	height: 16px;
	background: url(/img/02/layout/col0b.png) no-repeat;
}
#contentf td.col1
{
	width: 255px;
	height: 16px;
	background: url(/img/02/layout/col1b.png) no-repeat;
}
#contentf td.col2
{
	width: 705px;
	height: 16px;
	background: url(/img/02/layout/col2b.png) no-repeat;
}
#contentf td.colhp
{
	width: 705px;
	height: 16px;
	background: url(/img/02/layout/col2b.png) no-repeat;
}
#contentf td.col2_3
{
	width: 705px;
	height: 16px;
	background: url(/img/02/layout/col2_3b.png) no-repeat;
}

/*************************************************************************************************
	Content
*************************************************************************************************/
table.content
{
	width: 960px;
}

#content td.whtpad
{
	width: 7px;
	background: #ffffff ;	
	vertical-align: top;
}

#content td.shdwl
{
	width: 10px;
	background: url(/img/02/layout/lslice.png) repeat-y;
}

#content td.shdwr
{
	width: 10px;
	background: url(/img/02/layout/rslice.png) repeat-y;
}
				
#content td.gutterc
{
	width: 2px;
	background-color: #ffffff;	
}
				


#content td.menu
{
	width: 249px;
	background-color: #ffffff;	
}


/* col0 - layoutstyle 1 */

#content td.col0
{
	width: 926px;
	height: auto;
	background: #ffffff ;	
	vertical-align: top;
}


/* col2 - layoutstyle 3 */
#content td.col2
{
	width: 675px;
	background: #FFFFFF;
	vertical-align: top;
	/*margin: 0px;
	padding: 0px;*/
}

#content div.col2o
{
	width: 675px;
	height: auto;
	background: url(/img/02/layout/col2s.gif) repeat-y top left;
	vertical-align: top;
	margin: 0px;
}

#content div.col2
{
	width: 675px;
	height: auto;
	background: url(/img/02/layout/col2t.png) no-repeat top left;
	vertical-align: top;
	margin: 0px;
}

#content div.col2i
{
	width: 635px;
	height: auto;
	vertical-align: top;
	padding: 15px 20px;
}

/* colhp - homepage */

#content td.colhp
{
	width: 926px;
	background: #ffffff ;	
	vertical-align: top;
}


/* col2_3 - layoutstyle 4 */
#content td.col2_3
{
	width: 675px;
	height: auto;
	background: #ffffff;	
	vertical-align: top;
}

#content div.col2_3o
{
	width: 675px;
	height: auto;
	background: url(/img/02/layout/col2_3s.gif) repeat-y top left;
	vertical-align: top;
	margin: 0px;
}

#content div.col2_3
{
	width: 675px;
	height: auto;
	background: url("/img/02/layout/col2_3t.png") no-repeat top left;
	vertical-align: top;
	margin: 0px;
}

#content div.col2_3i
{
	width: 655px;
	height: auto;
	vertical-align: top;
	padding: 10px 0px;
	margin: 0px 0px 0px 20px;
}

/**************************************************************
/* Homepage Chunks
/*************************************************************/

/* Common layout */
#content #hdrHomepageChunks a
{
	font: bold 11px verdana,sans-serif ;
	text-decoration: none;
	color: #000000;
	padding: 0px 19px 0px 0px;
	line-height: 44px;
	display: block;
}
#content #hdrHomepageChunks a:hover
{
	text-decoration: underline;
}

/* Calendar */
#content div.hdrCal
{
	width: 282px;
	height: 44px;
	background: url(/img/02/layout/hpcalendar.gif) no-repeat;
	text-align: right;	
}
#content #hdrHomepageChunks a.hdrCal
{
	color: #005f14;
}

/* News */
#content div.hdrNews
{
	width: 384px;
	height: 44px;
	background: url(/img/02/layout/hpnews.gif) no-repeat;
	text-align: right;	
}

#content #hdrHomepageChunks  a.hdrNews
{
	color: #766845;
}

#content div.NewsContent
{
	width: 364px;
	margin: 0px 10px;
}

/* Bulletins */
#content div.hdrBulletins
{
	width: 384px;
	height: 44px;
	background: url(/img/02/layout/hpbulletins.gif) no-repeat;
	text-align: right;	
}

#content #hdrHomepageChunks  a.hdrBulletins
{
	color: #0b1c5c;
}

#content div.BulletinsContent
{
	width: 364px;
	margin: 0px 10px;
}

/* Events */
#content div.EventsContent
{
	width: 262px;
	margin: 0px 10px;
}

/*
	''''''''''''''''''''''''''''''''''''''''''''''''''''
	' NewsDesk CityVideo
	''''''''''''''''''''''''''''''''''''''''''''''''''''
*/
#Spotlight_Video table.inner
{
	width:926px;
	height:310px;
	/* background:url(/img/02/layout/bgSpotVideo.png) no-repeat; */
	border: solid 0px red;
}

#Spotlight_Video2 table.inner
{
	width:926px;
	height:310px;
	background:url(/img/02/layout/bgSpotVideo2.png) no-repeat;
	border: solid 0px red;
}

#Spotlight_Video td
{
	border: solid 0px red;
}

#Spotlight_Video td.t
{
	width: 926px;
	height: 15px;
}



#Spotlight_Video td.m_lg
{
	width: 15px;
	height: 295px;
}
#Spotlight_Video td.m_spotlight
{
	width: 270px;
	height: 295px;
	border: solid 0px red;
}
#Spotlight_Video #spotlight div.o
{
	width: 270px;
	height: 280px;
	overflow:auto;
}
#Spotlight_Video #spotlight div.i
{
	width: 270px;
	height: 280px;
}
#Spotlight_Video td.m_search
{
	width: 325px;
	height: 295px;
}

#Spotlight_Video #search #input input
{  
	width: 212px;
	height: 25px;
	font-family: vaerdana, sans-serif;
	font-weight: normal;
	font-size: 12px; 
	color: #000000; 
	text-align: left;
	border: 0px;
/*	background-image:url(/img/02/layout/searchbg.gif);*/
	margin-top: 5px;
	padding-left: 5px;
	background: transparent;
}

#Spotlight_Video #search #input div
{  
	width: 216px;
	height: 31px;
	margin-top:2px;
	background-image:url(/img/02/layout/searchbg.gif);
        background-repeat:no-repeat
	
}

#Spotlight_Video #search #input2 input
{  
	width: 195px;
	height: 25px;
	font-family: vaerdana, sans-serif;
	font-weight: normal;
	font-size: 12px; 
	color: #000000; 
	text-align: left;
	border: 0px;
/*	background-image:url(/img/02/layout/searchbg2.gif);*/
	margin-top: 5px;
	padding-left: 5px;
	background: transparent;
}

#Spotlight_Video #search #input2 div
{  
	width: 199px;
	height: 31px;
	margin-top:2px;
	background-image:url(/img/02/layout/searchbg2.gif);
        background-repeat:no-repeat
	
}


#Spotlight_Video #search a.advsrch
{  
	font: 9px verdana,sans-serif ;
	text-decoration: none;
	color: #ffffff;
	margin: 0px 10px;
}

#Spotlight_Video #search a.advsrch:hover
{  
	text-decoration: underline;
}


#Spotlight_Video td.m_cg
{
	width: 34px;
	height: 295px;
}
#Spotlight_Video td.m_video
{
	width: 256px;
	height: 295px;
}

#Spotlight_Video #video table
{
	width: 256px;
	height: 295px;
}

#Spotlight_Video #video td.top
{
	width: 256px;
	height: 30px;
}

#Spotlight_Video #video td.video
{
	width: 256px;
	height: 265px;
}
#Spotlight_Video #video td.bottom
{
	/*width: 256px;*/
}


#Spotlight_Video td.m_rg
{
	width: 26px;
	height: 295px;
}

#Spotlight_Video td.b
{
	width: 926px;
	height: 15px;
}



/*
	''''''''''''''''''''''''''''''''''''''''''''''''''''
	' At the Library, Services & Research
	''''''''''''''''''''''''''''''''''''''''''''''''''''
*/
#At_Services table.inner
{
	width:926px;
	height:286px;
	background:url(/img/02/layout/bgAtServices.png);
}

#At_Services td.t
{
	width: 926px;
	height: 58px;
}

#At_Services td.m_lg
{
	width: 27px;
	height: 205px;
}
#At_Services td.m_at
{
	width: 424px;
	height: 205px;
	background-color: #ffffff;
}
#At_Services #at div.o
{
	width: 424px;
	height: 205px;
	background-color: #ffffff;
	overflow:auto;
}
#At_Services #at div.i
{
	width: 394px;
	height: 205px;
	background-color: #ffffff;
}

#At_Services td.m_cg
{
	width: 24px;
	height: 205px;
}
#At_Services td.m_service
{
	width: 424px;
	height: 205px;
	background-color: #ffffff;
}
#At_Services #ql div.o
{
	width: 424px;
	height: 205px;
	overflow:auto;
	background-color: #ffffff;
}
#At_Services #ql div.i
{
	width: 394px;
	height: 205px;
	background-color: #ffffff;
}

#At_Services td.m_rg
{
	width: 27px;
	height: 205px;
}

#At_Services td.b
{
	width: 926px;
	height: 22px;
}

/*
	''''''''''''''''''''''''''''''''''''''''''''''''''''
	' Browse For, How Do I, Info About
	''''''''''''''''''''''''''''''''''''''''''''''''''''
*/
		
#Browse_How_Info table.inner
{
	width:926px;
	height:415px;
	background:url(/img/02/layout/bgBrowseHowInfo.png);
}

#Browse_How_Info td.t
{
	width: 926px;
	height: 55px;
}

#Browse_How_Info td.m_lg
{
	width: 33px;
	height: 331px;
}
#Browse_How_Info td.m_browse
{
	width: 275px;
	height: 331px;
}

#Browse_How_Info td.m_cga
{
	width: 24px;
	height: 331px;
}
#Browse_How_Info td.m_how
{
	width: 275px;
	height: 331px;
}

#Browse_How_Info td.m_cgb
{
	width: 23px;
	height: 331px;
}
#Browse_How_Info td.m_info
{
	width: 275px;
	height: 331px;
}

#Browse_How_Info td.m_rg
{
	width: 29px;
	height: 331px;
}

#Browse_How_Info td.b
{
	width: 926px;
	height: 29px;
}
		
		
/*************************************************************************************************
	Footer
*************************************************************************************************/

td.footer
{
	width:960px; 
	height:67px; 
	vertical-align:top; 
}
#footer table
{
	width:960px; 
	height:67px; 
	background-image: url(/img/02/layout/footerbg.png);
}
#footer td.left
{
	width:20px; 
	height:67px;
}
#footer td.links
{
	width:740px; 
	height:67px;
	text-align: center;
}

#footer #links font.footer
{
	font-family: verdana, sans-serif;
	font-size: 7px;
	color: #000000;
}
#footer #links a.footer:link, #footer #links a.footer:visited, #footer #links a.footer:active     
{
	font-family: verdana, sans-serif;
	font-size: 11px; 
	font-weight: normal;
	text-decoration: none;
	color: #000000; 
	padding: 0px 7px;
}
#footer #links a.footer:hover      
{
	font-family: verdana, sans-serif;
	font-size: 11px; 
	font-weight: normal;
	text-decoration: none;
	color: #ff411b; 
	padding: 0px 7px;
}

#footer #footer td.right
{
	width:200px; 
	height:67px;
}

/*************************************************************************************************
	Page Contacts
*************************************************************************************************/

#PageContacts table
{
	width: 204px;
	margin: 10px;
	color: #00157f;
	font-family: Tahoma, Sans-Serif ;
	font-size: 13px;
	font-weight: normal;
	line-height: 16px;
}
#PageContacts td
{
	text-align: center;
	vertical-align: top;
	display: inherit;
}
#PageContacts td.photo
{
	display: inherit;
}
#PageContacts image
{
	margin: 0px 0px 10px 0px;
}

#PageContacts td.info
{
	display: inherit;
}
#PageContacts font.title
{
	font-weight: bolder;
}
#PageContacts a
{
	font-weight: bolder;
	color: #00157f;
	text-decoration: none;
}
#PageContacts a:hover
{
	text-decoration: underline;
}

/* for the claendar */
#content font.todaysdate
{
	font-family:Times New Roman, serif;
	font-weight: bold;
	color: #002e44;
	font-size: 17px;
	display: block;
	text-align: center;
}