/***********************************************************************   
   Filename: colour.css
   Purpose:  The different colour themes of the template
   Authors:  Pat Heard
 ***********************************************************************/

  
/***********************************************************************
   Maintain styles: colours that are consistent across templates
 ***********************************************************************/  

#blue blockquote h1,
#green blockquote h1,
#yellow blockquote h1,
#teal blockquote h1,
#gray blockquote h1,
#purple blockquote h1,
#red blockquote h1 {
  color: #111;
}

#blue .roundedBlock h1, 
#green .roundedBlock h1, 
#yellow .roundedBlock h1, 
#teal .roundedBlock h1, 
#gray .roundedBlock h1, 
#purple .roundedBlock h1, 
#red .roundedBlock h1,
#blue .roundedBlock a:hover,
#green .roundedBlock a:hover,
#yellow .roundedBlock a:hover,
#teal .roundedBlock a:hover,
#gray .roundedBlock a:hover,
#purple .roundedBlock a:hover,
#red .roundedBlock a:hover,
#blue .roundedBlock li.here a,
#green .roundedBlock li.here a,
#yellow .roundedBlock li.here a,
#teal .roundedBlock li.here a,
#gray .roundedBlock li.here a,
#purple .roundedBlock li.here a,
#red .roundedBlock li.here a {
  color: #FFF;
}

#blue .roundedBlock ul li a:hover, 
#green .roundedBlock ul li a:hover, 
#yellow .roundedBlock ul li a:hover, 
#teal .roundedBlock ul li a:hover, 
#gray .roundedBlock ul li a:hover, 
#purple .roundedBlock ul li a:hover, 
#red .roundedBlock ul li a:hover {
  background: none;
}



/***********************************************************************
   Top Menu
 ***********************************************************************/  


#header #menu li a.blue {
  width: 5.4em;
  color: #1260B2;
}

#header #menu li a.green {
  width: 5.1em;
  color: #26B100;
}

#header #menu li a.yellow {
  width: 5.6em;
  color: #ff8a00;
}

#header #menu li a.teal {
  color: #2fb4e6;
}

#header #menu li a.gray {
  width: 4.5em;
  color: #4c4d4e;
}

#header #menu li a.purple {
  width:2.8em;
  color: #842c91;
}

#header #menu li a.red {
  width: 4.5em;
  color: #CD0000;
}

#header #menu li.here a,
#header #menu li a:hover {
  color: #FFF;
}

#header #menu li.here a.blue,
#header #menu li a:hover.blue {
  background-color: #1260B2;
}

#header #menu li.here a.green,
#header #menu li a:hover.green {
  background-color: #26B100;
}

#header #menu li.here a.yellow,
#header #menu li a:hover.yellow {
  background-color: #ff8a00;
}

#header #menu li.here a.teal,
#header #menu li a:hover.teal {
  background-color: #2fb4e6;
}

#header #menu li.here a.gray,
#header #menu li a:hover.gray {
  background-color: #4c4d4e;
}

#header #menu li.here a.purple,
#header #menu li a:hover.purple {
  background-color: #842c91;
}


#header #menu li.here a.red,
#header #menu li a:hover.red {
  background-color: #CD0000;
}


/***********************************************************************
   Blue theme
 ***********************************************************************/  

#blue h1 {
  color: #1260B2;
}

#blue h1.gradient {  
  background: url(../img/bg/h1_gradient_blue.gif) repeat-x bottom left;
}
  
#blue .roundedBlock {
  background-color: #1260B2;
}

#blue .roundedBlock a {
  color: #C0DCF6;
}

#blue .roundedBlock a:hover {
  background-color: #2C79CA;
}

#blue .roundedBlock ul li a {
  border-top: 1px solid #4180C1;
}

#blue ul.bigImageLinks li a:hover {
  background-color: #E2ECF6;
}

#blue thead th {
  background-color: #E2ECF6;
  border-bottom: 1px solid #B9D2EB;
}
  
#blue input.button {
  background-color: #1260B2;
  border-color: #3B7ABB #084686 #084686 #3B7ABB;
}


  
/***********************************************************************
   Green theme
 ***********************************************************************/  

#green h1 {
  color: #26B100;
}

#green h1.gradient {  
  background: url(../img/bg/h1_gradient_green.gif) repeat-x bottom left;
}
  
#green .roundedBlock {
  background-color: #26B100;
}

#green .roundedBlock a {
  color: #E0F2DC;
}

#green .roundedBlock a:hover {
  background-color: #229802;
}

#green .roundedBlock ul li a {
  border-top: 1px solid #3BC416;
}

#green ul.bigImageLinks li a:hover {
  background-color: #D9F1D4;
}

