/* \*/
* html #tlc, * html #trc {height: 1%;}
/* */

#tlc, #trc { zoom: 1 }

body
	{
	margin: 0;
	padding: 0;
	background-color: white;
	font-size: 90%;
	text-align: left;
	}

#calbox
	{
	position: absolute;
	margin-left: 5;
	margin-right: 0;
	margin-top: 0.1em;
	padding: 0;
	text-align: left;
	width:270px;	/* <-- use this to tie width to viewport size */
	background-color: #eeeeee;
	top: 103px;
	left: 738px;
		}
#addressbox
	{
	position: absolute;
	margin-left:0;
	margin-right: 0;
	margin-top: 0px;
	padding-left: 5px;
	padding-bottom: 0px;
	padding-right: 0px;
	text-align: left;
	width:250px;				/* <-- use this to tie width to viewport size */
	background-color: white;
	top:110px;
	left:740px;
	padding-top: 0px;
		}			
.adt2 {background: url(images/dot3.gif) 0 0 repeat-x; width: 250px}
.adb2 {background: url(images/dot3.gif) 0 100% repeat-x}
.adl2 {background: url(images/dot3.gif) 0 0 repeat-y}
.adr2 {background: url(images/dot3.gif) 100% 0 repeat-y}
.adbl2 {background: url(images/bl2.gif) 0 100% no-repeat}
.adbr2 {background: url(images/br2.gif) 100% 100% no-repeat}
.adtl2 {background: url(images/tl2.gif) 0 0 no-repeat}
.adtr2 {background: url(images/tr2.gif) 100% 0 no-repeat; padding:10px} 

 #logobox
	{
	position: static;
	margin-left: 0;
	margin-right: 0;
	margin-top: 0;
	padding: 0;
	text-align: left;
	width:180px;	/* <-- use this to tie width to viewport size */
	background-color: #eeeeee;
	top: 800px;
	left: 6px;
		}	
#content
	{
	padding-left:2px;
	padding-bottom:0px;
	padding-right: 10px;
	}

#content h1
	{
	color:#0354c2;
	font-weight: bold;
	font-size: 1.4em;
	font-family: helvetica, geneva, arial, sans-serif;
	}

#content h2
	{
	color:#0354c2;
	font-weight: bold;
	font-size: 0.8em;
	font-family: helvetica, geneva, arial, sans-serif;
	}

#content h3
	{
	color:#ED5327;
	font-weight: bold;
	font-size: 1em;
	font-family: helvetica, geneva, arial, sans-serif;
	padding-bottom:0px;
	padding-left: 25px;
	}
	
#content h4	
{
	color:#ED5327;
	font-weight: bold;
	font-size: 1.2em;
	font-family: helvetica, geneva, arial, sans-serif;
	padding-bottom:0px;
	padding-left: 0px;
	padding-top: 10px;
	}
#content h5	
{
	color:#0354c2;
	font-weight: bold;
	font-size: 1em;
	font-family: helvetica, geneva, arial, sans-serif;
	padding-bottom:0px;
	padding-left: 0px;
	padding-top: 6px;
	}
#content h6	
{
	color:#ED5327;
	font-weight: bold;
	font-size: 1em;
	font-family: helvetica, geneva, arial, sans-serif;
	padding-bottom:0px;
	padding-left: 0px;
	padding-top: 0px;
	}
			
#content p
	{
	color:#3b3b3b;
	font-size: 0.9em;
	line-height: 1.3em;
	font-family: arial, helvetica, sans-serif;
	margin-bottom: 0.1em
	}
#content p2
	{
	color:#ffffff;
	font-size: 0.8em;
	line-height: 1.3em;
	font-family: arial, helvetica, sans-serif;
	padding-bottom:10px;
	margin-bottom: 0.1em
	}
#content p3
	{
	color:#eeeeee;
	font-size: 0.8em;
	line-height: 1.3em;
	font-family: arial, helvetica, sans-serif;
	padding-bottom:10px;
	margin-bottom: 0.1em
	}
#content h7
	{
	color:#3b3b3b;
	font-size: 0.8em;
	line-height: 1.3em;
	font-family: arial, helvetica, sans-serif;
	margin-bottom: 0.1em;
	padding: 3px;
	}
		
/* ---=== border code follows ===--- */
/*
	tlc = top left corner
	trc = top right corner
	blc = bottom left corner
	brc = bottom right corner
	lb = left border
	rb = right border
	tb = top border
	bb = bottom border 
*/

#tlc, #trc, #blc, #brc
	{
	background-color: transparent;
	background-repeat: no-repeat;
	}

#tlc
	{
	background-image:url(images/tlc.gif);
	background-position: 0% 0%;
	}

#trc
	{
	background-image:url(images/trc.gif);
	background-position: 100% 0%;
	}
	
#blc
	{
	background-image:url(images/blc.gif);
	background-position: 0% 100%;
	}

#brc
	{
	background-image:url(images/brc.gif);
	background-position: 100% 100%;
	}

#tb, #bb
	{
	background-color: transparent;
	background-repeat: repeat-x;
	}
			
