/* This CSS code is copyright Arcray Webmedia Limited */
/* Do not copy any of this CSS code without permission */

body, html { margin: 0; padding: 0; height: 100%; } /* makes the wrapper stretch to 100% height of the window */

/* MAIN STRUCTURE DIVS */

#wrapper { margin:0 auto; min-height: 100%; width: 814px; background-image: url(images/back_glow.gif); background-repeat: repeat-y; overflow: hidden; } /* The side glows which extend to 100% height of the window */
#content { width: 800px; margin-left: 7px; margin-right: 7px; background-color: #FFFFFF; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 14px; color: #000000; text-align: left; } /* The main content with 7px either side. Sets the default font size and line height of the web page */

#topbar { height: 80px; } /* Picture bar */
#menubar { height: 26px; background-color: #666666; width: 800px; color: #FFFFFF; } /* Top navigation bar */

#leftcontent { width: 526px; float: left; margin-top: 8px; } /* The main text are floats to the left */
#rightcontent { width: 269px; float: right; margin-top: 10px; } /* The dotted box. An image can be added below if needed */
#leftcontentin { width: 485px; margin-left: 15px; } /* Creating borders round the left content without using padding which causes cross browser issues */
#rightcontentin { margin-right: 15px; } /* Creating borders round the right content without using padding */

/* #footer { border-top: solid 1px #CCCCCC; color: #666666; padding-top: 8px; text-align: center; width: 800px; } /* copyright, optional extra menu, limited company details etc */

/* HEADINGS */

h1 { font-size: 12px; font-weight: normal; color: #666666; } /* The top tagline */
h2 { font-size: 14px; font-weight: bold; width: 485px; color: #8c1d00; padding-bottom: 4px; padding-top: 4px;} /* The page titles */
h3 { font-size: 12px; color: #666666; margin: 0; text-align: center; } /* The dotted box title */
h4 { font-size: 11px; color: #8c1d00; font-weight: normal; } /* The optional coloured text on each page i.e. reiteratind the phone number, tagline or important link */

/* ALL EXTRA CLASSES */

.topalignleft { width: 275px; float: left; margin-top: 25px; margin-left: 15px; text-align: left; } /* Floating the tagline */
.topalignright { width: 298px; float: right; margin-top: 3px; } /* Floating the logo */
.dottedline { width: 800px; height: 5px; font-size: 0px; line-height: 0px; background-image: url(images/dotted_line.gif); background-repeat: repeat-x; } /* The complete design width dotted line */
.nav { margin-left: 15px; padding-top: 5px; } /* Top navigation */
.nav2 { } /* Navigation underneath the page image */
.dottedbox { width: 254px; margin-top: 10px; } /* Dotted box main class */
.dottedboxtop { background-image: url(images/dotted_line2.gif); background-repeat: repeat-x; height: 3px; font-size: 0px; line-height: 0px; margin-top: 0px; } /* Top and bottom dotted lines of the box */
.dottedboxsides { background-image: url(images/dotted_sides.gif); background-repeat: repeat-y; margin-top: 0px; margin-bottom: 0px; } /* Image which is 'behind' the box creating the dotted sides. This images stretches vertically to create dotted sides which stretch to the height of the box's content */
.dottedboxin { padding: 15px; color: #666666; } /* Creating borders round the content of the box without using padding which causes cross browser issues */

.wrapperfloatfix { clear: both; } /* A fix to make the wrapper (the glowing sides) contain all of the content despite the floats */

/* LINKS */

/* For the top navigation */
a.menu1 { font-size: 12px; }
a.menu1:link { color: #FFFFFF; text-decoration: none;  }
a.menu1:visited { color: #FFFFFF; text-decoration: none;  }
a.menu1:active { color: #FFFFFF; text-decoration: none;  }
a.menu1:hover { text-decoration: underline; color: #cccccc; }

/* For the naviation underneath the main image */
a.menu2 { font-size: 12px; }
a.menu2:link { color: #666666; text-decoration: none;  }
a.menu2:visited { color: #666666; text-decoration: none;  }
a.menu2:active { color: #666666; text-decoration: none;  }
a.menu2:hover { text-decoration: underline; color: #8c1d00; }

/* For the page navigation */
a.links { font-size: 12px; }
a.links:link { color: #990000; text-decoration: underline;  }
a.links:visited { color: #990000; text-decoration: underline;  }
a.links:hover { text-decoration: none; color: #8c1d00; }


.maintext { font-size: 12px; font-weight: normal; color: #666666; } 
.maintextblack { font-size: 12px; font-weight: normal; color: #000000; } 

.border {
border-left: #EAEAEA;
border-left-style:solid;
border-width:thin;
border-right: #EAEAEA;
border-right-style:solid;
border-bottom: #EAEAEA;
border-bottom-style:solid;
}
.photoborder {
	border-bottom-color: #CCCCCC;
	border-bottom-width: 1px;
	border-bottom-style:solid;
	border-left-color: #CCCCCC;
	border-left-style:solid;
	border-left-width:  1px;
	border-right-color: #CCCCCC;
	border-right-style:solid;	
	border-right-width:  1px;
	border-top-color: #CCCCCC;
	border-top-style:solid;
	border-top-width:  1px;
    padding-top: 6px;
	padding-bottom: 6px;
	padding-left: 6px;
	padding-right: 6px;
    background-color: #ffffff;
}