body { 
	scrollbar-3dlight-color: #ccc;
	scrollbar-arrow-color: #999;
	scrollbar-base-color: #ccc;
	scrollbar-darkshadow-color: #ccc;
	scrollbar-face-color: #eee;
	scrollbar-highlight-color: #eee;
	scrollbar-shadow-color: #eee;
	scrollbar-track-color: #F9F9F9;
	text-align: center;
	background: #fff url('../images/honeycomb_lines.gif') no-repeat right top;
	}

#textflip { position: absolute; top: 0px ; left: 0px ; width:100px; height:10px; z-index:999; color: #ffffff; background: #ffffff; }
A.textflip:link { color : #ffffff; background: #ffffff; text-decoration : none; font-size : 7px; font-family : Arial, Helvetica, sans-serif;  }
A.textflip:visited { color : #ffffff; background: #ffffff; text-decoration : none; font-size : 7px; font-family : Arial, Helvetica, sans-serif; }
A.textflip:hover { color : #999900; background: #ffffff; text-decoration : none; font-size : 9px; font-family : Arial, Helvetica, sans-serif; }
A.textflip:active { color : #999900; background: #ffffff; text-decoration : none; font-size : 9px; font-family : Arial, Helvetica, sans-serif; }

#container {
	background: url('../images/bg_honeycomb.png') no-repeat left bottom;
	width: 900px;
	margin: 0;
	margin-left: auto;
	margin-right: auto;
	padding: 0;
	text-align: center;
	padding-bottom: 90px;
	}

#menuwrapper {
	position: absolute;
	z-index:100;
	width: 900px;
	float: left;
	}

#menu {
	margin-right: auto;
	margin-left: auto;
	width: auto;
	}

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

#menu dl {
	float: left;
	width: 150px;
	height: 42px;
	}

#menu dt {
	margin: 2px;
	margin-left: 35px;
	margin-top: 13px;
	padding: 2px;
	text-align: right;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	color: #fff;
	}

#menu dd {
	border: none;
	}

#menu li {
	background: #fff;
	padding: 0;
	margin: 2px;
	margin-left: 34px;
	}

#menu li a, #menu dt a {
	text-align: right;
	color: #000;
	text-decoration: none;
	display: block;
	font-family: arial, helvetica, sans-serif;
	font-size: 9px;
	padding: 2px;
	margin: 0px;
	height: 12px;
	}

#menu li a:hover, #menu dt a:hover {
	text-decoration: none;
	}

.orange {
	background: transparent url(../images/orange_diamond.gif) no-repeat left top;
	}

.orange dt {
	background: #f60;
	}

.orange li a, .orange dt a {
	border: 1px solid #f60;
	border-left: 7px solid #f60;
	}

.orange li a:hover, .orange dt a:hover {
	background: #FFE1CD;
	text-decoration: none;
	}

.purple {
	background: transparent url(../images/purple_diamond.gif) no-repeat left top;
	}

.purple dt {
	background: #E60066;
	}

.purple li a, .purple dt a {
	border: 1px solid #E60066;
	border-left: 7px solid #E60066;
	}

.purple li a:hover, .purple dt a:hover {
	background: #FFBFDC;
	text-decoration: none;
	}

.darkorange {
	background: transparent url(../images/darkorange_diamond.gif) no-repeat left top;
	}

.darkorange dt {
	background: #FF2D00;
	}

.darkorange li a, .darkorange dt a {
	border: 1px solid #FF2D00;
	border-left: 7px solid #FF2D00;
	}

.darkorange li a:hover, .darkorange dt a:hover {
	background: #FFD5CD;
	text-decoration: none;
	}

.red {
	background: transparent url(../images/red_diamond.gif) no-repeat left top;
	}

.red dt {
	background: #f00;
	}

.red li a, .red dt a {
	border: 1px solid #f00;
	border-left: 7px solid #f00;
	}

.red li a:hover, .red dt a:hover {
	background: #FFD0CD;
	text-decoration: none;
	}

.yellow {
	background: transparent url(../images/yellow_diamond.gif) no-repeat left top;
	}

.yellow dt {
	background: #F3DE14;
	}

.yellow li a, .yellow dt a {
	border: 1px solid #F3DE14;
	border-left: 7px solid #F3DE14;
	}

.yellow li a:hover, .yellow dt a:hover {
	background: #FDF9D0;
	text-decoration: none;
	}

.mustard {
	background: transparent url(../images/mustard_diamond.gif) no-repeat left top;
	}

.mustard dt {
	background: #DFA621;
	}

.mustard li a, .mustard dt a {
	border: 1px solid #DFA621;
	border-left: 7px solid #DFA621;
	}

.mustard li a:hover, .mustard dt a:hover {
	background: #F9EED3;
	text-decoration: none;
	}

#content {
	margin: 0;
	margin-top: 70px;
	padding: 0;
	padding-left: 110px;
	text-align: left;
	}

#content a {
	text-decoration: none;
	color: #f00;
	}

#content a:hover {
	text-decoration: underline;
	color: #000;
	}
#content ul li {
        font-family: verdana, arial, helvetica, sans-serif;
        font-size: 8pt;
        font-style: normal;
        color: #666;
        margin-bottom: 10px;
}

/* text styles */

h1 {
	font-family: arial, helvetica, sans-serif;
	font-size: 14pt;
	color: #999;
	margin: 0;
	margin-bottom: 10px;
	padding: 0;
	text-align: left;
	}
	
h2 {
	font-family: arial, helvetica, sans-serif;
	font-size: 12pt;
	font-style: italic;
	color: #666;
	margin: 0;
	margin-bottom: 10px;
	padding: 0;
	}