#tb
	{
	background-image:url(images/tb.gif);
	background-position: 0% 0%;
	}

#bb
	{
	background-image:url(images/bb.gif);
	background-position: 50% 100%;
	}
	
#rb
	{
	background-image:url(images/r.gif);
	background-position: 100% 0%;
	background-repeat: repeat-y;
	}

#lb
	{
	background-color: #eeeeee;
	background-image:url(images/l.gif);
	background-position: 0% 100%;
	background-repeat: repeat-y;
	}
#main2box
	{
	position: absolute;
	margin-left: 0;
	margin-right: 0;
	margin-top: 0.1em;
	padding-left: 5px;
	padding-bottom: 0px;
	padding-right: 10px;
	text-align: left;
	width:315px;				/* <-- use this to tie width to viewport size */
	background-color: white;
	top:120px;
	left:201px;
		}	
#mainbox
	{
	position: absolute;
	margin-left:0;
	margin-right: 0;
	margin-top: 0px;
	padding-left: 0px;
	padding-bottom: 5px;
	padding-right: 0px;
	text-align: left;
	width:400px;				/* <-- use this to tie width to viewport size */
	background-color: white;
	top:704px;
	left:590px;
	padding-top: 0px;
		}			
.t {background: url(images/dot2.gif) 0 0 repeat-x; width: 400px}
.b {background: url(images/dot2.gif) 0 100% repeat-x}
.l {background: url(images/dot2.gif) 0 0 repeat-y}
.r {background: url(images/dot2.gif) 100% 0 repeat-y}
.bl {background: url(images/bl.gif) 0 100% no-repeat}
.br {background: url(images/br.gif) 100% 100% no-repeat}
.tl {background: url(images/tl.gif) 0 0 no-repeat}
.tr {background: url(images/tr.gif) 100% 0 no-repeat; padding:10px} 

#newsbox
	{
	position: absolute;
	margin-left: 0;
	margin-right: 0;
	margin-top: 0.1em;
	padding: 0;
	padding-right: 5px;
	text-align: left;
	width:510px;				/* <-- use this to tie width to viewport size */
	background-color: #FFFFFF;
	top:340px;
	left:201px;
		}
.t2 {background: url(images/dot3.gif) 0 0 repeat-x; width: 510px}
.b2 {background: url(images/dot3.gif) 0 100% repeat-x}
.l2 {background: url(images/dot3.gif) 0 0 repeat-y}
.r2 {background: url(images/dot3.gif) 100% 0 repeat-y}
.bl2 {background: url(images/bl2.gif) 0 100% no-repeat}
.br2 {background: url(images/br2.gif) 100% 100% no-repeat}
.tl2 {background: url(images/tl2.gif) 0 0 no-repeat}
.tr2 {background: url(images/tr2.gif) 100% 0 no-repeat; padding:10px} 

#contactbox
	{
	position: absolute;
	margin-left: 0;
	margin-right: 0;
	margin-top: 0.1em;
	padding: 10;
	padding-right: 0px;
	text-align: left;
	width:460px;				/* <-- use this to tie width to viewport size */
	background-color: #FFFFFF;
	top:120px;
	left:201px;
		}
#contactformbox
	{
	position: absolute;
	margin-left:0;
	margin-right: 0;
	margin-top: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	padding-right: 0px;
	text-align: left;
	width:530px;				/* <-- use this to tie width to viewport size */
	background-color: #eeeeee;
	top:120px;
	left:201px;
	padding-top: 0px;
		}			
.ct {background: url(images/dot2.gif) 0 0 repeat-x; width: 530px}
.cb {background: url(images/dot2.gif) 0 100% repeat-x}
.cl {background: url(images/dot2.gif) 0 0 repeat-y}
.cr {background: url(images/dot2.gif) 100% 0 repeat-y}
.cbl {background: url(images/bl.gif) 0 100% no-repeat}
.cbr {background: url(images/br.gif) 100% 100% no-repeat}
.ctl {background: url(images/tl.gif) 0 0 no-repeat}
.ctr {background: url(images/tr.gif) 100% 0 no-repeat; padding:10px} 						

#newsitembox
	{
	position: absolute;
	margin-left:0;
	margin-right: 0;
	margin-top: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	padding-right: 0px;
	text-align: left;
	width:531px;				/* <-- use this to tie width to viewport size */
	background-color: #ffffff;
	top:120px;
	left:201px;
	padding-top: 0px;
		}			
.nit {background: url(images/dot2.gif) 0 0 repeat-x; width: 530px}
.nib {background: url(images/dot2.gif) 0 100% repeat-x}
.nil {background: url(images/dot2.gif) 0 0 repeat-y}
.nir {background: url(images/dot2.gif) 100% 0 repeat-y}
.nibl {background: url(images/bl.gif) 0 100% no-repeat}
.nibr {background: url(images/br.gif) 100% 100% no-repeat}
.nitl {background: url(images/tl.gif) 0 0 no-repeat}
.nitr {background: url(images/tr.gif) 100% 0 no-repeat; padding:10px}

