/*basic layout & positioning : height, width, text-align, and block level item declarations*/
html, * 	{padding:0;margin:0;border:0;}
body 	{text-align:center;}
h1 		{margin:0 auto; width:920px; height:180px;display:block;text-align:left;}
#imagebar {
	margin:0 auto;
	width:920px;
	height:220px;
	display:block;
}
#topnav 	{margin:0 auto; width:920px; width:920px;height:60px;}
#topnav ul {height:40px;display:block;}
#text 	{width:580px;display:block;text-align:left;}
#sidenav 	{width:280px;height:350px;display:block;}
#sidenav ul {width:260px;display:block;text-align:right;}
#sidenav ul li {width:260px;}
#sidenav #tag {width:260px;height:100px;display:block;}
#content 	{margin:0 auto; width:920px;display:block;text-align:left;}
#footer 	{margin:0 auto; width:920px; height:50px;display:block;}	
#footer ul {display:block;}
#footer ul li {display:block;	float:left;b}
#footer #copyright {width:48%;text-align:right;}

#imagebar img {height:200px;width:860px;border:0px solid green;margin-top:10px;margin-left:2px;}
#imagebar div {margin:0 auto;display:block;height:200px;width:860px;border:0px solid green;padding-left:2px;padding-top:10px;}

/*backgrounds */
body {background: #FFFFFF url(../images/backgrounds/body-bg.jpg) repeat-x;}
h1 {background: url(../images/backgrounds/header-bg.jpg) no-repeat;}
#imagebar {
	background: url(../images/backgrounds/imagebar-bg.jpg) no-repeat;
}
#topnav {background: url(../images/backgrounds/topnav-bg.jpg) no-repeat }
#sidenav {background: url(../images/backgrounds/lionwatermark-bg.jpg) no-repeat bottom right;}
#content {background: url(../images/backgrounds/content-bg.jpg) repeat-y;}
#footer {background: url(../images/backgrounds/footer-bg.jpg) repeat-y;}	

/* padding margin and floats */
#sidenav {float:right;margin-right:4px;}
h1 span img {margin-top:90px;margin-left:20px;}
h2 {padding:20px 30px 20px 35px;display:block;}
h3 {padding:20px 0px 20px 0px;display:block;}
h1 span {display:block;width:400px;}
#text {margin-left:30px;}
#text ul {padding:10px 10px 10px 30px;}
#text ul li {padding-bottom:10px;}
#sidenav ul {padding-top:5px;padding-right:20px;}
#sidenav #tag {padding:70px 40px 0 20px;}
#topnav ul {float:left;padding:10px 20px 10px 20px;}
#topnav ul li{float:left;padding:5px 18px 5px 18px;}
#text p {padding:10px 10px 5px 10px;}
#text iframe {padding:2px;margin:10px;}
#footer ul {display:block;padding:15px 0 0 30px;}
#footer ul li {float:left;padding:0 5px 0 5px;}
#footer #copyright {float:right;padding:15px 20px 0 0;}

/* colours */
h2 		{color:#484F6E;}
h3 		{color:#484F6E;}
#topnav ul li{border-left:2px solid #baa527;}
#sidenav ul {color:#999999;}
#sidenav #tag {color:#baa527;}
p {color:#666; }
#text ul {color:#666;}

#footer {color:#999;}
#text iframe {border:1px solid #baa527;}
#footer ul li {border-left:1px solid #999;}
#footer ul li a:link, #footer ul li a:visited, #footer a:link, #footer a:visited {color:#999;}
span.header{color:#baa527;}
#text a 	{color:#baa527;}
#footer ul li.first, #topnav ul li.first{border-left:0px;}
a:link, a:visited {color:#484F6E;}
a:hover {color:#baa527;}
a.current, #topnav ul li a.current, #footer ul li a.current {color:#baa527;}

/*text styles */
h2 		{text-align:left;font-family:arial,sans-serif;font-weight:100;letter-spacing: 2px;}
h3 		{
	text-align:left;
	font-family:arial,sans-serif;
	font-weight:100;
	letter-spacing: 2px;
	font-size: 24px
}
#topnav 	{font-size:0.9em;}
#topnav ul li{text-transform:uppercase;letter-spacing:4px;font-weight:bold;}
#sidenav ul {font-size:0.8em;line-height:30pt;}
#sidenav #tag {text-transform:uppercase;letter-spacing:2px;font-size:0.6em;}
p {font-size:0.9em;}
#text ul {font-size:0.9em;}
a:link, a:visited, a:hover {text-decoration:none;}
#footer {font-size:0.5em;text-transform:uppercase;letter-spacing:2px;}	
span.header{text-transform:uppercase;}

/* list styles */
#topnav ul {list-style:none;}
#sidenav ul {list-style:none;}	
#footer ul {list-style:none;}

/*changed styles for contact page */
#text address {font-weight:bold;font-size:1em;padding:10 10 5 10;font-style:normal;color:#999;font-family:verdana, tahoma, garamond;}
#text p.tel {font-size:2em;color:#12204C;text-transform:uppercase;font-family:verdana, tahoma, garamond;}
#text p.email, #text p.email a , #text p.email a:link, #text p.email a:visited {font-weight:bold;font-size:1em;color:#999;font-family:verdana, tahoma, garamond;}

div.clear{clear:both;}