/* CSS Document*/

body {background:  url("../images/body_background.jpg") #5EAEAE repeat-x 0 0 fixed;}


/************************************************ Main structure ****************************************************************************/


.container {background: transparent;}
.navigation {background: transparent;}
.content {background: #fff; padding: 21px 0 21px 0;}


/************************************************* Heading and other formating styles *******************************************************/


h1 {color: #fff;}
h2 {color: #89B700; padding: 5px; text-align: center;}
h3 {color: #89B700;}

.content a:link, .content a:visited {color: #333;}
.content a:active, .content a:hover {color: #89B700;}

.content ul li {background: url("../images/bullet_off.gif") transparent no-repeat 0 10px;}
.content ul ul li {background: url("../images/subbullet_off.gif") transparent no-repeat 6px 12px;}
.content ol ul li {background: url("../images/subbullet_off.gif") transparent no-repeat 2px 12px;}


/************************************************ Table styles ******************************************************************************/


th {background: #eee; border-right: 1px solid #fff;}
td {border-bottom: 1px solid #ccc; border-top: 1px solid #ccc;}


/************************************************* Top navigation styles and  header image used only in the front end ***********************/


.top-navigation {background:  url("../images/topnavigation_background.jpg") #8472A2 repeat-x 0 0; width: 768px; margin: 0 auto 10px auto; border: 1px solid #CDC6D9; min-height: 1.3em; height: 1.3em; padding: 0; text-align: right;}
.top-navigation li {margin: 0; padding: 0; float: right; font-size: 80%; font-weight: bold; list-style-type: none;}
.top-navigation a:link, .top-navigation a:visited, .top-navigation a:active {text-decoration: none; color: #fff; padding: 2px 10px 3px 10px; border-left: 1px solid #412770; display: block;}
.top-navigation a:hover, .top-navigation a.current {background: #fff; color: #412770 !important;}
/*This is used to turn off the divider between menus (for the last menu)*/
.top-navigation li.end {border-right: none;}

.header-image {margin: 6px 0 15px 6px; max-width: 558px; min-width: 558px;}


/************************************************* Navigation structure *********************************************************************/


.navigation ul li a:link, .navigation ul li a:visited, .navigation ul li a:active {background: none; color: #fff; padding: 6px 5px 8px 3px; border-top: 1px solid #CDC6D9;}
.navigation ul ul li a:link, .navigation ul ul li a:visited, .navigation ul ul li a:active {background: url("../images/subbullet_off.gif") transparent no-repeat 17px 11px;}
.navigation ul li a:hover, .navigation ul li a.current {color: #412770; background: #fff;}
.navigation ul li a.navigation-image:hover {background: none !important;}
.navigation ul ul {background: #fff;}
.navigation li.end {border-bottom: 1px solid #CDC6D9;}
.navigation-image {background: none !important;}


.search-box {background: transparent; padding: 15px 0 10px 0;}


/****************************** These styles control the elements under the side navigation *************************************************/


.side-box {background: #766498; min-height: 100px; border: 1px solid #CDC6D9; margin: 0 0 20px 0;}
.side-box img {padding: 0; margin: 0; max-width: 188px; min-width: 188px;}

blockquote {padding: 25px 8px 20px 26px; margin: 0; background:  url("../images/quotes_open.gif") transparent no-repeat 8px 13px;}
blockquote p {color: #fff; display: block !important; background:  url("../images/quotes_close.gif") transparent no-repeat bottom right; margin: 0; padding: 3px 10px 12px 0;}

.find-more {background: #fff; margin: 0;}
.find-more a:link, .find-more a:visited, .find-more a:active {color: #412770; text-decoration: none; display: block; padding: 5px;}
.find-more a:hover {background: #412770; color: #fff;}
/*Turns on paragraphs in the navigation section which have been turned off for contribute users*/
.navigation p {display: block;}


/****************************** These styles below control the footer that contains the contact details *************************************/


.footer {margin: 0 0 6px 6px !important; padding: 15px 0 0 0 !important; background:  url("../images/footer_background.gif") #fff no-repeat 0 0;}
.footer li {margin: 0 0 0 10px !important; background: none !important; color: #999; line-height: 100% !important;}
.green {background: #EDFFB7 !important;}


/****************************** These styles below control the colours for the bottom navigation corporate ID *******************************/


/*This sets the colour of the bar containing the bottom navigation */
.bottomNav {background: transparent; margin: 0 0 0 0 !important;}
/*This sets the colour of the five boxes*/
.bottomNav a {background: transparent; border: 1px solid #fff; }
/*This sets the colour of the text within the five boxes*/
.bottomNav a:link, .bottomNav a:visited, .bottomNav a:active {color: #fff;}
/*This sets the colour of the five boxes and text within, when the mouse is rolled over*/
.bottomNav a:hover {color: #254747; background: #fff;  border: 1px solid #fff;}

/*This sets the colour for the bar underneath the bottom navigation*/
.maintainer {background: transparent; color: #254747;}
/*This sets the colour of the text for the updated date*/
.maintainerLeft {color: #fff;}
/*This sets the colour of the text for the maintainer text*/
.maintainerRight a:link, .maintainerRight a:visited, .maintainerRight a:active {color: #254747;}
/*This sets the colour of the text for the maintainer text, when the mouse is rolled over*/
.maintainerRight a:hover {color: #fff;}
/*This sets the colour of the approved text at the very bottom of the screen*/
.approved {color: #fff;}