/* CSS for Dimension Graphics website
All CSS and HTML are copyright
Author: Chris Young - March 2008 */

/* QUICK REF: 
Colours used:
Dark Brown:		#685144
light brown:	#c3bab3
*/

body {	/* sets basic page/window properties */
	background-color: #ffffff;
	color:#000000;
	text-align: center;
	margin: 0 0 0 0;
	font-family: arial, helvicta, sans-serif;
	font-size: small;
	background-image: url(back_fade.gif);
	background-repeat: repeat-y;
	background-position: 0px 0px;
}

.layout {	/* sets out the container for the page */
	background-color: #ffffff;
	width: 745px;
	margin: 0 auto;
}

.headerlogo {	/* sets out the container for the header text or logo area*/
	background-color: #ffffff;
	height: 150px;
	width: 100%;
	text-align: center;
	margin: 0;
}

.sitenav {	/* sets out the container for site navigation area */
	background-color: #ffffff;
	width: 100%;
	border-top: #685144 solid 2px;
	border-bottom: #c3bab3 solid 2px;
	padding-top: 3px;
	padding-bottom: 3px;
}

.searchlogin {	/* sets out the container for login area (Search feature not enabled) */
	position: relative;
	background-color: #ffffff;
	height: 35px;
	padding-top: 10px;
	margin-left: 10px;
	margin-right: 10px;
}

.login {	/* sets the position of the container for the "login" area */
	position:absolute;
	top: 5px;
	right:0;
	color: #685144;
	font-weight: bold;
}

table .loginlink {	/* sets the table for the "login" button */
	width: 100px;
	border: 0;
}

.content {	/* sets out the container for site content area */
	background-color: #ffffff;
	color: #000000;
	text-align: justify;
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 10px;
}

.contentFrontpage {	/* sets out the container for site content area */
	background-color: #ffffff;
	text-align: center;
	background-image: url(back_img.jpg);
	background-repeat: no-repeat;
	height: 345px;
}

img {	/* removes the border from all images */
	border: 0;
}

/* Styles for the Contact page ---------------------------------- */
#contactTable {
	width: 95%;
	border: 0;
}

.formHolder th { /* table heading style */
	text-align: left;
	border: 0;
	color: #902101;
}

.ctLeft {
	width: 30%;
	text-align: left;
	vertical-align: top;
}

.ctRight {
	width: 70%;
	vertical-align: top;
}

table .formHolder {
	width: 100%;
	border: 0;
}

.formRightTD {
	text-align: right;
	width: 30%;
}

.formLeftTD {
	text-align: left;
	width: 70%;
}

.warning {	/* styles the text for the warning class - used if a field doesn't validate */
	font-size: 0.8em;
	color: #FF0000;
}

.footer {	/* sets out the container for footer area */
	background-color: #ffffff;
	color: #685144;
	width: 100%;
	height: 30px;
	padding-top: 3px;
	padding-bottom: 15px;
	border-top: #685144 solid 2px;
}

/* Styles for site text elements */

em {
	font-style: normal;
	font-weight: bold;
}

h1 {
	color: #685144;
	padding-top: 15px;
}

.contentFrontpage h2 {
	color: #685144;
	margin-top: 50px;
}

h2 {
	color: #685144;
}	

h1.header {	/* hides the text-only page heading on all pages */
	display:none;
	color: #685144;
	text-align: center;
}

.footer p {
	font-size: 70%;
	padding: 0 0 3px 0;
	margin: 0;
}

.valid {
	width: 30%;
	text-align: center;
}

/* control how the navigation links appear */
.sitenav a:link {
	text-decoration: none;
	color: #685144;
	margin-right: 50px;
	font-weight: bold;
	padding: 4px;
}

.sitenav a:active {
	color: #685144;
	text-decoration: none;
	margin-right: 50px;
	font-weight: bold;
	padding: 4px;
}

.sitenav a:visited {
	color: #685144;
	text-decoration: none;
	margin-right: 50px;
	font-weight: bold;
	padding: 4px;
}
	
.sitenav a:hover {
	color: #c3bab3;
	text-decoration: none;
	margin-right: 50px;
	font-weight: bold;
	padding: 4px;
}

a#current { /* sets the link for the current page to a different style */
	font-weight: bold;
	background-color: #c3bab3;
	color: #ffffff;
	text-decoration: none;
	padding: 4px;
}

/* control how the Front Page (index.html) links appear */
.contentFrontpage a:link {
	text-decoration: none;
	color: #685144;
	margin-right: 50px;
	font-weight: bold;
	padding: 4px;
}

.contentFrontpage a:active {
	color: #685144;
	text-decoration: none;
	margin-right: 50px;
	font-weight: bold;
	padding: 4px;
}

.contentFrontpage a:visited {
	color: #685144;
	text-decoration: none;
	margin-right: 50px;
	font-weight: bold;
	padding: 4px;
}
	
.contentFrontpage a:hover {
	color: #c3bab3;
	text-decoration: none;
	margin-right: 50px;
	font-weight: bold;
	padding: 4px;
}

table .dloadTable {
	width: 60%;
	border: 0;
	margin: 0 auto;
}