/* ccs style sheet */

/* --------------general-------------------- */
strong {font-weight:bold;}
.bold {font-weight:bold;}
em {font-style:italic;}

abbr,acronym {border-bottom:1px dotted #000; cursor:help;} /*indicating to users that more info is available */
p, fieldset {margin-bottom:1em;}

.left {float:left;}
.right {float:right;}
.clear {clear:both;	padding:0px; margin:0px;}

.noUnderline {text-decoration:none;}

.blackLine {border-bottom:1px solid #29373f;margin-top:10px;}


/* --------------headings------------------- */
h1 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:2.2em;  
}
h2 {
	font-size:1.4em;
	font-weight:normal; 
}
h1,h2,h3 {
	/* top & bottom margin based on font size */
	margin:0.6em 0 0.4em 0;
}


/* ----------------text--------------------- */
.title {font-size:1.7em;line-height:1.2;color:#d9ac63;margin-bottom:15px;}
.subTitle {font-size:1.1em;line-height:1.2;color:#d9ac63;margin-bottom:15px;}
.navOn {font-size:1.7em;line-height:1.2;color:#ff9a35;margin-bottom:15px;}
.small {font-size:0.85em;}
.medium {font-size:1.1em;}

/* ----------------links-------------------- */
a {font-weight:bold;color:#d9ac63;}


/* -----------------lists------------------- */
blockquote,ul,ol,dl {margin:1em;}
ol,ul,dl {margin-left:1em;}
ol li {list-style: decimal outside;}
ul li {list-style: none;}

.textList li {
list-style:disc outside;margin-left:10px;
}

/* ----------------------------forms------------------------------- */

input, textarea {width:18em;border:solid 1px #cccccc;height:18px;color:#5b5a5b;}
label {width:7.5em;float:left;}

.form {margin-bottom:20px;}
.form li {padding: 2px 0;margin: 0px 0 0 34px;}
.resetInput {
	width:auto;
	height:auto;
	border:none;
	padding:0;
	margin:0;
}
label .resetInput {width:15em;}

.checkbox-label {
	float:left;
	display:inline;
	padding:2px 0px 0px 1px! important; /* Tip: Not understood by IE */
	padding:3px 0px 0px 1px;
	width:27em;
}

/* -------------set heights--------------- */

.height-100 {
	height:100px;
}
.height-250 {
	height:250px;
}

/* -----------set padding and margins------------- */
	
.padding-20 {padding-top:20px;}
.padding-10 {padding-top:10px;}
.padding-5 {padding-top:5px;}
.padding-2 {padding-top:2px;}
.padding-right-30 {padding-right:30px;}
.padding-bottom-10 {padding-bottom:10px;}
.padding-left-25 {padding-left:25px;}
.margin-top-30 {margin-top:30px;}
	

/* -------------------set widths------------------- */
.width-20 {width:20px;}
.width-80 {width:80px;}
.width-90 {width:90px;}
.width-430 {width:430px;}
.width-520 {width:520px;}


/* ---------------------colours-------------------- */
.red {color:#FF0000;}
.black {color:#000000;}
.grey {color:#54636b;}
.white {color:#ffffff;}


/* ----------------------nav----------------------- */

#nav
{
	display: block;
	padding: 0px;
	margin:0 0 0 384px;
	border:none;
	overflow:hidden;
}

#nav a
{
	float: left;
	margin: 0px 0 0 10px;
	padding: 10px 0px 0px 0px;
	
	display: block;
	text-align: center;
	color:#ffffff;
	text-decoration:none;
	font-weight:normal;
	font-size:1.2em;		
}

.nav-red {
	background:url(images/nav/red-button.gif) 0px 0px no-repeat;
	height:42px;
	width:97px;
}
.nav-orange {
	background:url(images/nav/orange-button2.gif) 0px 0px no-repeat;
	height:42px;
	width:160px;
}
.nav-orange-on {
	background:none;
	height:42px;
	width:160px;
}
.nav-light-brown {
	background:url(images/nav/light-brown-button.gif) 0px 0px no-repeat;
	height:42px;
	width:98px;
}
.nav-light-brown-on {
	background:none;
	height:42px;
	width:98px;
}
.nav-dark-brown {
	background:url(images/nav/dark-brown-button.gif) 0px 0px no-repeat;
	height:42px;
	width:97px;
}
.nav-dark-brown-on {
	background:none;
	height:42px;
	width:97px;
}


/*-------------styles for gallery page--------------------*/
.black-nav-red {
	background:url(images/nav/black-red-button.gif) 0px 0px no-repeat;
	height:42px;
	width:97px;
}
.black-nav-orange {
	background:url(images/nav/black-orange-button.gif) 0px 0px no-repeat;
	height:42px;
	width:160px;
}
.black-nav-light-brown {
	background:url(images/nav/black-light-brown-button.gif) 0px 0px no-repeat;
	height:42px;
	width:98px;
}
.black-nav-dark-brown {
	background:url(images/nav/black-dark-brown-button.gif) 0px 0px no-repeat;
	height:42px;
	width:97px;
}
.black-nav-light-orange {
	background:url(images/nav/black-light-orange-button.gif) 0px 0px no-repeat;
	height:42px;
	width:97px;
}
