*{
margin:0;
padding:0;
border:0;
}
a:link,a:visited,#header #navi li a:link,#header #navi li a:visited{
color:#a00;
}
a:hover,#header #navi li a:hover{
color:#f00;
}
body{
font:0.8em/1.2em "Lucida Sans Unicode","Lucida Grande",Verdana,sans-serif;
text-align:center;/*IEHACK*/
}
h1{
color:#a00;
font:bold 210%/1.2em "Lucida Sans Unicode";
}
/****
Global styles
****/
h1,h2,h3,h4,h5,h6{
margin:0 0 0.5em 0;
line-height:1.2em;
}
h2{
color:#165e9a;
font:bold 160%/1.2em "Lucida Sans Unicode";
}
h2.subheader{
font-size:110%;
}
h3{
color:#000000;
font:bold 120%/1.2em "Lucida Sans Unicode";
}
h4{
margin:0 0 0.5em 0;
color:#165E9A;
font:bold 100%/1.3em "Lucida Sans Unicode";
}
h6{
margin:0 0 2em 0;
font:normal 80%/1em "Lucida Sans Unicode";
}
input,button,select{
font:90% "Lucida Sans Unicode","Lucida Grande",Verdana,sans-serif;
}
input,select{
border:1px solid #a0b068;
margin:0 3px 3px 0;
padding:2px 0 0 3px;
color:#666;
line-height:16px;
height:16px;
vertical-align:middle;
}
input.btn{
margin:0;
padding:0;
border:0;
vertical-align:middle;
height:20px;
_height:20px;
}
input.button{
border:none;
width:70px;
padding:0 0 2px 0;
background:url(../images/but_grn-70px.gif);
color:#3c5904;
text-align:center;
height:20px;
vertical-align:middle;
}
input.button.big{
width:202px;
background:url(../images/but_grn-202px.gif);
}
input.button.med{
width:102px;
background:url(../images/but_grn-102px.gif);
}
li,form{
margin:0 0 0.5em 0;
}
p{
margin:0 0 1em 0;
font-size:100%;
line-height:1.4em;
}
p.newsheader{
margin-bottom:.5em;
font:normal 1.1em "Lucida Sans Unicode","Lucida Grande",Verdana,sans-serif;
font-weight:bold;
}
p.small{
font-size:80%;
}
table{
border:0;
margin:0 0 0.5em 0;
background:#fff;
}
table tr td,table tr th{
margin:1px;
border:0;
padding:3px;
background:#fff;
}
ul{
margin:0 0 1em 20px;
list-style:url(../images/bullet-greenarrow.gif);
}
.align-left{
float:left;
padding:0 1em 0 0;
}
.align-right{
float:right;
padding:0 1em 0 0;
}
/****
Box Styles
****/
.bluebox{
margin:10px 0 0 0;
padding:10px 0 0 0;
background:#f4f9fb url(../images/side_blue200-top.gif) top center no-repeat;
}
.bluebox .bottom{
background:url(../images/side_blue200-bot.gif) center bottom no-repeat;
height:15px;
}
.bluebox .item,.home #content .news-content{
color:#000000;
text-decoration:none;
}
.bluebox h2{
margin:0 0 0.5em 0;
color:#a00;
font:bold 120%/1.2em "Lucida Sans Unicode","Lucida Grande",Verdana,sans-serif;
}
.bluebox h3{
color:#000000;
}
/****
Structure - Inner Pages
****/
.default #content{
float:left;
width:370px;
margin:0 20px;
overflow:hidden;
}
/****
2 Column
****/
.default #content.span{
float:left;
width:590px;
margin:0;
margin:0 0 0 20px;
overflow:hidden;
}
.default #sidebar,
gala_2007 #sidebar,
gala_2008 #sidebar,
video_fibromoves #sidebar,
video_pain_bear #sidebar{
float:left;
width:200px;
}
/****
Sub Navigation
****/
.default #subnavi{
background:url(../images/subnav-mid.gif) center repeat-y;
}
.default #subnavi,
.gala_2007 #subnavi,
.gala_2008 #subnavi,
.video_fibromoves #subnavi,
.video_pain_bear #subnavi{
width:170px;
float:left;
}
.error{
color:#FF0000;
}
.form tr th,.form,.form tr td{
background:#fff;
}
/*Gala Template*/
.gala_2007 #content,
.gala_2008 #content,
.video_fibromoves #content,
.video_pain_bear #content{
float:left;
width:512px;
margin:0 20px;
overflow:hidden;
}
/****
Structure - Index Page
****/
.home #content{
clear:left;
width:460px;
padding:0 20px 0 0;
}
.home #content img{
margin:0 0 2em 0;
}
.home #header{
height:90px;
overflow:hidden;
position:relative;
}
.home #sidebar{
float:left;
width:300px;
}
.home #sidebar .redbox .bottom{
background:url(../images/side_red-bot.gif) center bottom no-repeat;
height:12px;
}
.home #sidebar .redbox .top{
background:url(../images/side_red-top.gif) center top no-repeat;
height:10px;
}
/****
Home Styles
****/
.home #sidebar div.redbox{
padding:0;
background:url(../images/side_red-mid.gif) center -2px repeat-y;
position:relative;
}
.home .bluebox{
margin:10px 0 0 0;
background:#f4f9fb url(../images/side_blue-top.gif) top center no-repeat;
position:relative;
}
.home .bluebox #rssbtn{
position:absolute;
right:5px;
top:13px;
}
.home .bluebox .bottom{
background:url(../images/side_blue-bot.gif) center bottom no-repeat;
height:20px;
}
.home .bluebox h2{
margin:0 0 0.5em 0;
color:#165e9a;
font:normal 140%/1.2em "Lucida Sans Unicode","Lucida Grande",Verdana,sans-serif;
}
.home .bluebox h3{
color:#5a8eb7;
font:bold 80%/1.2em "Lucida Sans Unicode","Lucida Grande",Verdana,sans-serif;
}
.home .bluebox table#buttons{
margin:0 0 0 7px;
padding:0;
border:0;
list-style:none outside;
list-style-image:none;
background:none;
}
.home .bluebox table#buttons td{
width:95px;
border:0;
text-align:center;
height:65px;
vertical-align:middle;
}
.home .bluebox table#buttons td a:link,
.home .bluebox table#buttons td a:visited{
color:white;
font:bold 90%/1em "Lucida Sans Unicode","Lucida Grande",Verdana,sans-serif;
}
.home .bluebox table#buttons td.one{
background:url(../images/helpbox-red.gif) center center no-repeat;
}
.home .bluebox table#buttons td.three{
background:url(../images/helpbox-green.gif) center center no-repeat;
}
.home .bluebox table#buttons td.two{
background:url(../images/helpbox-blue.gif) center center no-repeat;
}
.img-spacing{
padding:10px;
}
.redbox{
margin:10px 0 0 0;
padding:10px 0 0 0;
background:#c00 url(../images/side_red200-top.gif) top center no-repeat;
}
.redbox .bottom{
background:url(../images/side_red200-bot.gif) center bottom no-repeat;
height:15px;
}
.redbox a:link,.redbox a:visited{
color:white;
}
.redbox a:hover,.home .bluebox table#buttons td a:hover,.home #content h3,#footer ul ul li a{
text-decoration:none;
}
.wide #content{
width:570px;
margin:0 60px;
overflow:hidden;
}
.yellowbox{
margin:10px 0 0 0;
padding:10px 0 0 0;
background:#ffa url(../images/side_yel200-top.gif) top center no-repeat;
}
.yellowbox .bottom{
background:url(../images/side_yel200-bot.gif) center bottom no-repeat;
height:15px;
}
.yellowbox h2{
margin:0 0 0.5em 0;
color:#5a8eb7;
font:bold 120%/1.2em "Lucida Sans Unicode","Lucida Grande",Verdana,sans-serif;
}
/****
Breadcrumb
****/
#breadcrumb{
margin:10px 0 20px 0;
list-style:none;
overflow:hidden;
}
#breadcrumb li{
float:left;
padding:0 5px 0 8px;
background:url("../images/breadcrumb-bullet.gif") no-repeat left;
font-size:80%;
}
#breadcrumb li a{
}
#breadcrumb li a:hover{
}
#breadcrumb li.first{
padding-left:0;
background:none;
}
/* clinics */
#content .module-maps address{
margin:0.8em 0;
}
#content .module-search .record_nav{
padding:0.5em;
margin:2em 0;
background:#F1FAFF;
font-size:90%;
text-align:center;
position:relative;
}
#content .module-search .record_nav a.next{
float:right;
padding:0.25em;
}
#content .module-search .record_nav a.prev{
float:left;
padding:0.25em;
}
/****
SEARCH
****/
#content .module-search form{
text-align:center;
}
#content .module-search form input.button{
margin:0.5em;
display:inline;
vertical-align:middle;
}
#content .module-search form input.text{
float:none;
margin:0.5em;
display:inline;
vertical-align:middle;
}
#content .module-search ol.results{
border-top:solid 1px #eee;
list-style:none;
}
#content .module-search ol.results li{
padding:0.5em;
margin:0;
border-bottom:solid 1px #eee;
}
#content .module-search ol.results li.dark{
}
/****
Year Nav
****/
#content ul.yearnav{
margin:1em 0;
padding:0.4em;
clear:both;
list-style:none;
background:#ffb;
text-align:center;
overflow:hidden;
}
#content ul.yearnav li{
display:inline;
color:#999;
}
#content ul.yearnav li a{
padding:2px;
}
#content ul.yearnav li em{
color:#333;
font-weight:bold;
font-style:normal;
}
#content ul.yearnav li img{
vertical-align:middle;
}
/****
Footer
****/
#footer{
clear:left;
padding:2em 0;
position:relative;
min-height:15em;
}
#footer a:link,#footer a:visited,strong,b,#subnavi a:link,#subnavi a:visited{
color:#165e9a;
}
#footer a:hover{
color:#5a8eb7;
}
#footer h2{
border-bottom:1px solid #d9e7f2;
margin:0;
color:#165e9a;
font:bold 120%/1.2em "Lucida Sans Demibold Roman","Lucida Sans Unicode","Lucida Grande",Verdana,sans-serif;
}
#footer ul{
padding:8px;
margin:0;
list-style:none;
}
#footer ul a{
display:block;
*display:inline-block;
}
#footer ul li{
width:142px;
margin:0 10px 0 0;
padding:0;
float:left;
font:bold 90%/1.2em "Lucida Sans Unicode","Lucida Grande",Verdana,sans-serif;
}
#footer ul ul{
width:auto;
float:none;
margin:0;
padding:6px;
}
#footer ul ul a:hover{
color:#246;
background:#F4F9FB;
}
#footer ul ul li{
padding:2px 0;
border-bottom:solid 1px #eee;
width:100%;
font-weight:normal;
font-size:80%;
}
#footer ul.newsfeed{
float:right;
width:80px;
}
#footer ul.newsfeed li{
padding:0 0 0 15px;
font:normal 80% "Lucida Sans Unicode","Lucida Grande",Verdana,sans-serif;
position:relative;
}
#footer ul.newsfeed li img{
position:absolute;
top:2px;
left:0;
}
#header #logo{
float:left;
}
#header #navi li{
float:left;
margin:0 4px 0 0;
padding:5px 7px 0 7px;
list-style:none;
background:url(../images/navi-start.gif) top left no-repeat;
font-size:90%;
line-height:12px;
position:relative;/*For Absolute Placement of IMG*/
height:45px;
}
#header #navi li img{
position:absolute;
top:0;
right:0;
}
#header #navi li.help-centre{
background:url("../images/navi-help-start.gif") top left no-repeat;
}
#header #navi li.help-centre a:link,#header #navi li.help-centre a:visited{
color:#fff;
}
#header #navi li.help-centre a:hover{
color:#ffb;
}
#header #navi li.right{
}
/****
Top Navigation
****/
#header #navi,#header #search{
padding:60px 0 0 0;
}
#header #search{
position:absolute;
right:0;
top:-30px;
}
#header #fb{
position:absolute;
right:192px;
top:28px;	
}
#header #search input.text{
width:100px;
_width:94px;/*IEHACK*/
}
#header h1{
margin:0.75em 0 0 0;
float:left;
color:#165e9a;
font:normal 1.7em "Lucida Sans Unicode","Lucida Grande",Verdana,sans-serif;
}
#header h1.french{
margin:10px 0 0 0;
float:left;
color:#165e9a;
font:normal 28px/0.8em "Lucida Sans Unicode","Lucida Grande",Verdana,sans-serif;
}
#header ul#navi{
position:absolute;
top:0;
left:120px;
}
/****
Newsletter
****/
#newsletter{
text-align:left;
}
#newsletter #newsletter-signup-email{
width:190px;
padding:2px;
background:url("../images/newsletter_bkg.gif") repeat-x bottom;
}
#newsletter h4{
margin:0;
padding:0;
}
#sidebar .redbox h2{
color:white;
/*Line height needs to be 50px for Background*/
font:normal 130%/1.5em "Lucida Sans Unicode","Lucida Grande",Verdana,sans-serif;
}
#sidebar .redbox h3{
border-top:1px solid #aa0000;
padding-top:4px;
color:#fff568;
font:normal 120%/1.2em "Lucida Sans Unicode","Lucida Grande",Verdana,sans-serif;
}
#sidebar .redbox h6{
margin:0 0 1em;
}
#sidebar .redbox p{
margin:10px;
}
#sidebar .redbox span.moreinfo{
position:absolute;
top:15px;
right:10px;
}
/* The followin code pads ALL Sidebar Elements within DIVs...
This of course means you can't nest any additional levels of 
DIVs within the current set...but I can't see why you'd need 
to...*/
#sidebar div h1,#sidebar div h2,#sidebar div h3,
#sidebar div h4,#sidebar div h5,#sidebar div h6,
#sidebar div p,#sidebar div ol,#sidebar div ul,
#sidebar div form,#sidebar div img{
padding:0 10px;
}
#subnavi a:hover{
color:#5a8eb7;
background:#fff;
}
#subnavi div.bottom{
background:url(../images/subnav-bot.gif) center bottom no-repeat;
}
#subnavi div.top{
background:url(../images/subnav-top.gif) center top no-repeat;
}
#subnavi ul{
margin:0 7px;
border-bottom:solid 1px #d4e6ea;
list-style:none;
list-style-image:none;
}
#subnavi ul li{
padding:3px 3px 1px;
border-top:solid 1px #d4e6ea;
font:normal 100%/1.3em "Lucida Sans Unicode","Lucida Grande",Verdana,sans-serif;
}
#subnavi ul li.selected a{
background:#ffb;
}
#wrapper{
width:780px;
margin:0 auto;
text-align:left;/*IEHACK*/
}
#wrapper #content{
float:left;
overflow:hidden;
}
/****
Page Header
****/
#wrapper #header{
height:120px;
overflow:hidden;
position:relative;
}
#wrapper.search #subnavi,#footer ul ul ul{
display:none;
}
.npaw-events-2008 a{
white-space: normal;
}
.npaw-events-2008 table{
width: 550px;
margin-top: 12px;
margin-bottom: 12px;
padding-top: 4px;
padding-bottom: 4px;
}
.npaw-events-2008 td{
padding: 2px 4px 2px 8px;
white-space: normal;
vertical-align: top;
background-color: #f5f5f5;
border: 1px solid #ffffff;
line-height: 135%;
}
.npaw-events-2008 strong{
width: 125px;
}