@charset "UTF-8";
/*--------------------------------------------------------------
Although the CSS in this file can be freely copied, the associated
graphic files are copyright 2005 Sinclair Design and may not be
reproduced in any form. Furthermore, the unique combination
of images, colors and typography that gives the website its
'look and feel' are also copyright 2005 Sinclair Design.
--------------------------------------------------------------*/
/*--------------------------------------------------------------
   Standard page defaults
--------------------------------------------------------------*/
body {
	font-family: "Trebuchet MS", Arial, "Nimbus Sans L", Helvetica, sans-serif;
	padding: 10px 0;
	margin: 0;
	background: #333 url(images/back_cloth.jpg) repeat;
}
td#site-body {  /*used for admin area preview window*/
	font-family: "Trebuchet MS", Arial, "Nimbus Sans L", Helvetica, sans-serif;
	padding: 10px 0;
	margin: 0;
	background: #333 url(images/back_cloth.jpg) repeat;
}
td#site-body td {  /*used for admin area preview window*/
	font-family: "Trebuchet MS", Arial, "Nimbus Sans L", Helvetica, sans-serif;
}
img {
	border: 0;
	margin: 0 0 5px 0;
}
.footnote {
	color: #999;
	text-align: center;
	margin-top: 15px;
}
#wrap {
	padding: 0;
	border: 0;
	margin: 0 auto;
	background: #C6C6C6 url(images/nav_back.jpg) repeat-y left;
}
form {
	padding: 0;
	margin: 0;
}
fieldset {
	padding: 8px 0;
	border: 0;
	margin: 0;
}
/* Start Holy Hack for IE peekaboo and other bugs \*/
* html #page { height: 1%; }
* html #page div { height: 1%; }
* html #page div div { height: 1%; }
* html #page div div div { height: 1%; }
/* End Holy Hack for IE */ 
/*--------------------------------------------------------------
   Main Page Content
--------------------------------------------------------------*/
#mid1 {
	float: left;
	padding: 0;
	margin: 0;
	background: url(images/right.jpg) repeat-y right;
}
#mid2 {
	padding: 0;
	margin: 0;
	background: url(images/mid_bot_rt.jpg) no-repeat bottom right;
}
#page {
	float: left;
	color: #000;
	padding: 0;
	margin: 10px 0 10px 15px;
	background: url(images/back_paper.jpg) repeat top right;
}
.page {  /*the admin area window that holds SS short-cuts*/
	color: #000;
	padding: 10px;
	margin: 0;
	background: url(images/back_paper.jpg) repeat top right;
}
#page a {
	text-decoration: none;
	color: #3F0000;
}
#page a:hover {
	text-decoration: underline;
	color: #900;
	background-color: #FF9;
}
h1 {
	line-height: 110%;
	padding: 0;
	margin: 0 0 15px 0; 
}
h2 {
	padding: 0;
	margin: 0 0 10px 0;
}
h3 {
	padding: 0;
	margin: 0;
}
h4 {
	padding: 0;
	margin: 0;
}
#page p {
	padding: 0;
	margin: 0 0 10px 0;
}
.grey{
	color: #888;
}
.hide {
	display: none;
}
/*---------------------------------
   Text Box Styling - Backgrounds
-----------------------------------*/
.inset1, .inset2, .inset3, .inset4, .inset5, .inset6, .inset7, .inset8 {
	padding: 0;
	margin: 0;
}
.inset2, .inset4, .inset6, .inset8 {
	background: url(images/inset_cr.gif) repeat-y right;
}
.inset1, .inset3, .inset5, .inset7 {
	margin: 0 0 10px 0;
}
.inset1 {
	background-color: #D2D9EF;
	border: 1px solid #A9B5DE;
}
.inset2 {
	background-color: #D7DAE9;
}
.inset3 {
	background-color: #EFEAC3;
	border: 1px solid #ECE1A8;
}
.inset4 {
	background-color: #EFEAC3;
}
.inset5 {
	background-color: #FFF;
	border: 1px solid #CCC;
}
.inset6 {
	background-color: #FFF;
}
.inset7 {
	background: url(images/paper_lighter.jpg) repeat;
	border: 1px solid #FFF;
}
.inset8 {
	background: url(images/paper_darker.jpg) repeat;
	border: 1px solid #888;
}
.inset8 img {
	padding-top: 8px;
}
/*---------------------------------
   Text Box Styling - Subheads
-----------------------------------*/
#page .inset1 h2, #page .inset3 h2, #page .inset5 h2, #page .inset7 h2 {
	padding: 8px;
	margin: 0;
}
#page .inset2 h2, #page .inset4 h2, #page .inset6 h2, #page .inset8 h2 {
	padding: 8px 15px 8px 8px;
	margin: 0;
	background: url(images/inset_tr.gif) no-repeat right top;
}
#page .inset1 h2, #page .inset2 h2 {
	font-weight: bold;
	color: #163A77;
	background-color: #B7C2EB;
}
#page .inset3 h2, #page .inset4 h2 {
	font-weight: bold;
	color: #7F5F03;
	background-color: #E6DB93;
}
#page .inset5 h2, #page .inset6 h2 {
	font-weight: bold;
	color: #FFF;
	background-color: #999;
}
#page .inset6 h3 {
	padding: 10px 10px 5px 10px;
}
#page .inset7 h2 {
	font-weight: bold;
	color: #FFF;
	background: url(images/paper_darker.jpg) repeat;
}
#page .inset8 h2 {
	font-weight: bold;
	color: #FFFFFF;
	background: #6C6C6C;
}
/*---------------------------------
   Text Box Styling - Body Text
-----------------------------------*/
#page .inset1 p, #page .inset2 p {
	color: #163A77;
	padding: 5px 10px;
	margin: 0;
}
#page .inset3 p, #page .inset4 p {
	color: #794700;
	padding: 5px 10px;
	margin: 0;
}
#page .inset5 p, #page .inset6 p {
	color: #555;
	padding: 5px 10px;
	margin: 0;
}
#page .inset7 p {
	color: #333;
	padding: 5px 10px;
	margin: 0;
}
#page .inset8 p {
	color: #000;
	padding: 5px 10px;
	margin: 0;
}
#page .inset1 a, #page .inset2 a {
	color: #3F0000;
}
#page .inset3 a, #page .inset4 a {
	color: #3F0000;
}
#page .inset5 a, #page .inset6 a {
	color: #3F0000;
}
#page .inset7 a {
	color: #3F0000;
}
#page .inset8 a {
	color: #3F0000;
}
#page .inset1 a:hover, #page .inset2 a:hover, #page .inset3 a:hover, #page .inset4 a:hover, #page .inset5 a:hover, #page .inset6 a:hover, #page .inset7 a:hover, #page .inset8 a:hover {
	color: #900;
}
/*---------------------------------
   Text Box Styling - Captions
-----------------------------------*/
#page .inset1 .pic-l, #page .inset1 .pic-a, #page .inset1 .pic-c, #page .inset1 .pic-r, #page .inset1 .pic-b, #page .inset1 .pic-, #page .inset2 .pic-l, #page .inset2 .pic-a, #page .inset2 .pic-c, #page .inset2 .pic-r, #page .inset2 .pic-b, #page .inset2 .pic- {
	color: #000;
}
#page .inset3 .pic-l, #page .inset3 .pic-a, #page .inset3 .pic-c, #page .inset3 .pic-r, #page .inset3 .pic-b, #page .inset3 .pic-, #page .inset4 .pic-l, #page .inset4 .pic-a, #page .inset4 .pic-c, #page .inset4 .pic-r, #page .inset4 .pic-b, #page .inset4 .pic- {
	color: #724C00;
}
#page .inset5 .pic-l, #page .inset5 .pic-a, #page .inset5 .pic-c, #page .inset5 .pic-r, #page .inset5 .pic-b, #page .inset5 .pic-, #page .inset6 .pic-l, #page .inset6 .pic-a, #page .inset6 .pic-c, #page .inset6 .pic-r, #page .inset6 .pic-b, #page .inset6 .pic- {
	color: #333;
}
#page .inset7 .pic-l, #page .inset7 .pic-a, #page .inset7 .pic-c, #page .inset7 .pic-r, #page .inset7 .pic-b, #page .inset7 .pic-, #page .inset8 .pic-l, #page .inset8 .pic-a, #page .inset8 .pic-c, #page .inset8 .pic-r, #page .inset8 .pic-b, #page .inset8 .pic- {
	color: #333;
}
/*---------------------------------
   Text Box Styling - Bottom
-----------------------------------*/
#page .inset1 h6, #page .inset2 h6, #page .inset3 h6, #page .inset4 h6, #page .inset5 h6, #page .inset6 h6, #page .inset7 h6, #page .inset8 h6 {
	padding: 0;
	margin: 0;
	clear: left;
}
#page .inset1 h6, #page .inset3 h6, #page .inset5 h6, #page .inset7 h6, #page .inset8 h6 {
	height: 0;
}
#page .inset2 h6, #page .inset4 h6, #page .inset6 h6 {
	background: url(images/inset_br.gif) no-repeat bottom right;
}
#page .inset2 h6 a, #page .inset4 h6 a, #page .inset6 h6 a {
	display: block;
	background: url(images/inset_bl.gif) no-repeat bottom left;
}
/*---------------------------------
   Text Box Styling - Link Lists
-----------------------------------*/
#page .inset1 ul, #page .inset2 ul, #page .inset3 ul, #page .inset4 ul, #page .inset5 ul, #page .inset6 ul, #page .inset7 ul, #page .inset8 ul {
	list-style: none;
	padding: 0;
	border: 0;
	margin: 0 10px 0 0; /* padding around clickable area within div */
}
#page .inset2 ul, #page .inset4 ul, #page .inset6 ul, #page .inset8 ul {
	margin-right: 18px; /* extra padding to allow for drop-shadow */
}
#page .inset1 li, #page .inset2 li, #page .inset3 li, #page .inset4 li, #page .inset5 li, #page .inset6 li, #page .inset7 li, #page .inset8 li {
	display: inline; /*gets rid of IE6 'space under <li>' bug*/
	padding: 0;
	border: 0;
	margin: 0;
}
#page .inset1 li a, #page .inset2 li a, #page .inset3 li a, #page .inset4 li a, #page .inset5 li a, #page .inset6 li a, #page .inset7 li a, #page .inset8 li a {
	display: block;
	width: 100%;
	font-weight: normal;
	text-decoration: none;
	padding: 4px 5px; /* padding around text to make clickable area */
	margin: 0;
}
/* IE box-model hack - sigh! */
* html #page .inset1 li a, * html #page .inset2 li a, * html #page .inset3 li a, * html #page .inset4 li a, * html #page .inset5 li a, * html #page .inset6 li a, * html #page .inset7 li a, * html #page .inset8 li a { margin-right: -10px; }
/* end of IE hack */
#page .inset1 li a, #page .inset2 li a {
	color: #163A77;
	border-bottom: 1px dotted #8B9DE2;
}
#page .inset3 li a, #page .inset4 li a {
	color: #794700;
	border-bottom: 1px dotted #B29E4B;
}
#page .inset5 li a, #page .inset6 li a {
	color: #555;
	border-bottom: 1px dotted #AAA;
}
#page .inset7 li a {
	color: #333;
	border-bottom: 1px dotted #555;
}
#page .inset8 li a {
	color: #000;
	border-bottom: 1px dotted #CCC;
}
#page .inset1 li a:hover, #page .inset2 li a:hover {
	color: #000;
	text-decoration: none;
	background-color: #B2C0EB;
}
#page .inset3 li a:hover, #page .inset4 li a:hover {
	color: #000;
	text-decoration: none;
	background-color: #EBE35C;
}
#page .inset5 li a:hover, #page .inset6 li a:hover {
	color: #000;
	text-decoration: none;
	background-color: #DADA83;
}
#page .inset7 li a:hover {
	color: #FFF;
	text-decoration: none;
	background-color: #888;
}
#page .inset8 li a:hover {
	color: #000;
	text-decoration: none;
	background-color: #CCC;
}
#page .inset1 li a.current, #page .inset2 li a.current {
	color: #000;
	background-color: #F9F1D7;
}
#page .inset3 li a.current, #page .inset4 li a.current {
	color: #000;
	background-color: #FDF1A2;
}
#page .inset5 li a.current, #page .inset6 li a.current {
	color: #000;
	background-color: #FF9;
}
#page .inset7 li a.current {
	color: #333;
	background-color: #FFC;
}
#page .inset8 li a.current {
	color: #333;
	background-color: #EFEFC0;
}
/*---------------------------------
   Pictures (caption colour is overriden for inset boxes)
-----------------------------------*/
.pic-l, .pic-a, .pic-c, .pic-r, .pic-b, .pic- {
	color: #444;
	text-align: center;
	margin: 0 0 5px 0;
}
.pic-r, .pic-b {
	margin: 5px 12px 10px 15px; /* keep inset pic borders within the inset box */
}
.pic-l {
	float: left;
	margin: 0 15px 10px 0;
}
.inset7 .pic-l, td .inset7 .pic-l {
	margin: 0 15px 0 0;
}
.inset8 .pic-l, td .inset8 .pic-l {
	margin: 0 10px 0 10px;
}
.pic-r {
	float: right;
	margin: 5px 0 10px 15px;
}
/* Start Hack for IE 3px-jog bug \*/
* html .pic-l { margin-right: 12px; }
* html .pic-r { margin-left: 12px; }
/* End Hack for IE */ 
.pic-c {
	margin: 5px auto 0 auto;
}
.pic-a, .pic- {
	margin: 0 auto 5px 0;
}
.pic-b {
	margin: 0 0 5px auto;
}
/*--------------------------------------------------------------
  Header and Primary Navigation
--------------------------------------------------------------*/
#top1 {
	height: 101px;
	background: url(images/top_right_long.jpg) no-repeat right top;
}
#top2 {
	height: 101px;
	background: url(images/top_left.jpg) no-repeat left bottom;
}
#top-n1 {
	float: left;
	position: relative;
	height: 101px;
	margin: 0;
	padding: 0;
}
#top-n1 ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
#top-n1 ul li {
	float: left;
	text-align: center;
	line-height: 115%;
	padding: 0;
	margin: 0;
}
#top-n1 ul li a {
	display: block;
	height: 64px; /* add to padding to get the height of the clickable region from the top of the box */
	color: #FFF;
	text-decoration: none;
	padding: 26px 0 0 0; /* space above text (plus leading space) */
	margin: 0;
}
#top-n1 ul li a:hover {
	color: #FF3;
	text-decoration: underline;
	background-color: transparent;
}
#top-n1 .logo, #top-n1 .logo2 {
	display: block;
	height: 101px;
	padding: 0;
	margin: 0;
}
#top-n1 .logo2 {
	background: url(images/top_left2.jpg) no-repeat left bottom;
}
#top-n1 a:hover {
	color: #FF3;
	background-color: #333;
}
#top-n1 a span {
	display: none;
}
#top-n1 a:hover span { /* position of nav1 hover text */
	display: block;
	position: absolute;
	top: 60px;
	width: 160px;
	color: #790000;
	text-align: left;
	font-size: 11px;
	line-height: 13px;
	padding: 5px;
	border: 1px solid #000;
	margin-left: -45px;
	background-color: #FF9;
}
#top-n1 a.logo:hover span, #top-n1 a.logo2:hover span {
	left: 20px;
	width: 138px;
	margin-left: 0;
}
/* IE hack to centre the nav1 hover text */
* html #top-n1 a:hover span { margin-left: -85px; }
/* end of IE hack */
#top-n1 .current {
	height: 91px; /* the distance from the (right) graphic base-line to the top of the box */
	padding: 0;
	margin: 0;
	background: url(images/n1_sel_r.jpg) no-repeat right bottom;
}
#top-n1 a.current, #top-n1 a.current2 {
/* IE5.5 hack */	
	height: 91px;
	height: /**/65px; /* add to padding to get the height of the clickable region from the top of the box */
