﻿/*-------------------------------------------------------------------------------------
	
	Total Width: 970px;

	three column:

	Left	gutter:		18px
	Menu:						244px
	Center gutter:	60px
	Data:						684px - 3col 636px, 4col 403px
	Right gutter:		18px
	


/*-------------------------------------------------------------------------------------
 Header
-------------------------------------------------------------------------------------*/
div.header, td.header
{
	width: 970px;
	height: 117px;
	position: relative;
}

div.headercrumb, td.headercrumb
{
	width: 970px;
	height: 143px;
	position: relative;
}


/*-------------------------------------------------------------------------------------
 Top
-------------------------------------------------------------------------------------*/

#header div#top
{
	width: 970px;
	height: 66px;
	background: url(/img/00/layout/header.jpg) no-repeat 10px 0px;
	position: relative;
}

#header div#top a.lowgraphics
{
	display:block; 
	width: auto; 
	height:20px; 
	top: 5px;
	left: 425px;
	position: absolute;
	font-size: 11px;
	color: #082d0d;
	text-decoration: none;
}
#header div#top a.lowgraphics:hover
{
	text-decoration: underline;
}

#header div#top div#header
{
	width: 658px; 
	height:130px; 
	top: 55px;
	left: 292px;
	position: absolute;
}

#header div#top a.linkbackhome
{
	display:block; 
	width:308px; 
	height:55px; 
	top: 0px;
	position: absolute;
}


/*-------------------------------------------------------------------------------------
 Navigation Buttons
-------------------------------------------------------------------------------------*/

#header div#nbuts
{
	width: 970px;
	height: 51px;
	position: relative;
	background: url(/img/00/layout/contentbg.gif) repeat-y 10px 0px;
}


#header div#nbuts div#wrap
{
	position: absolute;
	top: 8px;
	left: 20px;
	width: 930px;
	height:40px;
	background: url(/img/00/layout/searchbg.gif) no-repeat top right ;
}


#header #nbuts div#button
{
	left: 874px;
	top: 4px;
	width: 51px;
	height: 31px;
	position: absolute;
}

#header #nbuts div#SiteSearch
{
	left: 718px;
	top: 8px;
	width: 149px;
	height: 22px;
	position: absolute;
/*	background: #ffffff url(/img/00/layout/searchbg.gif) no-repeat;*/
}

#header #nbuts #SiteSearch input
{  
	width: 149px;
	height: 20px;
	font-size: 13px; 
	color: #646464; 
	text-align: right;
	border: solid 0px #cccccc;
	background-color: Transparent;
	padding: 2px 5px;
	margin: 0px;
}


#header div#but
{
	width: 970px;
	height: 55px;
}



/****************
	Bread Crumbs
*****************/

#header div#bcrumbs
{
	width: 970px;
	height: 27px;
	background: url(/img/00/layout/contentbg.gif) repeat-y 10px 0px;
	position:relative;
}
#header div#bcrumbs div#wrap
{
	position: absolute;
	top: 0px;
	left: 20px;
	width: 930px;
	height:27px;
	background: url(/img/00/layout/crumbbg.png) no-repeat;
}


#header div#crumbs
{
	width: 710px;
	height: 27px;
	margin-left: 10px;
	float: left;
	vertical-align: middle;
	margin-top:0px;
}
#header div#buttons
{
	float: left;
	width: 200px;
	height: 27px;
	margin-top:0px;
}

#header div#nobcrumbs
{
	width: 970px;
	height: 6px;
	background: url(/img/00/layout/crumbbg.jpg) no-repeat bottom;
}


/*************************************************************************************************
	Content
*************************************************************************************************/
table#content
{
	width: 970px;
	background: url(/img/00/layout/contentbg.gif) repeat-y 10px 0px;
	height: 100%;
}

#content td.gutterl, #content td.gutterr
{
	width: 18px;
}

#content td.gutterc
{
	width: 6px;
}

/***********************************************
	Menu 
***********************************************/
#content td.menu
{

	width: 244px;
	height: 100%;
}

/***********************************************
	Full Screen - layout style 0, col0
***********************************************/
#content td.col0
{
	width: 934px;
	vertical-align: top;
}

#content #col0 table#inner
{
	width: 934px;
	height: 100%;
	background: url(/img/00/layout/col0s.png) repeat-y;
}
	
#content #col0 #inner td.top
{
	width: 934px;
	height: 12px;
	background: url(/img/00/layout/col0top.png) no-repeat;
}

