@import url(form.css);

* { margin: 0px; padding: 0px; font-family: Verdana, Arial, Helvetica, sans-serif; }

.float-right {float: right;}
.float-left {float: left;}
.align-right { text-align: right; }
.valign-middle { vertical-align: middle; }

/* Generic element selectors */
body { font-size: 100%; margin-top: 10px; background-color: #FFFFFF; }

h1,h2,h3,h4,h5,h6 { margin-top: 0.4em; margin-bottom: 0.5em; padding-top: 2px; }
h1 { font-size: 1.4em; font-family: Georgia, "Times New Roman", serif; }
h2 { font-size: 1.2em; font-weight: normal; padding-top: 5px; border-top: 1px solid #808080; clear: both; }
h3 { font-size: 1em; color:#545454; font-weight: normal; padding-top: 8px; }
h4 { font-size: 1.1em; font-weight:bolder; color:#333333; padding-top: 8px; }
h5 { font-size: 1.1em; padding-top: 8px; }

div.hr hr { display: none; }
div.hr { margin-top: 3; margin-bottom: .8em; border-top: 1px solid #808080; }
img { border: 0px; }
p { margin-bottom: .8em; }
ol, ul { margin-left: 1.5em; padding-left: 1.5em; margin-bottom: 0.75em; }

a:link {color: #545454; }
a:visited {color: #545454; }
a:hover {color: #000000; }
a:active {color: #000000; }

/* CSS selectors that act upon element IDs in the HTML source */
#root { width: 900px; margin: 0px auto;  padding: 20px; font-size: 0.7em; line-height: 1.5em; }
	#root2 { width: 880px; margin: 0px auto; background-color: #FFFFFF; padding: 10px; }
		#head { height: 90px; background-color: #EDE7E1; padding: 5px; border-bottom: 10px solid white; }
			#head-logo { float: left; padding: 4px 0px 0px 10px; }
		#nav { width: 130px; float: left; background-color: #EDE7E1; padding: 0px 10px 0px 10px; border-right: 10px solid white; }
			#nav div.clear { border-bottom: 20px solid #b4af91; }
			#nav ul { list-style-type: none; padding-left: 0px; margin-left: 0px; }
			#nav ul li { display: inline; }
			#nav ul li a { display: block; text-decoration: none; border-bottom: 1px solid #cccccc; background-position: center right; background-repeat: no-repeat; cursor: hand; }
			#nav ul li a span { display: block; width: 100px; padding: 4px 4px 3px; }
			#nav ul li a:hover, #nav ul li a:active, #nav a.active { background-image: url(../images/navarrow.gif); }
			#nav ul li a.l2:link, #nav ul li a.l2:visited { padding-left: 8px; }
			#nav ul li a.l3:link, #nav ul li a.l3:visited { padding-left: 16px; }
			#nav ul li a.l4:link, #nav ul li a.l4:visited { padding-left: 24px; }

		#main { width: 562px; float: left; border-right: 10px solid white; }
		#nav2 { width: 130px; float: left; background-color: #EDE7E1; padding: 0px 10px 0px 8px; }
			#nav2 h2, #nav2 h4, #nav2 h5 { border-top: 0px; margin-bottom: 0; }
			#nav2 h3 { margin: 0 0 2px; padding-top: 5px; }
			#nav2 .contactdetails { text-align: right; font-size: 0.8em; font-weight: bold; line-height: 1.4em; }
			.nav2item p { line-height: 1.3em; margin-bottom: 4px; margin-top: 0; }
		#main-text { width: 540px; padding: 10px; }
		#main-text.nopadding { width: 562px; padding: 0; }
			.press-article { width: 170px; height: 250px; float: left; text-align: center; margin-right: 10px; margin-bottom: 10px; }
				.press-thumb { width: 170px; height: 170px; margin: 0px auto; vertical-align: middle; border-top: 15px solid #1a1a1a; border-bottom: 15px solid #1a1a1a; }
		#gallery { background-color: #EDE7E1; margin: 10px; }
		#footer { width: 940px; margin: 8px auto 20px; text-align: right; font-size: 0.6em; }
		
		
/* CSS selectors that are defined as classes applied to elements */
.nav2item { padding-bottom: 10px; border-bottom: 1px solid #cccccc; margin-bottom: 10px; }
.clear { clear: both; height: 0px; font-size: 0px; line-height: 0px; }
.alignright { text-align: right; }
.section-pad * { font-family: "Times New Roman", Times, serif; font-size: 1.9em; font-style: italic; color:#999999; padding-top: 64px; padding-right: 10px; }

/* Specific element selectors */
#main-text table { border-collapse: collapse; border: 0px; margin: 0px auto 0.75em; }
#main-text td, #main-text th { font-weight: normal; }

/*extends the menu colours downward to the bottom of the root2 div*/
#mainroot { background-image: url(../images/root_bg.gif); height: 1%; background-repeat:repeat-y; background-color: #dddddd; }
.main-image-component { float: left; }
.pdfdownload { padding: 5px; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: #808080; }
.pdficon { float: left; width: 32px; }
.pdftext { margin-left: 42px; }
.pdfdownload h3, .pdfdownload p { margin: 0; }
.pdflink { text-align: right; }
#pdfdownloadreader { padding: 10px; }
		
.subpage-with-date { width: 540px; border-top: 1px solid #808080; margin-top: 8px; }
	.subpage-with-date h2 { border: none; margin: none; }
	.subpage-with-date .date { padding-top: 5px; }

#login { width: 97%; font-size: 0.8em; }
	#login td { padding-bottom: 8px; }
	#login input { font-size: 1.2em; }
	#login input.button { padding: 0; background: none; border: 0; cursor: pointer; }


/* DEFAULT SKIN COLOUR */
h1 { color: #6C6C6C; }
#root { background-color: #1A1A1A; }
#mainroot { background-color: #DDDEDD; }
#nav a:link, #nav a:visited { color: #545454; }
#nav a:hover, #nav a:active, #nav a.active { color: #000000; }
#nav a.l2:link, #nav a.l2:visited { color: #545454; }
#nav a.l2:hover, #nav a.l2:active, #nav a.l2.active { color: #000000; }