/* end of IE5.5 hack */	
	color: #000;
	padding: 26px 0 0 0; /* space above text (plus leading space) */
	background: url(images/n1_sel_l.jpg) no-repeat left bottom;
}
#top-n1 a.current2 {
	background: url(images/n1_sel_l2.jpg) no-repeat left bottom;
}
#top-n1 a.current:hover, #top-n1 a.current2:hover {
	color: #C00;
	background-color: transparent;
}
#top-n1 .bar {
	height: 91px; /* the distance from the graphic base-line to the top of the box */
	background: url(images/n1_bar.jpg) repeat-x bottom;
}
#top-n1 a.bar {
/* IE5.5 hack */	
	height: 91px;
	height: /**/51px; /* add to padding to get the height of the clickable region from the top of the box */
/* end of IE5.5 hack */	
	padding: 26px 0 14px 0; /* space above and below text on the rollover */
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#top-n1 a { float: none; }
/* End IE5-Mac hack */
/* Clickable Region Hack re-sets width for all browsers other than IE-Win */
#top-n1 > ul a { width: auto; }
/* End IE-Win hack */
#top-n4 {  /* holds the extra nav links */
	float: right;
	padding: 12px 6px 0 0;
	margin: 0;
}
#top-n4 ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
#top-n4 ul li {
	text-align: left;
	white-space: nowrap;
	line-height: 100%;
	padding: 2px 0 0 13px;
	margin: 0;
	background: url(images/bp_l_grey.gif) no-repeat 0 5px;
}
#top-n4 ul li a {
	color: #FFF;
	text-decoration: none;
	padding: 0;
	margin: 0;
}
#top-n4 a:hover {
	color: #FF3;
	text-decoration: underline;
}
/*---------------------------
  Secondary Navigation
-----------------------------*/
#mid-n2 {
	float: left;
	padding: 0;
	margin: 0;
	background: url(images/nav_top.jpg) no-repeat top left;
}
#mid-n2 ul {
	list-style: none;
	padding: 0;
	margin: 0 0 0 19px;
}
#mid-n2 li {
	display: inline; /*gets rid of IE6 'space under <li>' bug*/
	padding: 0;
	margin: 0;
}
#mid-n2 li a {
	display: block;
	width: 129px; /*width of level-2 clickable area */
	font-weight: normal;
	color: #6B6847;
	text-decoration: none;
	padding: 6px 0 9px 8px; /* n2 text within clickable area */
	background: url(images/n2_line.gif) no-repeat left bottom;
}
#mid-n2 li a:hover {
	color: #000;
	text-decoration: underline;
	background-color: #E5D87A;
}
#mid-n2 li.nav2-only { /*the nav2 selected link when there is no nav3*/
	display: block;
	width: 123px;
	font-weight: bold;
	color: #000;
	padding: 8px 20px 0 8px;
	margin: 0;
	background: url(images/n2_sel.jpg) no-repeat 137px 0px;
}
#mid-n2 li.nav2-only #nav2-bot { /*the bottom of the nav2-sel graphic*/
	height: 3px;
	width: 137px;
	padding: 0;
	margin: 6px 0 0 -8px;
	background: url(images/n2_line.gif) no-repeat left bottom;
}
#mid-n2 .nav2-sel { /*the nav2 selected page*/
	display: block;