#green thead th {
  background-color: #D9F1D4;
  border-bottom: 1px solid #ACDCA2;
}

#green input.button {
  background-color: #26B100;
  border-color: #95F979 #145E00 #145E00 #95F979;
}



/***********************************************************************
   Yellow theme
 ***********************************************************************/  

#yellow h1 {
  color: #ff8a00;
}

#yellow h1.gradient {  
  background: url(../img/bg/h1_gradient_yellow.gif) repeat-x bottom left;
}
  
#yellow .roundedBlock {
  background-color: #ff8a00;
}

#yellow .roundedBlock a {
  color: #FDF5B2;
}

#yellow .roundedBlock a:hover {
  background-color: #FF7E00;
}

#yellow .roundedBlock ul li a {
  border-top: 1px solid #FCBE51;
}

#yellow ul.bigImageLinks li a:hover {
  background-color: #F9F196;
}

#yellow thead th {
  background-color: #F9F196;
  border-bottom: 1px solid #F2E151;
}

#yellow input.button {
  background-color: #ff8a00;
  border-color: #FFEFB6 #FF6C00 #FF6C00 #FFEFB6;
}



/***********************************************************************
   Red theme
 ***********************************************************************/  

#red h1 {
  color: #CD0000;
}

#red h1.gradient {  
  background: url(../img/bg/h1_gradient_red.gif) repeat-x bottom left;
}
  
#red .roundedBlock {
  background-color: #CD0000;
}

#red .roundedBlock a {
  color: #FBC9C9;
}

#red .roundedBlock a:hover {
  background-color: #AC0303;
}

#red .roundedBlock ul li a {
  border-top: 1px solid #E81313;
}

#red ul.bigImageLinks li a:hover {
  background-color: #FAE4E3;
}

#red thead th {
  background-color: #FAE4E3;
  border-bottom: 1px solid #F1BDBA;  
}

#red input.button {
  background-color: #CD0000;
  border-color: #FF6161 #810000 #810000 #FF6161;
}





/***********************************************************************
   Gray theme
 ***********************************************************************/  

#gray h1 {
  color: #4c4d4e;
}

#gray h1.gradient {  
  background: url(../img/bg/h1_gradient_gray.gif) repeat-x bottom left;
}
  
#gray .roundedBlock {
  background-color: #4c4d4e;
}

#gray .roundedBlock a {
  color: #bfc2c4;
}

#gray .roundedBlock a:hover {
  background-color: #2d2f30;
}

#gray .roundedBlock ul li a {
  border-top: 1px solid #767879;
}

#gray ul.bigImageLinks li a:hover {
  background-color: #d1d1d1;
}

#gray thead th {
  background-color: #d1d1d1;
  border-bottom: 1px solid #a5a2a2;  
}

#gray input.button {
  background-color: #4c4d4e;
  border-color: #888 #111 #111 #888;
}






/***********************************************************************
   Teal theme
 ***********************************************************************/  

#teal h1 {
  color: #2fb4e6;
}

#teal h1.gradient {  
  background: url(../img/bg/h1_gradient_teal.gif) repeat-x bottom left;
}
  
#teal .roundedBlock {
  background-color: #2fb4e6;
}

#teal .roundedBlock a {
  color: #d0e7f0;
}

#teal .roundedBlock a:hover {
  background-color: #26aadc;
}

#teal .roundedBlock ul li a {
  border-top: 1px solid #53c5f0;
}

#teal ul.bigImageLinks li a:hover {
  background-color: #c4e9f8;
}

#teal thead th {
  background-color: #c4e9f8;
  border-bottom: 1px solid #7ed1f2;  
}

#teal input.button {
  background-color: #2fb4e6;
  border-color: #c4e9f8 #149acc #149acc #c4e9f8;
}



/***********************************************************************
   Purple theme
 ***********************************************************************/  

#purple h1 {
  color: #842c91;
}

#purple h1.gradient {  
  background: url(../img/bg/h1_gradient_purple.gif) repeat-x bottom left;
}
  
#purple .roundedBlock {
  background-color: #842c91;
}

#purple .roundedBlock a {
  color: #FBC9C9;
}

#purple .roundedBlock a:hover {
  background-color: #762182;
}

#purple .roundedBlock ul li a {
  border-top: 1px solid #a348b0;
}

#purple ul.bigImageLinks li a:hover {
  background-color: #d7bfdb;
}

#purple thead th {
  background-color: #d7bfdb;
  border-bottom: 1px solid #b272bc;  
}

#purple input.button {
  background-color: #842c91;
  border-color: #d7bfdb #5b0d67 #5b0d67 #d7bfdb;
}