/*  Stylesheet for Christchurch RDA | www.chchrda.co.nz
© 2009 Scriptus Web Design | www.scriptus.co.nz 

Colour Scheme: 

    000000  Black 
    FFFFFF  White   | blankpage background
    FFF000  Yellow  | (old) background
    FFDC00  Yellowy Gold  | (new) background
    565656  Grey    | text (content & sidebar), sidebar link-hover, sidebar list border
    C1C1C1  Oyster  | footer text
    EFEFEF  Light Grey  | sidebar divisions 
    F93D00  Reddy Orange    | contrast sub-headings
    704A21  Dark Tan    | content links, sidebar links,
    333333  Dark Grey   | abbr & acronym underlining
    0000BF  Royal Blue  | sidebar headings & underlining
    FFEF00  Pale Gold   | search input box
	555599  Grey Purple    | search input text & search labels
	7777FF  light blue
	A8E0FF  Sky Blue
	47407C  Purple/black  (footer background)
	000098  Navy Blue  | header text & logo, content headings & bottom border, 
                         meta text, footer background. 
	
*/

body {
	margin: 0;
	padding: 20px;
	background: #FFDC00;   /*Yellowy Gold*/ 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #565656;    /*Grey*/    
}

h1, h2, h3 {
	margin: 0;
	padding: 0;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	color: #F93D00;    /*Reddy Orange*/
}

h1 { font-size: 2em; }

h2, h3 { 
    padding-top: 30px;
    font-size: 1.6em; 
}

p, ul, ol {
	margin-top: 0;
	line-height: 180%;
}

a {
	text-decoration: underline;
	color: #704A21;    /*Dark Tan*/
}

abbr , acronym {
	border-bottom: 1px dotted #333333; /*Dark Grey*/
	cursor: help
}

q   { font-style: italic; }

th  { text-align:center;}

img     {
    border: none;
}

/* Header */

#header {
	width: 920px;
	height: 125px;
	margin: 0 auto;
	margin-top: 15px;
	background: url(images/CRDALogo.gif) no-repeat left -10px; 
}

#header h1, #header h2 {
	float: left;
	margin-left: 30px;
	color: #000098;            /* Navy Blue */
	text-transform: none;
	font-family: Georgia, "Times New Roman", Times, serif;
}

#header h1  {
    letter-spacing: -1px;
	font-size: 44px;
}

#header h2 {
	margin-left: 14px;
	margin-top: 24px;
    font-size: 30px;
	line-height: 90%;
} 


/* Search Form*/

#search {
	float: right;
	width: 180px;
}

#search form {
	height: 41px;
	margin: 0;
	padding: 3px 0 0 0px;
}

#search fieldset {
	margin: 0;
	padding: 0;
	border: none;
}

#y  { font: 0.75em Arial, Helvetica, sans-serif;  }

#s {
	width: 170px;
	height: 1.4em;
	font: 13px Arial, Helvetica, sans-serif;
	padding: 0.2em;
	background: #FFEF00;       /*Pale Gold*/
}

#x {
	width: 75px;
	height: 30px;
	margin: 2px;
	background: url(images/blankButton.gif) no-repeat left top; 
	font-size: 12px;
	padding: 0 0 6px 0;
}

#y, #s, #x   {   
    color: #555599;            /* Grey Purple */
    text-transform: lowercase;
    border: none;  
    font-weight:bold;  
}

#x:hover { background: url(images/highblankButton.gif) no-repeat left top; }


/* Menu */

#menu {
	width: 960px;
	height: 50px;
	margin: 0 auto;
	padding: 0;
	background: url(images/img01.jpg) no-repeat left top;
}

#menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
	line-height: normal;
}

#menu li {
	float: left;
	height: 50px;
	width: 94px;
	margin-left: 1px;
}

#menu a {
	display: block;
	margin-top: 10px;
	padding: 6px;
	text-align: center;
	background: url(images/img03.jpg) no-repeat right 7px; 
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFF000;   /*Yellow*/ 
	border: none;
}