/* IE5.5 hack */	
	width: 151px;
	width: /**/151px;
/* end of IE5.5 hack */	
	color: #000;
	font-weight: bold;
	padding: 8px 0 5px 8px; /*third figure is thickness of bottom (top) graphic*/
	margin: 0 0 0 0px;
	background: url(images/n2_top.jpg) no-repeat left bottom;
}
#mid-n2 .nav2-sel a {
	display: inline;
	width: 151px;
	color: #000;
	font-weight: bold;
	padding: 0;
	margin: 0;
	background: none;
}
#mid-n2 #nav2-top { /*the nav2 arrow above nav3*/
	height: 17px;
	margin: 7px 0 0 -8px;
	background: url(images/n2_bot.jpg) no-repeat left bottom;
}
#mid-n2 .nav2-sel  ul {
	list-style: none;
	padding: 0;
	margin: 0 0 0 -8px; /*aligns background flush left*/
	background: url(images/n3.jpg) repeat-y left;
}
#mid-n2 .nav2-sel li {
	display: inline; /*gets rid of IE6 'space under' bug*/
	padding: 0;
	margin: 0;
}
#mid-n2 .nav2-sel li a {
	display: block;
	width: 121px; /*width of level-3 clickable area */
	font-weight: normal;
	color: #6B6847;
	text-decoration: none;
	margin: 0 0 0 4px; /* level-3 nav line outside clickable area */
	padding: 4px 0 7px 9px; /* level-3 nav text within clickable area */
	background: url(images/n3_line.gif) no-repeat left bottom;
}
#mid-n2 .nav2-sel li a:hover {
	color: #000;
	text-decoration: underline;
	background-color: #D3C771;
}
#mid-n2 .nav2-sel .nav3-sel {
	display: block;
	width: 137px;
	font-weight: bold;
	color: #6B6847;
	padding: 7px 0 0 12px;
	margin: 0;
	background: url(images/n3_sel.jpg) no-repeat 134px 0;
}
#mid-n2 .nav2-sel #nav3-bot { /*the bottom of the nav3-sel graphic*/
	width: 137px;
	height: 3px; /*the size of the graphic*/
	padding: 3px 0 3px 0; /*the distance of the graphic below the text*/
	margin: 0 0 0 -8px;
	background: url(images/n3_line.gif) no-repeat left bottom;
}
#mid-n2 li.link-intro {
	display: block;
	width: 129px;
	font-weight: bold;
	color: #403E2C;
	text-decoration: none;
	padding: 6px 0 9px 8px;
	background: url(images/n2_line.gif) no-repeat left bottom;
}
/* IE hack to remove 3px space below bgd image, which lines up with the base-line */
* html #mid-n2 .link-intro {
	vertical-align: bottom;
	padding: 3px 0 12px 2px;
}
/* end of IE hack */
.credits {
	display: block;
	position: relative;
	bottom: 0px;
	width: 137px;
	color: #6B6847;
	padding: 20px 0 5px 28px;
	margin: 0;
}
.credits a {
	color: #6B6847;
	text-decoration: none;
}
.credits a:hover { 
	text-decoration: underline;
}
/*--------------------------------------------------------------
  Bottom Box Layout and Navigation
--------------------------------------------------------------*/
#foot1 {
	position: relative;
	height: 53px;
	padding: 0;
	margin: 0;
	background: url(images/bottom_right.jpg) no-repeat right bottom;
	clear: both;
}
#foot2 {
	position: relative;
	height: 53px;
	background: url(images/bottom_left.jpg) no-repeat left bottom;
}
#foot-fonts {
	float: left;
	height: 53px;
