﻿
div.header, td.header
{
	width: 950px;
	height: 97px;
	vertical-align: top;
}

div.headercrumb, td.headercrumb
{
	width: 950px;
	height: 97px;
	vertical-align: top;
}

td.headercrumb
{
	width: 950px;
	height: 97px;
	vertical-align: top;
}

#header table#header
{
	margin: 0px;
	width: 950px;
	height: 97px;
}
#header #header td#left
{
	width: 214px;
	height: 97px;
	background: url(/img/01/layout/headerl.png) no-repeat;
}

#header #header #left a.linkbackhome
{
	display:block; 
	width: 214px;
	height: 97px;
	top: 0px;
	position: absolute;
}
#header #header #left a
{
	display: block;
	width: 214px;
	height: 97px;
	border: solid 0px red;
}

#header #header td#search
{
	width: 673px;
	height: 39px;
	background: url(/img/01/layout/headerr.png) no-repeat;
	text-align: right;
	vertical-align: middle;
}

#header #header #search input
{  
	width: 150px;
	height: 19px;
	font-family: Verdana, sans-serif;
	font-size: 14px; 
	color: #646464; 
	text-align: right;
	border: solid 0px #cccccc;
	background-color: #ffffff;
	padding: 0px 5px;
	margin: 0px;
}

#header #header td#button
{
	width: 68px;
	height: 39px;
	background: url(/img/01/layout/headerr.png) no-repeat;
	vertical-align: middle;
}

#header #header td#right
{
	width: 736px;
	height: 58px;
	background: url(/img/01/layout/headerr.png) no-repeat;
	text-align: right;
	vertical-align: top;
}


#header #header td#right a
{
	font-family: arial narrow, sans-serif;
	font-size: 18px; 
	font-weight: bold;
	text-decoration: none;
	color: #002a4e; 
	padding: 0px 0px 0px 30px;
	text-transform:uppercase;
}
#header #header td#right a:hover      
{
	color: #ff9900; 
}


/* Nav Buttons */
#header table.nbuts
{
	width: 950px;
	height: 43px;
}
#header #nbuts td.butt
{
	width: 950px;
	height: 5px;
	background: url(/img/01/layout/butt.gif) no-repeat;
}
#header #nbuts td.butl
{
	width: 5px;
	height: 33px;
	background: url(/img/01/layout/butl.gif) no-repeat;
}
#header #nbuts td.but
{
	width: 950px;
	height: 33px;
}
#header #nbuts td.butr
{
	width: 5px;
	height: 33px;
	background: url(/img/01/layout/butr.gif) no-repeat;
}
#header #nbuts td.butb
{
	width: 950px;
	height: 5px;
	background: url(/img/01/layout/butb.gif) no-repeat;
}

/*************************************************************************************************
	Content Header
*************************************************************************************************/
div#contentContainer
{
	display: block;
	position: relative;
	width: 950px;
}
#contentContainer div#OverlayImage
{
	/*display: block;*/
	position: absolute;
	width:460px;
	height:500px;
	top: 223px;
	/*left: 142px;*/
	left: -138px;
	/*background: url(/img/01/layout/ballerina.gif) no-repeat;*/
	/*background: url(/civica/inc/adminblobfetch.asp?BlobID=3701) no-repeat;/*
	
	/*background: url(/img/01/layout/ballerina.png) no-repeat;*/
	z-index: 6000;
}
#contentContainer div#OverlayVWC
{
	display: block;
	position: absolute;
	width:45px;
	height:560px;
	top: 0px;
	left: 214px;
	left: 214px;
	background: url(/img/01/layout/vWalnutCreek.png) no-repeat;
	z-index: 6001;
	/*border: solid 1px red;*/
}
#contentContainer div#OverlayVWCie6
{
	display: block;
	position: absolute;
	width:45px;
	height:560px;
	top: 0px;
	left: 214px;
	background: url(/img/01/layout/vWalnutCreek.gif) no-repeat;
	z-index: 6001;
	/*border: solid 1px red;*/
}


#contentContainer div#button
{
	display: block;
	position: absolute;
	width:200px;
	height:25px;
	top: 5px;
	left: 800px;
	z-index: 4000;
}



table.content
{
	width: 950px;
	height: 100%;
	/*border: solid 1px red;*/
}

#content td
{
	/*border: solid 1px black;*/
}

#content td#menu
{
	width: 214px;
	background: #e9e9eb;	
	vertical-align:top;
	height:100%;
}


#content #menu div#menuRegPic
{
	float: left;
	width: 50px;
	height: 110px;
	background: url(/img/01/layout/menuReg.gif) ;
}
#content #menu div#menuRegInfo
{
	float: left;
	width: 125px;
	height: 110px;
}

#content #menu div#menuCatPic
{
	float: left;
	width: 50px;
	height: 110px;
	background: url(/img/01/layout/menuCatalog.gif) ;
}
#content #menu div#menuCatInfo
{
	float: left;
	width: 125px;
	height: 110px;
}

#content #menu div#menuCalPic
{
	float: left;
	width: 50px;
	height: 90px;
	background: url(/img/01/layout/menuCal.gif) ;
}
#content #menu div#menuCalInfo
{
	width: 150px;
	height: 90px;
}

#content #menu div.divider
{
	clear: both;
	width: 212px;
	height: 7px;
	line-height: 7px;
}

#content #menu div#signup
{
	position: relative;
	width: 214px;
	height: 70px;
	background-color: #fff;
}

#content #menu #signup div#button
{
	position: absolute;
	top: 20px;
	left: 0px;
	width: 63px;
	height: 19px;
}
#content #menu #signup div#image
{
	position: absolute;
	top: 20px;
	left: 63px;
	width: 151px;
	height: 19px;
	background: url(/img/01/layout/maillist.gif) ;
}