#content #col0 #inner td.left
{
	width: 17px;
}

#content #col0 #inner td.data
{
	width: 910px;
	vertical-align: top;
}

#content #col0 #inner td.right
{
	width: 17px;
}

#content #col0 #inner td.bottom
{
	width: 934px;
	height: 12px;
	background: url(/img/00/layout/col0bot.png) no-repeat;
}

/*********************
 inner padding divs 
*********************/
#content #col0 div.edtdiv
{
	width: 880px;
	margin: 20px 15px 5px 15px; 
	border: solid 1px red;
}

#content #col0 div.contentdiv
{
	width: 880px;
	margin: 0px 15px; 
	border: solid 1px blue;
}

#content #col0 div.vpadcontentdiv
{
	width: 880px;
	margin: 15px 15px; 

}


/***********************************************
	2 Columns - layout style 3, col2 
	3 Columns - layout style 4, col2_3 
***********************************************/

#content td#col2, #content td#col2_3
{
	width: 684px;
	vertical-align: top;
}

#content #col2 table#inner, #content #col2_3 table#inner
{
	width: 684px;
	height: 100%;
	background: url(/img/00/layout/col2s.png) repeat-y;
}
	
#content #col2 #inner td.top, #content #col2_3 #inner td.top
{
	width: 684px;
	height: 12px;
	background: url(/img/00/layout/col2top.png) no-repeat;
}

#content #col2 #inner td.left, #content #col2_3 #inner td.left
{
	width: 12px;
}

#content #col2 #inner td.data, #content #col2_3 #inner td.data
{
	width: 660px;
	vertical-align: top;
}

#content #col2 #inner td.right, #content #col2_3 #inner td.right
{
	width: 12px;
}

#content #col2 #inner td.bottom, #content #col2_3 #inner td.bottom
{
	width: 684px;
	height: 12px;
	background: url(/img/00/layout/col2bot.png) no-repeat;
}

/*********************
 inner padding divs 
*********************/
#content #col2 div.edtdiv, #content #col2_3 div.edtdivw
{
	width:630px;
	margin: 20px 15px 5px 15px; 
}

#content #col2 div.contentdiv, #content #col2_3 div.edtdivw
{
	width:630px;
	margin: 0px 15px 10px 15px; 
	
}

#content #col2 div.vpadcontentdiv, #content #col2_3 div.vpadcontentdivw
{
	width:630px;
	margin: 15px 15px; 
}

/*********************
 inner padding divs 
*********************/
#content #col2_3 div.edtdiv, #content #col2 div.edtdivn
{
	width:410px;
	margin: 20px 15px 5px 15px; 
}

#content #col2_3 div.contentdiv, #content #col2 div.contentdivn
{
	width:410px;
	margin: 0px 15px; 
}

#content #col2_3 div.vpadcontentdiv, #content #col2 div.vpadcontentdivn
{
	width:410px;
	margin: 15px 15px; 
}

#content div.rcoldiv
{
	margin: 15px 15px 0px 0px; 
}


/***********************************************
	Homepage - layout style 0, colhp
***********************************************/
#content td#colhpm
{
	width: 434px;
	vertical-align: top;
}

#content #colhpm div#newsHeader
{
	width: 434px;
	height:74px; 
	background:url(/img/00/hp/hpNewsHeader.png) no-repeat; 
	position:relative;
}

#content #colhpm #newsheader a.rss
{
	width: 17px;
	height: 17px; 
	left: 402px;
	top: 29px;
	position:absolute;
}

#content #colhpm #newsheader a.archive
{
	left: 271px;
	top: 31px;
	position:absolute;

	font-size: 11px;
	font-weight: bold;
	color: #049507;
	text-decoration: none;
}

#content #colhpm #newsheader a.archive:hover
{
	text-decoration: underline;
}

#content td#colhpr
{
	width: 244px;
	vertical-align: top;
}

#content #colhpr div#calwrap
{
	width: 244px; 
	vertical-align: top;
	background: url(/img/00/hp/hpCalS.png) repeat-y;
}

#content #colhpr div#cal
{
	width: 244px; 
	vertical-align: top;
	background: transparent url(/img/00/hp/hpCalHeadBg.png) no-repeat;
}


#content #colhpr #cal #month
{
	color: #ffffff;
	font-size: 14px;
	background: transparent;
	/*text-align: center;*/
	height: 29px;
	width: 214px; 
	margin: 0px 15px;
}
#content #colhpr #rcol #cal #month a
{
	color: #c5feff;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
}
#content #colhpr #rcol #cal #month a:hover
{
	color: red;
	font-size: 14px;
	text-decoration: none;
}