h3 {
	font-family: arial, helvetica, sans-serif;
	font-size: 12pt;
	font-style: italic;
	color: #000;
	margin: 0;
	margin-bottom: 10px;
	padding: 0;
	}
	
h4 {
	font-family: arial, helvetica, sans-serif;
	font-size: 11pt;
	font-style: italic;
	color: #666;
	margin: 0;
	margin-bottom: 10px;
	padding: 0;
	}
	
hr {
	width:90%;
	height:1px;
	color:#ccc;
	}
	
p {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 8pt;
	font-style: normal;
	color: #666;
	margin: 0;
	margin-bottom: 10px;
	padding: 0;
	}

p.indent {
	margin-left:40px;
	}
	
.underline {
	text-decoration:underline;
	}
	
.strikethrough {
	text-decoration:line-through;
	}
	
.highlight {
	color: #000;
	background: #ffff66;
	}
	
.orange-colour {
	color: #f60;
	}

.darkorange-colour {
	color: #FF2D00;
	}
	
.red-colour {
	color: #f00;
	}

.yellow-colour {
	color: #F3DE14;
	}
	
.mustard-colour {
	color: #DFA621;
	}

.purple-colour {
	color: #E60066;
	}
	
.black-colour {
	color: #000;
	}

abbr {
	border-bottom:1px dashed;
	cursor:help;
	}
	
acronym {
	border-bottom:1px dashed;
	cursor:help;
	}
	
dfn {
	font-style:normal;
	border-bottom:1px dashed;
	cursor:help;
	}

/* grey widget box */

.greybox {
	background: transparent url('../images/greybox.gif') no-repeat top left;
	border-bottom: 1px solid #666;
	border-right: 1px solid #666;
	width: 170px;
	margin: 0;
	margin-left: 10px;
	margin-bottom: 10px;
	padding: 10px;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 8pt;
	font-style: normal;
	color: #000;
	float: right;
	}

.photos {
	float: left;
	width: 120px;
	margin-left: 10px;
	}
	
* html .photos
	{
	margin-left: 5px;
	}

.photos img {
	border: 1px solid #000;
	margin-top: 5px;
	}

.icons {
	float: right;
	width: 22px;
	}

.icons img {
	margin-bottom: 10px;
	}
		
/* level 3 link styles */
		
#lvl3links {
	scrollbar-3dlight-color: #ccc;
	scrollbar-arrow-color: #999;
	scrollbar-base-color: #ccc;
	scrollbar-darkshadow-color: #ccc;
	scrollbar-face-color: #eee;
	scrollbar-highlight-color: #eee;
	scrollbar-shadow-color: #eee;
	scrollbar-track-color: #F9F9F9;
	overflow: auto;
	height: 100px;
	border: 1px solid #ccc;
	margin: 0;
	padding: 0;
	text-align: left;
	margin-bottom: 10px;
	width: 200px;
	background: #fff;
	}

.lvl3linksheading {
	margin: 0;
	padding: 2px;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 8pt;
	font-style: normal;
	font-weight: bold;
	color: #000;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	background: #eee;
	width: 196px !important;
	}

#lvl3links ul {
	margin: 0;
	padding: 0;
	}

#lvl3links li {
	margin: 0;
	padding: 0;
	}

#lvl3links li a {
	display: block;
	margin: 0;
	padding: 3px;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 7pt;
	font-style: normal;
	color: #000;
	text-decoration: none;
	height: 14px;
	}

#lvl3links li a:hover {
	color: #fff;
	background: #f60;
	text-decoration: none;
	}
	
/* used in the business cards contact pages */

.contactbox {
	background: #fff url('../images/bcard_bg.gif') no-repeat top left;
	border: 1px solid #666;
	width: 250px !important;
	width: 280px;
	height: 160px;
	margin: 0px;
	padding-top: 7px;
	padding-left: 30px;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 8pt;
	font-style: normal;
	color: #000;
	}

#contact-tabs {
	margin-bottom: 3px;
	padding: 0;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 7pt;
	font-style: normal;
	color: #fff;
	}
	
#contact-tabs a {
	text-decoration: none;
	color: #fff;
	background: #f00;
	padding: 1px;
	padding-left: 10px;
	padding-right: 10px;
	margin-right: 10px;
	}

#contact-tabs a:hover {
	text-decoration: none;
	color: #000;
	background: #ccc;
	}
	
	
/* styles for feedback and mailing list forms */	
	
form {
	margin: 0;
	margin-bottom: 10px;
	padding: 0px;
	width: 400px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #000;}

fieldset {
	color: #333;
	border: 1px solid #ccc;
	width: auto;
	margin: 0px;
	padding: 0px;
	padding-left: 10px;
	padding-bottom: 10px;}

fieldset legend {
	padding: 0px 10px 0px 10px;}

fieldset input.text {
	color: #000;
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	border: 1px solid #ccc;
	display: inline;}

#submit {
	text-align: left;
	padding-top: 10px;
	padding-left: 40px;
	margin: 0px;}

#submit input.submit {
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	border: 1px solid #ccc;
	color: #000;
	background: #eee;}
	
	
	
	
/* ----- Footer DIV ----- */

#gu-standard-footer {
	font-family : Arial, Helvetica, sans-serif;
	text-decoration : none;
	font-size : 10pt;
	margin-top: 2em;
	text-align: right;
	width: auto;
	font-weight: bold;
	}

#gu-standard-footer a {
	color: #000000;
	background: inherit;
	text-decoration: none;
	}

#gu-standard-footer a:hover {
	color: #000000;
	background: inherit;
	text-decoration: underline;
	}
	
.hidden
	{
	display: none;
	}