#publicationbox
	{
	position: absolute;
	margin-left:0;
	margin-right: 0;
	margin-top: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	padding-right: 0px;
	text-align: left;
	width:530px;				/* <-- use this to tie width to viewport size */
	background-color: #ffffff;
	top:120px;
	left:201px;
	padding-top: 0px;
		}			
.pt {background: url(images/dot2.gif) 0 0 repeat-x; width: 530px}
.pb {background: url(images/dot2.gif) 0 100% repeat-x}
.pl {background: url(images/dot2.gif) 0 0 repeat-y}
.pr {background: url(images/dot2.gif) 100% 0 repeat-y}
.pbl {background: url(images/bl.gif) 0 100% no-repeat}
.pbr {background: url(images/br.gif) 100% 100% no-repeat}
.ptl {background: url(images/tl.gif) 0 0 no-repeat}
.ptr {background: url(images/tr.gif) 100% 0 no-repeat; padding:10px}

#eventsbox
	{
	position: absolute;
	margin-left:0;
	margin-right: 0;
	margin-top: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	padding-right: 0px;
	text-align: left;
	width:530px;				/* <-- use this to tie width to viewport size */
	background-color: #ffffff;
	top:606px;
	left:201px;
	padding-top: 0px;
		}			
.et {background: url(images/dot2.gif) 0 0 repeat-x; width: 530px}
.eb {background: url(images/dot2.gif) 0 100% repeat-x}
.el {background: url(images/dot2.gif) 0 0 repeat-y}
.er {background: url(images/dot2.gif) 100% 0 repeat-y}
.ebl {background: url(images/bl.gif) 0 100% no-repeat}
.ebr {background: url(images/br.gif) 100% 100% no-repeat}
.etl {background: url(images/tl.gif) 0 0 no-repeat}
.etr {background: url(images/tr.gif) 100% 0 no-repeat; padding:10px}

#eventsbox2
	{
	position: absolute;
	margin-left:0;
	margin-right: 0;
	margin-top: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	padding-right: 0px;
	text-align: left;
	width:530px;				/* <-- use this to tie width to viewport size */
	background-color: #ffffff;
	top:360px;
	left:201px;
	padding-top: 0px;
		}			
.e2t {background: url(images/dot2.gif) 0 0 repeat-x; width: 530px}
.e2b {background: url(images/dot2.gif) 0 100% repeat-x}
.e2l {background: url(images/dot2.gif) 0 0 repeat-y}
.e2r {background: url(images/dot2.gif) 100% 0 repeat-y}
.e2bl {background: url(images/bl.gif) 0 100% no-repeat}
.e2br {background: url(images/br.gif) 100% 100% no-repeat}
.e2tl {background: url(images/tl.gif) 0 0 no-repeat}
.e2tr {background: url(images/tr.gif) 100% 0 no-repeat; padding:10px}

#bizmemobox
	{
	position: absolute;
	margin-left:0;
	margin-right: 0;
	margin-top: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	padding-right: 0px;
	text-align: left;
	width:530px;				/* <-- use this to tie width to viewport size */
	background-color: #ffffff;
	top:800px;
	left:201px;
	padding-top: 0px;
		}			
.mt2 {background: url(images/dot3.gif) 0 0 repeat-x; width: 530px}
.mb2 {background: url(images/dot3.gif) 0 100% repeat-x}
.ml2 {background: url(images/dot3.gif) 0 0 repeat-y}
.mr2 {background: url(images/dot3.gif) 100% 0 repeat-y}
.mbl2 {background: url(images/bl2.gif) 0 100% no-repeat}
.mbr2 {background: url(images/br2.gif) 100% 100% no-repeat}
.mtl2 {background: url(images/tl2.gif) 0 0 no-repeat}
.mtr2 {background: url(images/tr2.gif) 100% 0 no-repeat; padding:10px}

#bizmemobox2
	{
	position: absolute;
	margin-left:0;
	margin-right: 0;
	margin-top: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	padding-right: 0px;
	text-align: left;
	width:530px;				/* <-- use this to tie width to viewport size */
	background-color: #ffffff;
	top:615px;
	left:201px;
	padding-top: 0px;
		}			
.mt2 {background: url(images/dot3.gif) 0 0 repeat-x; width: 530px}
.mb2 {background: url(images/dot3.gif) 0 100% repeat-x}
.ml2 {background: url(images/dot3.gif) 0 0 repeat-y}
.mr2 {background: url(images/dot3.gif) 100% 0 repeat-y}
.mbl2 {background: url(images/bl2.gif) 0 100% no-repeat}
.mbr2 {background: url(images/br2.gif) 100% 100% no-repeat}
.mtl2 {background: url(images/tl2.gif) 0 0 no-repeat}
.mtr2 {background: url(images/tr2.gif) 100% 0 no-repeat; padding:10px}

#Calendar
	{
	padding: 5px;
	position: absolute;
	left: 520px;
	top: 400px;
	background-color: white;
	width: 200px;
		}

#RSS 
	{
	padding: 0px;
	position:absolute;
	left: 521px;
	top: 480px;
	background-color: white;
	width: 200px;
		}