﻿/*-------------------------------------------------------------------------------------
	
	Total Width: 950px;

	three column:

	Left	gutter:		7px
	Menu:						252px
	Center gutter:	10px
	Data:						674px - 3col 636px, 4col 403px
	Right gutter:		7px
	


/*-------------------------------------------------------------------------------------
 Header
-------------------------------------------------------------------------------------*/
div.header, td.header
{
	width: 950px;
	height: 136px;
	position: relative;
}

div.headercrumb, td.headercrumb
{
	width: 950px;
	height: 162px;
	position: relative;
}

/*-------------------------------------------------------------------------------------
 Top
-------------------------------------------------------------------------------------*/

#header div#top
{
	width: 950px;
	height: 91px;
	background: url(/img/00/layout/header.jpg) no-repeat;
	position: relative;
}

#header div#top a.lowgraphics
{
	display:block; 
	width: auto; 
	height:20px; 
	top: 5px;
	left: 10px;
	position: absolute;
	font-size: 11px;
	color: #aad7fe;
	text-decoration: none;
}
#header div#top a.lowgraphics:hover
{
	text-decoration: underline;
}

#header div#top div#links
{
	width: auto; 
	height:20px; 
	top: 25px;
	left: 705px;
	position: absolute;
	font-size: 11px;
	color: #aad7fe;
	text-decoration: none;
}
#header div#top div#links a
{
	font-size: 11px;
	color: #aad7fe;
	text-decoration: none;
	padding: 0px 12px;
}

#header div#top div#links a:hover
{
	text-decoration: underline;
}


#header div#top a.linkbackhome
{
	display:block; 
	width:280px; 
	height:61px; 
	top: 30px;
	position: absolute;
}
#header #top div#button
{
	left: 878px;
	top: 48px;
	width: 62px;
	height: 26px;
	position: absolute;
}

#header #top div#SiteSearch
{
	left: 695px;
	top: 49px;
	width: 174px;
	height: 24px;
	position: absolute;
	background: #ffffff url(/img/00/layout/searchbg.gif) no-repeat;
}

#header #top #SiteSearch input
{  
	width: 174px;
	height: 24px;
	font-size: 15px; 
	color: #646464; 
	text-align: right;
	border: solid 0px #cccccc;
	background-color: Transparent;
	padding: 3px 5px;
	margin: 0px;
}

/*-------------------------------------------------------------------------------------
 Navigation Buttons
-------------------------------------------------------------------------------------*/

#header div#nbuts
{
	width: 950px;
	height: 45px;
	position: relative;
}


#header div#nbuts div
{
}

#header div#butl
{
	top: 0px;
	left: 0px;
	width: 7px;
	height: 40px;
	position: absolute;
	background: url(/img/00/layout/butl.gif) no-repeat;
}

#header div#but
{
	top: 0px;
	left: 7px;
	width: 936px;
	height: 40px;
	position: absolute;
}

#header div#butr
{
	top: 0px;
	left: 943px;
	width: 7px;
	height: 40px;
	position: absolute;
	background: url(/img/00/layout/butr.gif) no-repeat;
}

#header div#butb
{
	top: 40px;
	left: 0px;
	width: 950px;
	line-height: 5px;
	height: 5px;
	position: absolute;
	background: url(/img/00/layout/butb.gif) no-repeat;
}


/* Nav Buttons */
#header table#nbuts
{
	width: 950px;
	height: 45px;
}
#header #nbuts td.butl
{
	width: 7px;
	height: 40px;
	background: url(/img/00/layout/butl.gif) no-repeat;
}

#header #nbuts td.butl
{
	width: 7px;
	height: 40px;
	background: url(/img/00/layout/butl.gif) no-repeat;
}
#header #nbuts td.but
{
	width: 936px;
	height: 40px;
}
#header #nbuts td.butr
{
	width: 7px;
	height: 40px;
	background: url(/img/00/layout/butr.gif) no-repeat;
}
#header #nbuts td.butb
{
	width: 950px;
	height: 5px;
	background: url(/img/00/layout/butb.gif) no-repeat;
}

/****************
	Bread Crumbs
*****************/

#header div#bcrumbs
{
	width: 950px;
	height: 26px;
}
#header div#crumbs
{
	width: 720px;
	height: 26px;
	margin-left: 15px;
	float: left;
	vertical-align: middle;
}
#header div#buttons
{
	float: left;
	width: 200px;
	height: 26px;
}


/*************************************************************************************************
	Content
*************************************************************************************************/
table#content
{
	width: 950px;
	/*background below cause white background*/
	/*background: url(/img/00/layout/contentbg.gif) repeat-y;*/
	height: 100%;
}

#content td
{
	vertical-align: top;
}

/****************
	Menu 
*****************/

#content td.gutterl, #content td.gutterr
{
	width: 7px;

}

#content td.menu
{
	width: 252px;
	height: 100%;
	background: url(/img/00/layout/menubg.jpg) no-repeat top left;
}

#content td.gutterc
{
	width: 10px;
}

/* col0 - layoutstyle 1 */
#content td.col0l
{
	width: 15px;
}


