/* CSS Document */

/*TEXT*/
body{font-family:arial;line-height:1.6em;}
#main h1{font-size:160%;}
#main li#active-page{font-weight:bold;}
#sidebar ul#sub-nav li.sub-nav a{text-decoration:none;font-weight:bold;}
#footer li a{text-decoration:none;}
#footer li a:hover{text-decoration:underline;}
#footer li.footer-pipe{font-weight:bold;font-size:100%;}
a {text-decoration: none;}
a:hover {text-decoration: underline;}

/*STRUCTURE*/

body,html{padding:0;margin:0;}
#wrapper-homepage{padding:0;margin:0 auto;width:800px;}
#wrapper{padding:0;margin:0 auto;width:800px;}
#header{padding:300px 0 0 0;}
#header-homepage{padding:300px 0 0 0;}
ul{padding:0;margin:0;list-style:none;}

#sidebar ul#click-resize li{padding:0;margin:0;float:left;width:54px;height:59px;}
#sidebar ul#click-resize li a{padding:0;margin:0;float:left;}

#main{padding:0 30px 20px 90px;margin:0;float:left;width:460px;}
#main h1{padding:0;margin:130px 0 0 0;}
#main p{width:440px;}
#main li{padding:0 5px 5px 0;margin:0 0 -10px 0;float:left;width:140px;height:54px;}
#main li a{padding:0 0 0 0;display:block;float:left;}

#main li#active-page{display:block;}

#main #image-box-1{padding:0 10px 0 0;margin:0;float:left;}
#main #image-box-2{padding:0;margin:0;float:left;}
#main #image-box-1 p,#image-box-2 p{padding:0;margin:0;width:170px;}
#main #image-box-3{padding:0;margin:0;float:left;}

#sidebar{padding:0;margin:0;float:right;width:210px;}
#sidebar ul#sub-nav li.sub-nav{padding:0 0 0 10px;margin:0;width:130px;border-bottom: solid #000000 1px;}


#main div#img-floatleft{float:left}
#main p#content-floatleft{float:left;width:240px;}

#footer{padding:0;margin:0;width:800px;height:116px;clear:both;}
#footer ul{position:relative;top:80px;left:90px;}
#footer li{display:inline;}
#footer li a{padding:0;margin:0;}
#footer li.footer-pipe{padding:0 8px 0 6px;margin:0;}

#bg-mask{padding:0 0 40px 0;margin:0;clear:both;}

.clear{clear:both;}
#main #adjusted-h1{padding:50px 0 0 0;}

/*THEME/COLOUR*/
body,html{background:#ffffff none;color:#000;}
a {color:#0091B5;}
#wrapper-homepage{background:transparent url('../images/homepage-background-4.jpg') no-repeat center top;}
#wrapper{background:transparent none;}
#header{background:transparent url('../images/header-background.jpg') no-repeat top left;}
#main{background:transparent none;}
.blueline { width: 460px; border: 0; height: 1px; background-color: #0091B5; color:#0091B5; clear: both;}

#bg-mask{background:#ffffff none;}

#sidebar{background:transparent none;}


#sidebar ul#sub-nav li.sub-nav{background:transparent none;color:#000000;}
#sidebar ul#sub-nav li.sub-nav a{background:transparent none;color:#000000;}



#footer{background-image: url('../images/footer-background-2.png');}
#footer li a, #footer li.footer-pipe{background:transparent none;color:#0091B5;}

/*Invalid but so are IE 5.5 and 6*/
div, #footer {behavior: url('iepngfix.htc');}
ul#sub-nav, li{behavior: url('iepngfix.htc');}


/*SUB NAV - shouldn't need edit this */
#sidebar ul#sub-nav{padding:0;margin:134px 0 0 0;}
#sidebar ul#sub-nav li#subnav-current-page{background: url('../images/sub_circle_on.gif') no-repeat top left; color:#000000; }
#sidebar ul#sub-nav li{background: url('../images/sub_circle_off.gif') no-repeat top left;border-bottom:solid #999999 1px;font-weight:bold;}
#sidebar ul#sub-nav li,#sidebar ul#sub-nav li#subnav-current-page{padding:10px 10px 10px 26px;display:block;background-position: 0 13px;}
#sidebar ul#sub-nav li a{color:#000000; text-decoration:none}
#sidebar ul#sub-nav li a:hover{color:#666666;}

#main ul#developing-gloucoma{padding:0;margin:0;}
ul#developing-gloucoma li{padding:0;margin:0;}

/*developing glaucoma - risk list*/
#main ul#developing-gloucoma{padding:0!important;margin:0!important;}
#main ul#developing-gloucoma li.gloucoma-risk-list{padding:0;margin:0;}