/* author: Colin Harrison Design Limited */
/* Creation date: 21/04/2007 */

/* Global Styles */
html,body {background-color: #000000; background-image: url("images/common/black_concrete.jpg"); background-repeat: repeat-x; font-family: Arial,sans-serif; color: #000; height: 100%;}

a {color: #cc0000; text-decoration: none;}
a:hover {color: #cc0000; text-decoration: underline;}
/*ul {color:#000000; list-style-position:outside; list-style:disc; vertical-align:middle;}*/
li {margin: 0px; padding: 0px; font-size: 80%;}

/* Overall Container */
#container {width: 758px; background-color: #FFFFFF; margin-top: 5px; margin-left: auto; margin-right: auto; border-width: 6px 6px 6px 6px; border-color: #cc0000; border-style: solid;}

/* shadow */
#shadow {text-align: center; width: 750px; background-color: #FFFFFF; margin-top: 0px; border-width: 4px 4px 4px 4px; border-color: #999; border-style: solid; background-image: url("images/common/outline_background.gif"); background-repeat:no-repeat; background-position:bottom;}

#indexshadow {text-align: center; width: 750px; background-color: #FFFFFF; margin-top: 0px; border-width: 4px 4px 4px 4px; border-color: #999; border-style: solid; background-image:  url("images/index/outline_face_background.jpg"); background-repeat:no-repeat; background-position:bottom;}

#largershadow {text-align: center; width: 750px; background-color: #FFFFFF; margin-top: 0px; border-width: 4px 4px 4px 4px; border-color: #999; border-style: solid; }

/* Main Content */

/* Header Div */
#header {width: 750px; height: 155px; }

/* Index Header  plus tanhack*/
#indexheaderleft {width: 600px; height : 155px; float: left;}
#indexheaderright {width: 146px; height : 125px; float: left; text-align: center; border-width: 0px 0px 0px 1px; border-color: #000; border-style: solid; margin-bottom: 12px; margin-top: 18px;}
* html #indexheaderright {width: 147px; w\idth: 146px; }

/* Menu Bar Div */
#menubar {width: 750px; height: 25px; background-color: #999; margin-bottom: 20px; margin-top: 5px;}

/* Content Div */
#content {width: 750px; margin-bottom: 15px}


#leftcolumn {width: 125px; float: left; text-align:left; padding-left: 15px; padding-right: 10px; margin-bottom: 15px; min-height: 203px; }
#leftcolumn a {text-decoration: underline;}
* html #leftcolumn {width: 150px; w\idth: 125px; }

#middlecolumn {width: 409px; float: left; border-width: 0px 0px 0px 1px; border-color: #000; border-style: solid; padding-left: 20px; padding-right: 20px; text-align:left; margin-bottom: 15px; min-height: 203px; }
#middlecolumn a {text-decoration: underline;}
#middlecolumnindex {width: 410px; float: left; padding-left: 20px; padding-right: 20px; text-align:right; margin-bottom: 15px; min-height: 203px; }
#middlecolumnindex a {text-decoration: underline;}

#rightcolumn {width: 126px; float: left; text-align:center; border-width: 0px 0px 0px 1px; border-color: #000; border-style: solid; padding-left: 10px; padding-right: 10px; margin-bottom: 15px; min-height: 203px; }
#rightcolumn a {text-decoration: underline;}
* html #rightcolumn {width: 147px; w\idth: 126px; }
#rightcolumnindex {width: 126px; float: left; text-align:center; border-width: 0px 0px 0px 1px; border-color: #000; border-style: solid; padding-left: 10px; padding-right: 10px; margin-bottom: 15px; min-height: 203px; }
#rightcolumnindex a {text-decoration: underline;}
* html #rightcolumnindex {width: 147px; w\idth: 126px; }

/* Footer Div */
#footer {width: 750px;}

/* Footer Menu Div */
#footermenu {width: 762px; height: 20px; background-color: #000; margin-top: 5px; margin-left: auto; margin-right: auto; margin-bottom: 5px; padding: 4px 4px 0px 4px;}

/* Image Styles */
.logo {width: 290px; height: 145px; display: block; margin-left: auto; margin-right: auto; }
.indexlogo {width: 290px; height: 145px; display: block; margin-left: 230px; margin-right: 80px;}
.indexservicesimg {width: 110px; height: 124px;}


/* Styles */
h1 {margin-top: 2px; font-size: 105%; color: #cc0000; font-weight: bold; text-align: left;}
h2 {margin-top: 10px; font-size: 90%; color: #cc0000; font-weight: bold; text-align: left;}
#middlecolumnindex h1 {font-size: 110%; color: #999999; font-weight: bold; text-align: right;}
.red {color: #cc0000;}
.grey {color: #999;}
.white {color: #FFF;}

p {color: #000000;  margin-top: 10px; font-size: 80%; line-height: 150%; text-align: justify;}
#rightcolumn p {font-size: 70%; line-height: 130%; text-align: left;}
#rightcolumn strong {color:#cc0000}
#middlecolumnindex p {color: #000; margin-top: 10px; font-size: 80%; line-height: 160%; text-align: right;}

.sitemapindent {margin-left: 24px;}

.imagelink {font-size: 75%; font-weight: bold; text-align: left;}
.imagelinklarge {font-size: 75%; font-weight: bold; text-align: left; margin-left: 15px;}
.newsheader {color:#cc0000; font-weight: bold; text-align: left;}
.linkslink {font-weight: bold; text-align: left;}
.features {font-size: 95%; color: #999999; font-weight: bold; line-height: 90%;}
  

/* Accessibility Page */
.leftmargin1 {margin-left: 16px; }

img.center {display: block; margin-left: auto; margin-right: auto; padding-bottom: 10px;}
img.bottom {margin-top:450px;}

.center {text-align:center;}
.centerred {text-align:center; color:#cc0000}

/* Main Menu Styles */
#mainmenu {background-color: #999; color: #ffffff; font-weight: bold; margin-top: 3px}
#mainmenu a {background-color: #999; color: #ffffff; }
#mainmenu a:hover {color: #cc0000; text-decoration: underline;}
#mainmenu ul {display: inline; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; vertical-align: middle; list-style-type: none}
#mainmenu li {display: inline; list-style-type: none; vertical-align: middle}

/* Sub Menu Styles */
#submenu {text-align:left; line-height: 180%; font-weight: bold}
.page {color: #cc0000;}
#submenu ul {line-height: 150%; list-style: none; margin: -2px 0px 0px 10px; padding: 0px 0px 0px 0px;}
#submenu li {margin: 0px; padding: 0px; font-size: 75%;}
#submenu a {background-color: #FFF; color: #000; text-decoration: underline; }
#submenu a:hover {background-color: #FFF; color: #cc0000; text-decoration: underline}

/* Footer Styles */
.tel {font-size: 125%; color: #cc0000; font-weight: bold; line-height: 120%;}
.address {font-size: 105%; color: #000000; font-weight: bold; line-height: 150%;}
.addressindex {font-size: 105%; color:#FFFFFF; font-weight: bold; line-height: 150%;}

/* Spacing */
.spacemm {padding: 15px;}
.spacetel {padding: 14px;}
.spaceadd1 {padding: 9px;}
.spaceadd2 {padding: 5px;}
.spacefm {padding: 14px;}

/* Footer Menu */
#footerleft {font-size: 70%; font-weight: bold; padding: 0px 0px 0px 0px; text-align: center; float: left; background-color: #000000; color: #FFFFFF;}
#footerleft a {background-color: #000000; color: #FFFFFF}

#footerright {font-weight: bold; background-color: #000000; color: #FFFFFF; float: right; vertical-align: top; text-align: right; font-size: 70%;}
#footerright a {background-color: #000000; color: #FFFFFF}
#footerright img {border: 0px; margin-left: 0px; margin-right: 0px; padding: 0px}
#footerright ul {display: inline; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; vertical-align: middle; list-style-type: none}
#footerright li {display: inline; list-style-type: none; vertical-align: middle}

/* Skip Navigation */
.skip {
	position:absolute; 
	top:0px; 
	left:-1000px; 
}
.skip:focus,.skip:active {
	position: absolute; 
	top: 10px; 
	left: 10px; 
	background: #cc0000; 
	color: #FFFFFF;
	font-weight: bold; 
	padding: 10px
}