/* Spectrum custom client CSS.
------------------------------------------------------------------------------------

Changing overall site links' colour
 - Choose a colour you like.
 - Find it's HTML colour code (e.g. in Photoshop's colour chooser).
 - Copy that code into the 'Anchor elements' section below for the variable 'color'.
 - Ensure that there is a # before the colour code e.g. #ededed

Changing the header image
 - Modify the header filepath to point to your new uploaded image.

Changing tab links background image
 - Modify all background paths to point to your new image.
 - If the background colour is particularly light you may wish to change the 'color' variable
   to something more suitable, e.g. 'black' or a dark colour code of your choice.

Changing top search
 - Modify the background filepath to point to your new uploaded image.

Changing tab menu border colours
 - This is unlikely to be necessary, but just in case...
 - Simply change the colour codes for the various borders

Save the file, upload it, specifiy it as a dependency AFTER the standard stylesheet
(usually style.css). Job done...

*/

/* Anchor elements / links
------------------------------------------------------------------------------------*/
a, a:link, a:visited, a:active { color: #20409a; }
a:hover { color: #5587b2; }

/* header
------------------------------------------------------------------------------------*/
#header { background: url(Image/headerBrightside.png) no-repeat; }

/* tab-links
------------------------------------------------------------------------------------*/
#tab-links li a { background: url(Image/tabMenuBrightside.png); color: white; }
#tab-links li a:hover { background: url(Image/tabMenuBrightside.png) 0 26px; color: white; }
#tab-links li.location a { background: url(Image/tabMenuBrightside.png) 0 26px; color: white; }

/* top-search
------------------------------------------------------------------------------------*/
#top-search { background: url(Image/searchBrightside.png) repeat-x; color: white; }

/* tab-links (borders). ADVANCED, allows for fine control of border colours if required.
----------------------------------------------------------------------------------------------*/
#tab-links { border-left: 1px solid black; border-bottom: 1px solid #666; } /* Overall border around the tab menu */
#tab-links ul li { border: 1px solid black; border-left: none; } /* Outer border for each menu item */
#tab-links li a { border-left: 1px solid #888; } /* left hand side border for each menu item */
#tab-links li a:hover { border-left: 1px solid #5e77be; } /* left hand side border for each menu item when mouse hovers over it */
#tab-links li.location a { border-left: 1px solid #5e77be; } /* left hand side border for a menu item that points to the same page we are on */