#content #menu #signup div#input
{
	position: absolute;
	top: 47px;
	left: 0px;
	width: 173px;
	height: 23px;
	background: #c0c0c0;
}
#content #menu #signup #input input
{  
	width: 173px;
	height: 23px;
	line-height: 23px;
	font-family: Arial Narrow, sans-serif;
	font-size: 17px; 
	color: #646464; 
	text-align: right;
	border: solid 0px #cccccc;
	background-color: Transparent;
	padding: 0px 4px;
	margin: 0px;
}




/* col0 - layoutstyle 1 */
#content td.col0l
{
	width: 15px;
	background: url(/img/01/layout/col0s.png) repeat-y left;	
}


#content td.col0
{
	width: 930px;
	background: url(/img/01/layout/col0s.png) repeat-y center;	
	vertical-align: top;
}

#content td.col0r
{
	width: 15px;
	background: url(/img/01/layout/col0s.png) repeat-y right;	
}

/* col2 - layoutstyle 3 */
#content td.col2l
{
	width: 65px;
}

#content td.col2
{
	width: 671px;
	vertical-align: top;
	/*border: solid 1px red;*/
}

#content td.col2r
{
	width: 0px;
	background: url(/img/01/layout/col2s.png) repeat-y right;	
}

/* colhp - homepage */
#content td.colhpl
{
	width: 16px;
	background: url(/img/01/layout/col2s.png) repeat-y left;	
}

#content td.colhp
{
	width: 674px;
	background: url(/img/01/layout/col2s.png) repeat-y center;	
	vertical-align: top;
}

#content td.colhpr
{
	width: 15px;
	background: url(/img/01/layout/col2s.png) repeat-y right;	
}

/* col2_3 - layoutstyle 4 */
#content td.col2_3l
{
	width: 26px;
	background: url(/img/01/layout/col2_3sl.png) repeat-y left;	
}

#content td.col2_3
{
	width: 664px;
	background: url(/img/01/layout/col2_3s.png) repeat-y center;	
	vertical-align: top;
}

#content td.col2_3r
{
	width: 15px;
	background: url(/img/01/layout/col2_3sr.png) repeat-y right;	
}

	

/**************************************************************
/* Homepage Chunks
/*************************************************************/



		
/*************************************************************************************************
	Footer
*************************************************************************************************/

td.footer
{
	width:100%; 
	height:0px; 
	vertical-align:top; 
}
#footer table.footer
{
	width:100%; 
	height:60px; 
}
#footer td.left
{
	width:16px; 
	height:60px;
	background: url(/img/01/layout/footerl.png) no-repeat;
}
#footer td.links
{
	width:744px; 
	height:60px;
	background: url(/img/01/layout/footers.png) repeat-x;
}

#footer #links font
{
	font-family: arial narrow, sans-serif;
	font-size: 7px;
	color: #ffffff;
}
#footer #links a
{
	font-family: arial narrow, sans-serif;
	font-size: 15px; 
	font-weight: normal;
	text-decoration: none;
	color: #002a4e; 
	padding: 0px 30px;
	text-transform:uppercase;
}
#footer #links a:hover      
{
	color: #ff9900; 
}

#footer td.poweredby
{
	width:200px; 
	height:60px;
	background: url(/img/01/layout/poweredby.png) no-repeat;
}
/*************************************************************************************************
	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;
}

/* Main Layout Additionns */

/*td.LeftSideFade1
{
	width:21px;
	vertical-align:top;
	background-image:url(/img/00/layout/innerEdgeMidL.gif);
	background-repeat:repeat-y;
}
td.LeftSideFade2
{
	width:39px;
	vertical-align:top;
	background-image:url(/img/00/layout/leftSideFadeMid.gif);
	background-repeat:repeat-y;
}
td.LeftSideFade3
{
	width:39px;
	vertical-align:bottom;
	background-image:url(/img/00/layout/leftSideFadeMid.gif);
	background-repeat:repeat-y;
}

td.RightSideFade1
{
	width:21px;
	vertical-align:top;
	background-image:url(/img/00/layout/innerEdgeMidR.gif);
	background-repeat:repeat-y;
}
td.RightSideFade2
{
	width:39px;
	vertical-align:top;
	background-image:url(/img/00/layout/rightSideFadeMid.gif);
	background-repeat:repeat-y;
}
td.RightSideFade3
{
	width:39px;
	vertical-align:bottom;
	background-image:url(/img/00/layout/rightSideFadeMid.gif);
	background-repeat:repeat-y;
}
td.bkgBottomFade
{
	
	background-position:bottom;
	background-image:url(/img/00/layout/bgsliceb.gif);
	background-repeat:repeat-x;
	
}
*/
.hdrCal a 
{
font-family:verdana,sans-serif;
	font-weight:bold;
	text-decoration:none;
	color: #ffffff;	
	padding-right:10px;
	
}
.hdrCal a:visited
{
font-family:verdana,sans-serif;
	font-weight:bold;
	text-decoration:none;
	color: #ffffff;	
	padding-right:10px;
	
}
.hdrCal a:active
{
font-family:verdana,sans-serif;
	font-weight:bold;
	text-decoration:none;
	color: #ffffff;	
	padding-right:10px;
	
}
.hdrCal a:hover
{
font-family:verdana,sans-serif;
	font-weight:bold;
	text-decoration:none;
	color: #ffcc00;	
	
}

/*************************************************************************************************
	left a right fade styles...
*************************************************************************************************/

td.LeftSideFullFade
{
}
div.LeftSideFullFade
{
}

td.RightSideFullFade
{
}

div.RightSideFullFade
{
}