#content td#col0
{
	width: 936px;
	vertical-align: top;
}


#content #col0 table.iwrap
{
	width:936px; 
	height:100%; 
	background-color: #00102c;
}

#content #col0 td.dlr
{
	width:898px;
}

#content #col0 div.iwrap
{
	margin: 10px;
	width: 878px;
}


/* col2 - layoutstyle 3 */
#content td#col2, #content td#col2_23
{
	width: 674px;
	vertical-align: top;
	background-color: #00102c;
}

#content #col2 table.iwrap
{
	width:674px; 
	height:100%; 
	background: #dd102c ;
}

#content td.ocolor
{
	background:#00102c;
}
#content td.icolor
{
	background:#00325e;
}

#content td.olr
{
	width: 3px;
}
#content td.ilr
{
	width: 6px;
}

#content td.otb
{
	height: 3px;
}
#content td.itb
{
	height: 6px;
}
#content #col2 td.dlr
{
	width: 656px;
}

#content #col2 div.iwrap
{
	margin: 10px;
	width: 636px;
}


/* colhp - homepage */
#content td#colhpl
{
	width: 630px;
}
#content #colhpl div#eventsnews
{
	width: 630px;
	background: url(/img/00/hp/slcEventsNews.gif) repeat-y;	
}

#content #colhpl #eventsnews table.eventsnews
{
	width: 630px;
}

#content #colhpl #eventsnews td.lg
{
	width: 36px;
}
#content #colhpl #eventsnews td.events
{
	width: 224px;
}
#content #colhpl #eventsnews td.cg
{
	width: 22px;
}
#content #colhpl #eventsnews td.news
{
	width: 318px;
}
#content #colhpl #eventsnews td.rg
{
	width: 30px;
}

#content td#colhpcg
{
	width: 2px;
	vertical-align: top;
	/*border: solid 1px white;*/
}

#content td#colhpr
{
	width: 318px;
	background: url(/img/00/hp/rbvbg.jpg) no-repeat 0px 6px;	
}

#content #colhpr div#RBV
{
	width: 308px;
	height: 285px;
	margin: 59px 0px 20px 10px;	
}

#content #colhpr div#bulletins
{
	width: 265px;
	margin: 0px 0px 20px 23px;	
}



/**************************************************************
/* 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/00/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/00/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/00/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;
}


		
/*************************************************************************************************
	Footer
*************************************************************************************************/

td#footer
{
	width: 950px;
	height: 118px;
	vertical-align:top; 
}
#footer table#wrapper
{
	width: 950; 
	height: 129px;
}
#footer #wrapper td
{
	vertical-align: top;
	/*
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	font-size: 11px;
	font-family: Tahoma, Sans-Serif;
	line-height: 16px;
	*/
	font: normal normal bold 11px/14px tahoma, sans-serif;
	color: #e7c60e;
	padding: 0px;

}

#footer #wrapper a
{
	font-size: 11px; 
	font-weight: Bold;
	text-decoration: none;
	color: #e7c60e;
}
#footer #wrapper a:hover      
{
	text-decoration: underline;
}

#footer #wrapper td#tspacer
{
	width: 950px; 
	height: 21px;
}

#footer #wrapper #tspacer div
{
	width: 930px;
	height: 1px;
	line-height: .5;
	background: #214057;
	margin: 10px 10px;
}


#footer td.crest
{
	width: 88px; 
	background: url(/img/00/layout/crest.gif) no-repeat  12px 0px;
}
#footer #wrapper td#contact
{
	width: 161px;
	color: #c3c4c5;
}
#footer #wrapper td.divider
{
	width:33px; 
	padding: 0px;
}

#footer #wrapper div.divider
{
/*	width: 1px;
	height: 98px;
	background: #bdc5d3;
	margin: 0px 16px;*/
}

#footer #wrapper td#links
{
	width:330px; 
}

#footer #wrapper #links div.sub
{
	width: 105px; 
	float: left;
}

#footer #wrapper #links a
{
	font-size: 11px; 
	font-weight: normal;
	text-decoration: none;
	color: #c3c4c5;
}

#footer #wrapper #links a:hover
{
	text-decoration: underline;
}

#footer #wrapper td#viewers
{
	width:172px; 
}
#footer #wrapper #viewers a, #footer #wrapper #translate a
{
	margin: 5px 0px 0px 5px;
}



#footer td.poweredby
{
	width:103px;
	text-align: center; 
}

#footer #wrapper td#bspacer
{
	width: 950px; 
	height: 10px;
}

/*************************************************************************************************
	Page Contacts
*************************************************************************************************/

#PageContacts table
{
	width: 141px;
	margin: 0px;
	color: #c3c4c5;
	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;
	color: #c3c4c5;
}
#PageContacts font
{
	font: normal normal normal 11px/14px tahoma, sans-serif;
	color: #c3c4c5;
	padding: 0px;
}

#PageContacts font.title
{
	color: #e7c60e;
	font-weight: bolder;
}
#PageContacts a
{
	font-weight: bolder;
	color: #00157f;
	text-decoration: none;
}
#PageContacts a:hover
{
	text-decoration: underline;
}
