html, body {
	height: 100%;
	margin: 0; padding: 0;
	font: 0.82em/1.5em tahoma, verdana, 'lucida grande', sans-serif;
	background: #E8FCFD url(background.jpg) repeat-x top left;
	color: #656565;
}

#all {
	position: relative; min-height: 100%;
	height: auto !important; height: 100%;
	margin: 0;
}

/* block elements */
p, blockquote { margin: 1em 0; }
h1, h2, h3, h4, h5, h6 { margin: 2em 0 1.25em 0; }
blockquote { border-left: solid 2px #ccc; padding-left: 1em; margin-left: 1em; }
a, a:visited  { color: #2997C7; text-decoration: none; font-weight: bold; padding: 1px; }
a:hover  { color: #fff; background-color: #47A9CF; }

h1, h2, h3, h4, h5, h6 { color: #DA3F3B; font-family: verdana, 'lucida grande'; }
h2 { font-size: 1.4em; }
h3 { font-size: 1.3em; }
h4 { font-size: 1.2em; }
h5 { font-size: 0.9em; }
h6 { font-size: 1.8em; }
ul, li { margin: 0; padding: 0; }
li { margin-left: 1.5em; }

#logo
{
	position: absolute; top: 27px; left: 34px;
	width: 107px; height: 75px;
}
#logo a img, #logo a:hover { border: 0; background-color: transparent; }


/*
 * Head (front)
 */


#head, #message
{
	position: absolute; top: 111px; left: 0;
	width: 760px; height: 168px;
}

#head
	{ background: url(front-head.jpg) no-repeat; z-index: 3;  }

#message
	{ top: 0; left: 0; background: url(front-message.gif) no-repeat; z-index: 4; }
	
#message p, #message h2, #message h1 { font-size: 1px; position: relative; left: -9999px; }


/*
 * Address
 */


#address p
{
	position: absolute; top: 0; width: 185px; padding: 12px 0 0 15px;
	font-size: 0.9em; line-height: 1.4em;
	border-left: dotted 1px #bbb;
	color: #777;
}
#address p.one { left: 372px; }
#address p.two { left: 558px; }


/*
 * Menu
 */


#menu
{
	position: absolute; top: 284px; left: 0;
	width: 140px; padding: 5px 5px 5px 5px;
	margin: 0; background-color: #F33D38;
	border-right: solid 2px #B42F2B;
}

#menu ul, #menu ul li
	{ margin: 0; padding: 0; list-style-type: none; }

#menu a, #menu a:visited
{
	color: #eee;
	display: block; padding: 2px; margin: 0;
	border-bottom: solid 1px #f44F4B;
	font-size: 0.9em;
	padding-left: 15px;
}
#menu a:hover, #menu li.active a
	{ background-color: #F46461; color: #fff; }

#menu li.active a
	{ cursor: default; }

#menu a:active
	{ background-color: #F37773; }


/*
 * Side
 */
 

#side
{
	margin: 0; padding: 0;
	position: absolute; top: 284px; left: 0;
	width: 191px;
	left: 559px;
}

#side a#folio-link
{
	margin: 0; padding: 0;
	display: block; width: 191px; height: 106px;
	background: url(front-foliolink.jpg) no-repeat 0 0;
}
#side a#folio-link:hover
	{ background-position: 0 -106px; }
#side a#folio-link span { display: none; }


 
/*
 * Content
 */
 
 
#content 
{
	position: absolute;	top: 284px; left: 187px;
	width: 357px;
	padding-bottom: 3em;
}


#content p.brief, #content h2.inventory
{
	position: relative; left: -25px;
	width: 100%;
	background-color: #fff;
	margin: 0 0 2em 0;  padding: 15px 15px 15px 25px;
	font-size: 1.1em; line-height: 1.4em;
	border: solid 1px #ddd;
	border-bottom: solid 2px #aaa;
	
}
#content p.brief strong { color: #DA3F3B; }

h5.foot
{
	font-weight: normal; color: #aaa;
	border-top: dotted 1px #ccc; padding-top: 0.5em;
}

/*
 * front
 */ 

#menu, #side, #content { top: 284px; }

/*
 * sub
 */ 
 
.layout-sub #menu { top: 140px; }
.layout-sub #content { top: 155px; width: 385px; }
.layout-sub #content p.brief
	{ left: -15px; padding: 15px; width: 100%; }
	
 h1
{
	margin: 0 0 1.4em 0; padding: 0; color: #342A4F;
	font: 2.4em 'lucida sans unicode', 'lucida grande', arial;
}

ul li strong { color: #646D92; margin-right: 5px; }




div.image { float: left; width: 150px; margin-right: 15px; margin-bottom: 2em; }
div.image h3 { color: #833; margin: 0; padding: 0; font-size: 1em; }
div.image a img { border: solid 2px #ccc; width: 150px; }
div.image a:hover img { border-color: #f77; }
div.image a { background: transparent; border: 0; }
div.image p { margin: 0; padding: 0; }

#all div.content-wide { width: 550px; }
#all div.content-wide p.brief { width: 468px; }

h2, h5 { margin-top: 2em; clear: both; }


#content h2.inventory { margin-top: 2em; width: 470px; font-size: 1.3em; color: #186F93; padding-top: 0.7em; padding-bottom: 0.7em; }


xul.other-locations li { float: left; width: 40%; list-style-type: disc; margin: 5px 0 5px 5px; }