#content #colhpr #rcol #cal #month div.center
{
	width: 80%;
	font-size: 14px;
	margin: auto auto;
}

#content #colhpr div#nextmonth
{
	width: 244px;
	height: 32px;
	font-size: 14px;
	background: url(/img/00/hp/hpCalFootBg.png) no-repeat;
}

#content #colhpr #nextmonth a
{
	font-size: 11px;
	font-weight: bold;
	color: #049507;
	text-decoration: none;
	line-height: 25px;
}

#content #colhpr #nextmonth a:hover
{
	text-decoration: underline;
}

#content #colhpr div#glancewrap
{
	width: 244px; 
	vertical-align: top;
	background: url(/img/00/hp/hpGlanceS.png) repeat-y;
}

#content #colhpr div#glance
{
	width: 224px; 
	vertical-align: top;
	margin: 0px 10px;
	background: transparent;
	min-height: 140px;
	height: auto !important;
	height: 140px; 
}


/* col2_3 - layoutstyle 4 */
#content td.col2_3l
{
	width: 14px;
}

#content td.col2_3
{
	width: 664px;
	vertical-align: top;
	
}

#content td.col2_3r
{
	width: 16px;
}

#content titletable#div
{
	width: 100%;
	height: 50px;
	margin-bottom: 20px;
}
#content #titletable div.left
{
	height: 50px;
	background: url(/img/00/layout/titlel.png) no-repeat top left;
}
#content #titletable div.text
{
	height: 50px;
	margin: 0px 15px;
	background: url(/img/00/layout/titles.png) repeat-x;
}
#content #titletable div.right
{
	height: 50px;
	background: url(/img/00/layout/titler.png) no-repeat top right;
}



/**************************************************************
/* 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: 970px; 
	height:117px; 
	vertical-align:top; 
}
#footer table.footer
{
	width: 970px; 
	height:107px; 
}
#footer td.top
{
	width: 970px; 
	height:8px;
	background: url(/img/00/layout/contentbg.gif) repeat-y 10px 0px;
}
#footer td.spacer
{
	width: 970px; 
	height:8px;
}

#footer td.left
{
	width:18px; 
	height:89px;
	background: url(/img/00/layout/footerl.gif) no-repeat top right;
}

#footer td.data
{
	width:934px; 
	height:89px;
	background: url(/img/00/layout/footer.jpg) no-repeat;
}

#footer div#wrapper
{
	width: 934px; 
	height: 89px;
	font: normal normal normal 11px/14px tahoma, sans-serif;
	color: #000000;
	padding: 0px;
	position: relative;
}

#footer #wrapper div#contact
{
	left: 68px;
	width: 200px; 
	position: absolute;
	top: 5px;
	/*border: solid 1px red;*/
}

#footer #wrapper div#links
{
	/*background-color:Fuchsia;*/
	left: 420px; /*433px;*/
	width: 480px;
	position: absolute;
	top: 20px;
}

#footer #wrapper #links a
{
	font-size: 11px; 
	font-weight: normal;
	text-decoration: none;
	color: #b0e8b2;
	display: inline-block;
	height: 16px;
	vertical-align: top;
}

#footer #wrapper #links a:hover
{
	text-decoration: underline;
}


#footer #wrapper div#poweredby
{
	left: 836px;
	width: 103px; 
	text-align: center; 
	position: absolute;
	top: 10px;
}

#footer #wrapper h1 
{
	font-size: 11px; 
	font-weight: Bold;
	text-decoration: none;
	color: white;
	padding: 0px;
	margin: 0px 0px 7px 0px;
	/*border: solid 1px green;*/
}



#footer td.right
{
	width:18px; 
	height:89px;
	background: url(/img/00/layout/footerr.gif) no-repeat top left;
}

/*************************************************************************************************
	Page Contacts
*************************************************************************************************/

#PageContacts table
{
	width: 200px;
	color: #000000;
	font-size: 11px;
	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
{
	color: #000000;
	font-size: 11px;
	font-weight: normal;
	line-height: 16px;
}

#PageContacts font.title, #PageContacts strong
{
	font-weight: bolder;
	font-size: 11px;
}
#PageContacts a
{
	font-weight: bolder;
	font-size: 11px;
	color: #000000;
	text-decoration: none;
}
#PageContacts a:hover
{
	text-decoration: underline;
}