#menu a:hover { text-decoration: underline; }

.current_page_item { background: url(images/Green_Light.gif) no-repeat center 30px;  }


/* Main Page */

#page {
	width: 960px;
	margin: 0 auto;
	padding: 0;
	background: #FFFFFF;   /*White*/ 
	background: url(images/img04.jpg) repeat-y left top;
}

#page_topimg {
	padding: 20px 25px;
	background: #FFFFFF;   /*White*/ 
	background: url(images/img02.jpg) repeat-x left top;
}

#blankpage  {
	margin: 60px;
	padding: 40px;
	background: #FFFFFF;   /*White*/ 
}

.centreimg  {
    display: block;
    margin: 40px auto;
    border: none;
}

/* Content */

#content {
	float: left;
	width: 630px;
	padding: 0;
	margin-bottom: 5px;
	border-bottom: 1px dashed #000098;    /*Navy Blue*/
	text-align: justify;
}

#content h1, h2 {
	padding: 8px 0;
	letter-spacing: -.5px;
	color: #000098;     /*Navy Blue*/
}

#content a  { }

#meta { padding: 25px 0 5px 15px;   }

#meta a {   color: #000098;    /*Navy Blue*/   }

#meta h5, h6  {
  font-style: italic;
  font-size: 11px;
  line-height: 16px;
  font-weight: normal;
}

#meta h5  {
    background: url(images/img05.jpg) no-repeat left center;
    text-align: left;
    padding-left: 14px;
}

#meta h6 {
    width: 90px;
    float: right;
    text-align: right;
	background: url(images/microprint.gif) no-repeat left top;
	margin-top:-26px;
}


/* Page Images */

#imgMain {
    width: 630px;
    height: 220px;
    background: url(images/img08.gif) repeat-x ;
}

#innerImg1  {
    width: 512px;
    height: 136px;
    background: url(images/imgMain.jpg) ;
    margin: 40px auto;
}

#innerImg5  {
    width: 511px;
    height: 138px;
    background: url(images/Volunteers.jpg) ;
    margin: 40px auto;
}

#innerImg6  {
    width: 511px;
    height: 138px;
    background: url(images/ArenaPic.jpg) ;
    margin: 40px auto;
}

#training  {
    width: 511px;
    height: 138px;
    background: url(images/training.jpg) ;
    margin: 40px auto;
}

#AboutUs  {
    width: 511px;
    height: 138px;
    background: url(images/AboutUs.jpg) ;
    margin: 40px auto;
}

#contact  {
    width: 511px;
    height: 138px;
    background: url(images/Contact.jpg) ;
    margin: 40px auto;
}

#supporters  {
    width: 511px;
    height: 138px;
    background: url(images/supporters.jpg) ;
    margin: 40px auto;
}

#horserun  {
    float: left;
    width: 200px;
    height: 35px;
    background: url(images/HorseRun.gif) ;
    margin-left: 60px;
}

#tristate  {
    width: 400px;
    height: 351px;
    background: url(images/Tristate.jpg) ;
    margin: 40px auto;
    margin-bottom: 10px;
}

/* Special Announcements */

#announcement {
    width: 600px;
    margin: -20px auto 20px auto; 
    padding-bottom: 12px;
    border-top: 1px dotted #F93D00;    /*Navy Blue*/  
    border-bottom: 1px dotted #F93D00;    /*Navy Blue*/ 
}

#announcement h2  {
  text-align: center;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #F93D00;    /*Reddy Orange*/  
}

#announcement p {
  text-align: justify;
  margin: 10px 15px;
}

.right  {
  float: right;
  margin: 20px;
}

/* Class to properly format drop caps */
p.dropcap:first-letter {
  float: left;
  font-size: 26px;
}


/* Site Map */

#sitemap    {
	  margin: 60px 40px 60px 60px;	  
      font-size: 140%;
	  font-weight: bold;
	  color: #f63;
	  }

#sitemap a  { 
    text-decoration: none; 
    color: #f63;
}

#sitemap a:hover { text-decoration: underline; }    
	
