/*-----------------------------------------------------------------------------
ACDC Style Sheet

version:   1.0
author:    Harpreet Chadha - the Arts Centre
Created on: October 29, 2009

-----------------------------------------------------------------------------*/


/* Reset Styles 
-------------------------------------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
:focus {
	outline: 0;
}
body { 
  line-height:1.5; background:#000 url(../images/page-bg.jpg) repeat-y center top;font-family:Arial, Helvetica, sans-serif;text-align:center;font-size:75.5%;color:#fff;
}
ol, ul {
	list-style: none;
}
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/* Headings
-------------------------------------------------------------- */
h1,h2,h3,h4,h5,h6 { font-weight: normal; color: #fff; }

h1 { font-size: 3em; line-height: 1; margin-bottom: 0.5em; text-align:left;}
h2 { font-size: 2em; line-height: 1; margin-bottom: 0.75em; text-align:left;}
h3 { font-size: 1.5em; line-height: 1; margin-bottom: 1em; text-align:left;}
h4 { font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; text-align:left;}
h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; text-align:left;}
h6 { font-size: 1em; font-weight: bold; }

h1 img, h2 img, h3 img, 
h4 img, h5 img, h6 img {
  margin: 0;
}

/* Text elements
-------------------------------------------------------------- */

p, ul, ol { margin:0 0 1em;}
ul, ol { list-style: none;}
ul li, ol li { margin: 0 0 .5em;}
a { color: #fff; }
a:hover { color: #fff; }

strong { font-weight:bold; }
em { font-style:italic; }
blockquote { padding-left: 20px; font-style: italic; border-left: 3px solid #eee; }
blockquote p {font-size: 14px;}
img { margin: 0 0 1em;}


/* Lists
-------------------------------------------------------------- */

li ul, 
li ol       { margin:0 1.5em; }
ul, ol      { margin: 0 1.5em 1.5em 1.5em; }

ul          { list-style-type: disc; }
ol          { list-style-type: decimal; }

dl          { margin: 0 0 1.5em 0; }
dl dt       { font-weight: bold; }
dd          { margin-left: 1.5em;}


/*  Author Styles -------------------------------------------------------------- */


/* WA Header */

#header-wrapper {background: url(../images/wa_headerbg.jpg) no-repeat center top; /* display:none; */}
#header {width: 930px;	height: 147px;	margin: 0 auto;	}
#header #museumlogo {
	float: left;
	display: inline;	
	height: 147px;	
	.background: #fff !important;
	margin: 0 -3px 0 0;
	padding: 0;
}

#headerlinks {
	float: right;
	font-size: 1.0em;
	margin: 30px 10px 0 0;
	height:62px; 
  font-size:10px;
}

#headerlinks, x:-moz-any-link { /* Firefox 2 and older fix */
	width:300px;
}

#headerlinks ul{
	list-style-type: none;
	float: right;
	margin: 7px 0 ;
}

#headerlinks li {
	display: inline;
	margin: 0 6px 0 0;
	_margin-right: 4px;
	padding: 0px 6px 0px 0px;
	border-right: 1px solid #fff;
}

#headerlinks li.headerlinksend {
	border-right: none;
	padding-right:0;
	_margin-right:0;
}

#headerlinks a {
	color: #fff;
  text-decoration: none;
}

#headerlinks a:hover {
	color: #fff;
	text-decoration: underline;
}

/* search */
#gsearch {
	float:right;	
	padding: 0;
	clear:both;
  width:223px;
}

#gsearch input {
	font-size:1.0em;
	vertical-align:top;
  width:140px;
  background-color:#fff;
  border:1px solid #ccc;
  color:#666666;
  margin-top:2px;
}

#gsearch  p{
	clear:both;
  text-align:right;
  color:#fff;
  margin: 0 6px 0 0;
}

/* End WA Header */

/* Navigation */

