/* CSS Document */

/*Style sheet for the header and footer template*/

/*This sets the colour of the bar that runs across the very top of the website*/
.topBar {margin: 0 0 10px 0;}


/*This sets the colour of the bar containing the bottom navigation */
.bottomNav {background: #494D52;}
/*This sets the colour of the five boxes*/
.bottomNav a {background: #494D52; border: 1px solid #BDBEBF;}
/*This sets the colour of the text within the five boxes*/
.bottomNav a:link, .bottomNav a:visited, .bottomNav a:active {color: #BDBEBF;}
/*This sets the colour of the five boxes and text within, when the mouse is rolled over*/
.bottomNav a:hover {color: #333333;	background: #FFFFFF; border: 1px solid #fff;}


/*This sets the colour for the bar underneath the bottom navigation*/
.maintainer {background: #494D52; color: #BDBEBF;}
/*This sets the colour of the text for the updated date*/
.maintainerLeft {color: #BDBEBF;}
/*This sets the colour of the text for the maintainer text*/
.maintainerRight a:link, .maintainerRight a:visited, .maintainerRight a:active {color: #BDBEBF;}
/*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:#BDBEBF;}


/*This style effects virtually everything within page, as all the page content sits within the body tag*/
BODY {color: #1A1D22; PADDING: 0; MARGIN: 0; font-family: Verdana, Arial, Helvetica, sans-serif; background: url(images/gradient.jpg) #494D52 repeat-x 0 0}
h1 {font-size: 110%; text-align:right; color: #BEBFC0; font-family:Arial, Helvetica, sans-serif; font-weight: normal; padding: 12px 5px 0 0; margin: 0;}
h2 {font-size: 130%; text-align:left; font-weight: bold; padding: 30px 0 0 15px; margin: 0 0 20px 0; clear: both;}
h3 {font-size: 75%; font-weight: bold; padding: 15px 0 0 15px; margin: 0;}
.top{width: 728px; height: 100px; background: url(images/header.jpg) no-repeat 0 0; margin: 0 auto;}
.genietop{width: 728px; height: 100px; background: url(images/genie_header.jpg) no-repeat 0 0; margin: 0 auto;}
.physicstop{width: 728px; height: 100px; background: url(images/physics_header.jpg) no-repeat 0 0; margin: 0 auto;}
.splinty{width: 728px; height: 100px; background: url(images/splint_header.jpg) no-repeat 0 0; margin: 0 auto;}

.navigation {float: right; background: url(images/edge.gif) no-repeat left top; padding: 0 4px 10px 6px;}
.navigation ul {margin: 0; padding: 0;}
.navigation ul li {display: inline; font-size: 70%; font-weight: bold; padding: 0 0 0 15px; margin: 0;}
.dot {background: url(images/dot.gif) no-repeat 3px 5px;}
.navigation a:link, .navigation a:visited, .navigation a:active {color: #FFF; text-decoration: none;}
.navigation a:hover {text-decoration: underline;}

#home {color: #fff;}
#genie {color: #41B4D2;}
#splint {color: #F29B3C;}
#ceipt {color: #7EBA90;}
#contact {color: #EC6C70;}

#homeActive {color: #fff; border-bottom: 2px solid #fff; text-decoration: underline;}
#genieActive {color: #41B4D2; border-bottom: 2px solid #41B4D2; text-decoration: underline;}
#splintActive {color: #F29B3C; border-bottom: 2px solid #F29B3C; text-decoration: underline;}
#ceiptActive {color: #7EBA90; border-bottom: 2px solid #7eba90; text-decoration: underline;}
#contactActive {color: #EC6C70; border-bottom: 2px solid #ec6c70; text-decoration: underline;}

.main {width: 728px; background: url(images/background.gif) repeat-y 0 0; margin: 0 auto; height: auto; min-height: 270px;}
.colourboxes {width: 100%; height: 4px; overflow: hidden;}
.bluebox {width: 181px; height: 4px; background: #41B4D2; overflow: hidden; border-right: 1px solid #fff; float: left;}
.orangebox {width: 181px; height: 4px; background: #F5B369; overflow: hidden; border-right: 1px solid #fff; float: left;}
.greenbox {width: 181px; height: 4px; background: #7EBA90; overflow: hidden; border-right: 1px solid #fff; float: left;}
.redbox {width: 182px; height: 4px; background: #834A4C; overflow: hidden; float: left;}
.photo {margin: 4px 7px 0 10px; width: 120px; text-align: center; float: left; clear: both;}
.base {width: 728px; height: 90px; background: url(images/bottom.gif) no-repeat bottom left; margin: 0 auto; padding: 0 0 56px 0; _padding: 0 0 15px 0; clear: both;}
.leftside {float: left; width: 72%; margin: 0; padding: 0;}


.rightside {float: left; width: 25%;}
.rightside ul {margin: 0 0 0 25px; padding: 0;}
.rightside li {padding: 0; margin: 0 15px 20px 0; font-size: 70%; line-height: 140%; font-weight: bold;}
.rightside a:link, .rightside a:visited, .rightside a:active {text-decoration: underline; color: #1A1D22;}


p {font-size: 70%; line-height: 140%; margin: 5px 20px 0 15px;}
.base ul {padding: 10px 0 0 0; _padding: 0; margin: 0 0 0 185px;}
.base ul li {padding: 0; margin: 0 15px 5px 0; font-size: 70%; list-style-image:url(images/bullet.gif); line-height: 140%;}
.bold {font-weight: bold;}
.right {float: right;}
.left {float: left;}
.drop {font-size: 80%; white-space: pre; font-weight: normal;}
.clear {clear: both;}

.geniebullet {list-style-image:url(images/genie_bullet.gif);}
.splintbullet {list-style-image:url(images/splint_bullet.gif);}
.ceiptbullet {list-style-image:url(images/ceipt_bullet.gif);}


.homebackground {background: url(images/h2_background.jpg) repeat-x 0 0;}
.geniebackground {background: url(images/h2_ceipt.jpg) repeat-x 0 0;}
.splintbackground {background: url(images/h2_splint.jpg) repeat-x 0 0;}
.ceiptbackground {background: url(images/h2_genie.jpg) repeat-x 0 0;}
.contactbackground {background: url(images/h2_contact.jpg) repeat-x 0 0;}


.home {color: #666;}
.blue {color: #41B4D2;}
.orange {color: #F29B3C;}
.green {color: #7EBA90;}
.red {color: #EC6C70;}


.blueborder {border-right: 1px dotted #41B4D2;}
.splintborder {border-right: 1px dotted #F29B3C;}
.ceiptborder {border-right: 1px dotted #7EBA90;}


.subgenie {color: #41B4D2 !important;}
.subgenie:hover {color: #92D3E4 !important;}
.subsplint {color: #F29B3C !important;}
.subsplint:hover {color: #F5B268 !important;}
.subceipt {color: #7EBA90 !important;}
.subceipt:hover {color: #AED5BA !important;}
#contact {color: #EC6C70;}
#subcontact:hover {color: #B98283;}

table {font-size: 70%;}
.short {height: 4px; overflow: hidden;}
.contactTable {width: 85%;}
.contactTable td {padding: 2px 0 2px 15px;}

.geniecontact a:link, .geniecontact a:visited, .geniecontact a:active {color: #1A1D22;}
.geniecontact a:hover {color: #41B4D2;}

.splintcontact a:link, .splintcontact a:visited, .splintcontact a:active {color: #1A1D22;}
.splintcontact a:hover {color: #F29B3C;}

.ceiptcontact a:link, .ceiptcontact a:visited, .ceiptcontact a:active {color: #1A1D22;}
.ceiptcontact a:hover {color: #7EBA90;}

.redcontact a:link, .redcontact a:visited, .redcontact a:active {color: #1A1D22;}
.redcontact a:hover {color: #EC6C70;}

.homecontact a:link, .homecontact a:visited, .homecontact a:active {color: #1A1D22;}
.homecontact a:hover {color: #8692A4;}