/* IE5.5 hack */	
	width: 185px;
	width: /**/155px;
/* end of IE5.5 hack */	
	color: #FFF;
	line-height: 50px;
	padding: 0 0 0 30px;
	margin: 0;
}
#foot-fonts .size1, #foot-fonts .size2, #foot-fonts .size3, #foot-fonts .size4 {
	text-decoration: underline;
}
#foot-fonts a.size1, #foot-fonts a.size2, #foot-fonts a.size3, #foot-fonts a.size4 {
	color: #FFF;
	text-decoration: none;
}
#foot-fonts a:hover {
	color: #FF6;
	text-decoration: underline;
}
#foot-fonts .size1 {
	font-size: 13px;
}
#foot-fonts .size2 {
	font-size: 16px;
}
#foot-fonts .size3 {
	font-size: 19px;
}
#foot-fonts .size4 {
	font-size: 22px;
}
/*--------------------------------------------------------------
  Fixed Navigation Links
--------------------------------------------------------------*/
#breadcrumbs {
	float: left;
	color: #FFF;
	padding: 20px 0 0 0;
	margin: 0;
}
#breadcrumbs a {
	text-decoration: none;
	color: #FFF;
}
#breadcrumbs a:hover { 
	text-decoration: underline;
	color: #FF6;
}
/*--------------------------------------------------------------
  Next and More Buttons
--------------------------------------------------------------*/
a.next {
	position:relative;
	border: 1px solid #C3C3C3;
	background: url(images/next.gif) no-repeat 0 2px;
}
.inset1 a.more, .inset2 a.more {
	border: 1px solid #D2D9EF;
}
.inset7 a.more {
	border: 1px solid #DEDEDE;
}
.inset8 a.next {
	border: 1px solid #A3A3A3;
}
a.next img {
	margin: 0;
	vertical-align: top;
}
a.next:hover { 
	background: url(images/next_in.gif) no-repeat 0 2px;
}
a.more {
	position:relative;
	border: 1px solid #C3C3C3;
	background: url(images/more.gif) no-repeat 0 2px;
}
a.more img {
	margin: 0;
	vertical-align: top;
}
a.more:hover { 
	background: url(images/more_in.gif) no-repeat 0 2px;
}
/*--------------------------------------------------------------
  Home Pages
--------------------------------------------------------------*/
h1.hs-h1, h1.cs-h1, h1.ss-h1, h1.cos-h1, h1.as-h1, h1.ds-h1 {
	height: 55px;
	width: 303px;
	color: #760000;
	line-height: 120%;
	padding: 13px 5px 5px 227px;
	margin-left: -13px;
	background: url(images/h1_back_circuit.jpg) no-repeat;
}
h1.hs-h1 {
	width: 305px;
	color: #7E6400;
	padding: 13px 5px 5px 225px;
	background: url(images/h1_back_hotel.jpg) no-repeat;
}
h1.ss-h1 {
	width: 320px;
	color: #006C4B;
	padding: 13px 5px 5px 210px;
	background: url(images/h1_back_site.jpg) no-repeat;
}
h1.cos-h1 {
	width: 255px;
	color: #003D7E;
	padding: 13px 5px 5px 275px;
	background: url(images/h1_back_conf.jpg) no-repeat;
}
h1.as-h1 {
	width: 255px;
	color: #7E6400;
	padding: 13px 5px 5px 275px;
	background: url(images/h1_back_apart.jpg) no-repeat;
}
h1.ds-h1 {
	width: 270px;
	color: #7E0066;
	padding: 13px 5px 5px 260px;
	background: url(images/h1_back_data.jpg) no-repeat;<span>Circuit System</span> Web-based Motorsport Circuit Management Application  <span>Circuit System</span> Motorsport Circuit Management and Web-Marketing
}
h1.cs-h1 span, h1.hs-h1 span, h1.as-h1 span, h1.ss-h1 span {
	position: absolute;
	top: -150px;
}
ul.h-but {
	list-style: none;
	padding: 0;
	margin: 0;
}
#page ul.h-but a {
	display: block;
	height: 47px;
	width: 445px;
	line-height: 140%;
	font-size: 14px;
	color: #000;
	padding: 8px 50px 0 11px;
	margin-bottom: 10px;
	background: url(images/product_back.jpg) no-repeat;
}
ul.h-but a span {
	float: left;
	height: 40px;
	width: 210px;
	background: url(images/logo_site.jpg) no-repeat;
}
ul.h-but a.h-hs span {
	background: url(images/logo_hotel.jpg) no-repeat;
}
ul.h-but a.h-as span {
	background: url(images/logo_apart.jpg) no-repeat;
}
ul.h-but a.h-cs span {
	background: url(images/logo_circuit.jpg) no-repeat;
}
ul.h-but a.h-cos span {
	background: url(images/logo_conf.jpg) no-repeat;
}
ul.h-but a.h-ds span {
	background: url(images/logo_data.jpg) no-repeat;
}
#page ul.h-but a:hover {
	text-decoration: none;
	color: #B00;
	background: url(images/product_back.jpg) no-repeat 0 -55px;
}
/*--------------------------------------------------------------
  Special News Story
--------------------------------------------------------------*/
#page ul li a.shout {
	color: #C00;
	padding-top: 8px;
	padding-bottom: 8px;
	background-color: #FF0;
}
div.home-pic {
	clear: right;
	float: right;
	width: 185px;
}
div.home-pic img {
	margin: 0;
}