#sitemap li {
	  list-style: none; /* turns off bullets */
}
			
/* first-level */
#sitemap li ul {
	  margin: 6px 18px;
	  padding: 0 15px;
	  font-size: 90%;
	  color: #000;
	  border-left: 1px dotted #999;
}

/*  second level */
#sitemap li ul li {
    padding: 0 15px;
}

/* third-level */
#sitemap li ul li ul {
	  border: 1px solid ;
	  background: #EFEFEF ;    /*Light Grey*/ 
}
	
#sitemap li ul li ul li {
	  font-weight: normal;
	  padding-left: 26px;
}

.emailicon  { 
    background: url(images/email.gif) no-repeat right top; 
    margin-right: 140px;
}

.pageicon  { 
    background: url(images/microprint.gif) no-repeat right 4px; 
    Margin-right: 140px;
}


/* Gallery */

#gallery {
    padding: 0 15%;
}

div.float {
	float: left;
	margin: 10px auto;
}

.fadeit img{
    border:2px solid #EFEFEF ;    /*Light Grey*/ 
}

.fadeit:hover img{
    border:2px solid #0000BF;    /*Royal blue*/
}

.figure {
  float: left;
  width: 140px;
  border: 1px solid #EFEFEF ;    /*Light Grey*/ 
  margin: 0px;
  padding: 2px;
}

.figure p {
  text-align: center;
  font-family: "trebuchet MS", helvetica, verdana, sans-serif;
  font-style: italic;
  font-size: 18px;
  text-indent: 0;
  letter-spacing:-1px;
  color:blue;
  line-height: 5px;
}

#retired    {
        margin: 20px auto;
        width: 560px;
        border: none;
        border-top:solid green 1.5pt;
        border-bottom:solid green 1.5pt;
        text-align: center;
}

#retired th {
    border-bottom:solid green 1.5pt;
}

#retired tr {
  font-family: "trebuchet MS", helvetica, verdana, sans-serif;
  font-size: 14px;
  text-indent: 0;
  color:blue;
  line-height: 100%;   
}

/* Sidebar */

#sidebar {
	float: right;
	width: 230px;
	color: #565656;    /*Grey*/  
}

#sidebar ul {
	padding: 0;
	list-style: none;
}

#sidebar li {
	margin: 0;
	padding: 20px 0 15px 0;
	border-bottom: 1px solid #EFEFEF ;    /*Light Grey*/ 
}

#sidebar li li {
	line-height: 12px;
	background: url(images/img06.jpg) no-repeat 10px 12px;
	padding: 10px 0 10px 25px;
	border-bottom: none;
}

#sidebar h2 {
	height: 32px;
	padding: 8px 0 0 0px;
	letter-spacing: -.5px;
    color: #0000BF;    /*Royal blue*/
}

#sidebar h3 {
    padding: 10px 0;
}

#sidebar p {
	padding-bottom: 10px;
	text-align: justify;
}

#sidebar a { 
    display: block;
    padding: 4px;

    text-decoration: none;    
}

#sidebar a:hover { 
    color: #565656;    /*Grey*/  
    text-decoration: underline;
}

.emailbutton    {
    width: 140px;
    margin: 0 0 0 40px;
    padding: 10px;
    background: url(images/email.gif) no-repeat 120px 5px;
}

#validWC3 {
    width: 88px;
    height: 31px;
    background: url(images/W3CValid.gif) no-repeat ;
    margin: 20px 0 0 135px;
}

#clr, .clear  { clear:both; }


/* Footer */

#footer {
    width: 960px;
	height: 50px;
    background: #000098;   /*Navy Blue*/
	margin: 0 auto;
	padding: 0 0 15px 0;
	letter-spacing: 0.5px;
}

#footer p {
	margin: 0;
	padding-top: 6px;
	line-height: normal;
	font-size: 9px;
	text-transform: none;
	text-align: center;
	color: #C1C1C1;    /*Oyster*/
}

#footer a { 
    color: #FFF000;   /*Yellow*/ 
    letter-spacing: 1px;
}