/* htaa.css */
/* © 2005 The History Teachers' Association of Australia (Inc) */

body {
      margin:0;
      padding:0;
      margin-left:auto;
      margin-right:auto;
      text-align: center;
      font:13px "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
      color:#000;
      background:#ECEDF2 url(../images/body_bg.gif) top center no-repeat;
      }
      
html, body { height: 100%; }

/* text */

h1 { 	font: 24px 'Hoefler Text', Georgia, Times, serif;
		color: #900;
		width: 180px;
		padding: 20px 4px 4px 0;
		margin: 0;
		border-bottom: 1px dotted #900;
		}
		
h2 { 	
		font: 22px normal 'Hoefler Text', Georgia, Times, serif;
		color: #900;
		padding: 10px 0 10px 0;
		margin: 0;
		}
		
h3 { 	
		font: 18px bold 'Hoefler Text', Georgia, Times, serif;
		color: #fff;
		padding: 0 0 4px 15px;
		margin: 0;
		text-align: left;
		}
		
h4 { 	
		font: 16px "Lucida Sans Unicode", "Lucida Grande", Verdana, helvetica, arial, sans-serif;
		font-weight: bold;
		color: #333;
		padding: 10px 0 10px 0;
		margin: 0;
		text-align: left;
		}
      
/* links */
a { text-decoration:underline; font-weight:bold; }
a:link { color:#900; background-color: transparent; }
a:visited { color:#933; background-color: transparent; }
a:active { color:#C00;background-color: transparent; text-decoration:underline; }
a:hover{ color:#C00; background-color: transparent; text-decoration:underline; }

/* layout */

#header {
      height: 130px;
      margin-left:auto;
      margin-right:auto;
      margin-top: 0;
      margin-bottom:0;
      width: 760px;
      padding:0;
      background: #fff url(../images/header_bg2.jpg) top no-repeat;
      overflow: hidden;
      } 
            
#container {
	margin-left:auto;
    margin-right:auto;
    width: 760px;
    background-color: #fff;
    border-right:1px solid #fff; 
    border-left:1px solid #fff;   
    border-bottom: 1px dotted #666;     
}
#content {
	  float: left;
	  width: 720px;
      color:#000;
	  text-align: left;
      background: #fff url(../images/topdiv_bg.gif) top repeat-x;
      padding: 20px 20px 20px 20px;
      }         
#feature {
      float: right;
      width: 360px;
      background: transparent; 
      margin: 0px 0 20px 0px;
      padding: 49px 0 0 0;
      overflow: hidden;
      }  
#footer  {
     text-align: center;
     width: 740px;
     padding: 10px;
     font: 11px 'Times New Roman', Times, serif;
     color: #666;
     border-top: 1px dotted #666;     
	 }
	 
/* navigation */

#navcontainer { 
	padding: 94px 0 0 20px; 
	margin-left:auto; 
	margin-right:auto; 
	font-weight: bold;
	}
	 
#navlist ul { margin: 0; white-space: nowrap; padding: 0; }

#navlist li { display: inline; list-style-type: none; }

#navlist a {
	padding: 7px 20px 13px 20px;
	background: transparent url(../images/nav_bg.gif) no-repeat;
	font: 1.1em 'Times New Roman', Times, serif;
    color: #900;
	}

#navlist a:link, #navlist a:visited { color: #900; text-decoration: none; }

#navlist a:hover {
	background: transparent url(../images/nav_bg_over.gif) no-repeat;
	font: 1.1em 'Times New Roman', Times, serif;
    color: #300;
	}

#active a:link, #active a:visited, #active a:hover {
	background: transparent url(../images/nav_bg_over.gif) no-repeat;
	font: 1.1em 'Times New Roman', Times, serif;
    color: #900;
	}
	
/* table */

.contacttable	{ 
	margin-left:auto;
    margin-right:auto;
    margin-top: 10px;
	border-spacing:1px; 
	background:#E7E7E7; 
	border: 1px solid #E7E7E7; 
	padding 1px;
	text-align:left;
	}
	
.greyrow { padding: 10px; }
.whiterow { background:#ffffff; padding: 10px; }
	 
/* content */
.logo { float: left; margin:10px 0 0 20px;	}
.imgright { float: right; margin: 14px 0 0 0; }

#feature li { line-height: 24px; } 

.featurelink {
    margin-left:auto;
    margin-right:auto;
	background: #fff url(../images/topdiv_bg.gif) top repeat-x;
	font: 14px bold 'Times New Roman', Times, serif;
	padding: 8px 0px 4px 0px;
	width: 180px;
	text-align: center;
	border-top: 1px solid #999;
	border-left: 1px solid #999;
	border-right: 1px solid #666;
	border-bottom: 1px solid #666;
	}

#htaa { 
	float: left;
	padding: 25px 0 0 15px;
	margin: 0;
	font: 18px bold 'Times New Roman', Times, serif;
	color: #fff; 
	text-align: left; 
	}
	
.topnav { 
 	font: 14px helvetica, arial, sans-serif;
 	font-weight: bold;
 	color: #000; 
 	text-align: left; 
 	padding: 5px 0 0 15px; 
 	margin: 0; 
 	}
	
.pagetop { clear: both; text-align: right; font-size: 0.84em;}
.shortspacer { padding-top: 20px; }
.spacer { padding-top: 100px; }
.clearer { clear: both; height: -10px; margin: 0; padding: 0;}