#nav-wrapper {background: url(../images/nav_bg.jpg) no-repeat center top;}
#nav {width: 930px;	height: 118px;	margin: 0 auto;	}

		#nav ul{
			list-style:none;
			text-align:center;
      margin: 0 0 0 18px;
      padding-bottom: 5px;
      padding-top: 25px;
		}
			#nav li{
				list-style:none;
				display:inline;                
				      
			}
				#nav li a{					
					float:left;
          padding: 5px 29px 5px 0;
				}
					#nav li a span{
						display:none;
					}
					#nav li a:hover{
						text-decoration:none;
					}
				#nav li a.home{
					background:url(../images/home.png) no-repeat;
					width:91px;
					height:28px;
        
				}
					#nav li a:hover.home{
						background:url(../images/home_h.png) no-repeat;           
					}
				#nav li a.about{
					background:url(../images/about.png) no-repeat;
					width:113px;
					height:30px;
         
				}
					#nav li a:hover.about{
						background:url(../images/about_h.png) no-repeat;
					}
				#nav li a.notes{
					background:url(../images/notes.png) no-repeat;
					width:292px;
					height:29px;
         
				}
					#nav li a:hover.notes{
						background:url(../images/notes_h.png) no-repeat;
					}
				#nav li a.dates{
					background:url(../images/dates.png) no-repeat;
					width:300px;
					height:30px;
				}
					#nav li a:hover.dates{
						background:url(../images/dates_h.png) no-repeat;
					}
								
				#nav li a.homecurrent, #nav li a:hover.homecurrent{
					background:url(../images/home_h.png) no-repeat;
					width:91px;
					height:28px;
				}
        
        #nav li a.aboutcurrent, #nav li a:hover.aboutcurrent{
					background:url(../images/about_h.png) no-repeat;
					width:113px;
					height:30px;
				}
        
        #nav li a.notescurrent, #nav li a:hover.notescurrent{
					background:url(../images/notes_h.png) no-repeat;
					width:292px;
					height:29px;
				}
        
        #nav li a.datescurrent, #nav li a:hover.datescurrent{
					background:url(../images/dates_h.png) no-repeat;
					width:300px;
					height:30px;
				}
/* End Navigation */

#container { clear:both; position: relative; width: 930px; margin: 0 auto;}

/* Content - Home Page */

#home_content {	
  text-align:centre;
	width: 900px;
	margin: 40px 0 10px 0;
}

#home_content p	{ font-size:1.0em; line-height:1.8em; }


/* Content - Inner Pages */

/* Left Side */

#left_side 					{ width: 600px; float:left; margin:10px 0;}
#left_side p					{ color: #fff; text-align:left; font-size:1.0em; line-height:1.8em;}
#left_side a:link				{ color: #fff; }
#left_side a:visited			{ color: #fff; }
#left_side a:hover				{ color: #fff; }
#left_side a:active			{ color: #fff; }
#left_side  img				{ margin-top:10px; }
.copyright	 { font-size:0.9em; line-height:1.4em; padding:0 0 20px 0; text-align:left;}

/* Right Side */

#right_side 		{ width: 285px; float:right; margin:10px 0;}
#right_side p	{ color: #fff; text-align:left; font-size:1.0em; line-height:1.8em;}

/* Breadcrumb Styles */

.breadcrumb{
font-family:Arial, Helvetica, sans-serif;
font-size:11px !important;
color:#ab1f24 !important;
margin-left:1px;

}

.breadcrumb a{
background: transparent url(../images/arrow.png) no-repeat center right;
text-decoration: none;
padding-right: 18px; /*adjust bullet image padding*/
color: #fff;
text-decoration:underline;
}

.breadcrumb a:visited, .breadcrumb a:active{
color: #fff;
}

.breadcrumb a:hover{
text-decoration: underline;
}


/* Footer */
        
#footer
{
width: 930px;	margin: 10px auto; clear:both; 
}

#footer p
{
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
color: white;
margin: 0;
padding-bottom: 5px;
font-size:10px;
}

.eml {margin:20px 0 10px -15px; float:left;}
.tac_logo {padding:0; float:right;}
/* End Footer */


/* WA_Footer */
        
#wa_footer
{
width: 930px; margin: 0 auto; clear:both; 
}

.siteinfo {
float:left;
width:80px;
padding-left:50px;
padding-right:170px;
font-size:10px;
}

.siteinfo  a{
color: white;
text-decoration: none;
}

.siteinfo  a:hover{
color: white;
text-decoration: underline;
}

#wa_footer p
{
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
color: white;
text-align: center;
margin: 0;
padding-bottom: 5px;
padding-top: 5px;
font-size:10px;
}

#wa_footer ul
{
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
color: white;
text-align: left;
margin:0 0 30px 0;
font-size:10px;
}

#wa_footer ul li
{
display: inline;
border-right: 1px solid #fff;
}

#wa_footer ul li a
{
padding: 0 10px 0 10px;
color: white;
text-decoration: none;
}

#wa_footer li.last
{border-right: 0;}

#wa_footer ul li a:hover
{
color: white;
text-decoration: underline;
}

.wa_eml {margin:10px 0;}

/* End WA_Footer */
