/* Calgary Health Region style sheet */

/***********************************************/
/* BASE                                        */
/***********************************************/


html, body {
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font: 100%;	
color: #000000;
line-height: 1.166;	
margin: 0px;
padding: 0px;
background-color: #ffffff;
}


/******* HYPERLINK *******/

a:link, a:visited {
text-decoration: underline; 
color: #3366cc;
}
	
a:hover {
text-decoration: none; 
color: #cc6600;
}


/************** HEADERS **************/

h1{
font: bold 120% Verdana,sans-serif;
text-transform: uppercase;
color: #cc6600;
margin: 0px;
padding: 0px;
}

h2{
font: bold 114% Verdana,sans-serif;
color: #cc6600;
margin: 0px;
padding: 0px;
}

h3{
font: bold 100% Verdana,sans-serif;
color: #334d55;
margin: 0px;
padding: 0px;
}

h4{
font: 100% Verdana,sans-serif;
color: #333333;
margin: 0px;
padding: 0px;
}

h5{
font: 100% Verdana,sans-serif;
color: #334d55;
margin: 0px;
padding: 0px;
}





/*************** LIST TAG ***************/

ul{
list-style-type: square;
}

ul ul{
list-style-type: disc;
}

ul ul ul{
list-style-type: none;
}


/********* FORMS *********/

form {
margin: 0;
padding: 0;
}

label{
font: bold 1em Arial,sans-serif;
color: #334d55;
}
				
input{
font-family: Arial,sans-serif;
}


/***********************************************/
/* LAYOUT DIVS                                */
/***********************************************/

#sidenav{
float: left;
width:178px;
padding: 0px;
background-color: #F5f7f7;
border-right: 1px solid #cccccc;
border-bottom: 1px solid #cccccc;
font: small Verdana,sans-serif;
}

#content{
padding: 0px 10px 0px 0px;
margin:0px 0px 0px 10px;
}

#footer{
padding: 0px 10px 0px 0px;
margin:0px 0px 0px 10px;
}

#pagecell1{
position:absolute;
top: 112px;
left: 2%;
right: 2%;
width:95.6%;
background-color: #ffffff;
}


/***********************************************/
/* LEFT NAVIGATION                             */
/***********************************************/


ul#navlist li a,ul#subnavlist li a{
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 12px;
text-decoration: none;
}

div#navcontainer
{
width: 206px;
background: #fff;
padding: 0px;
}

/************** NAV LIST **************/

ul#navlist
{
list-style-type: none;
margin: 0;
padding: 0;
}

ul#navlist li { display: inline; }

ul#navlist li a{
color: #fff;
display: block;
background: #5788d7;
padding: 2px 0 2px 10px;
border-top: solid 1px #fff;
width: 196px;
}


/* IE style \*/ 
* html #navlist li a  
{ 
color: #fff;
display: block;
background: #5788d7;
margin: 0 0 0 0px;
padding: 2px 0 2px 10px;
border-top: solid 1px #fff;
width: 206px; 
} 
/* IE style */ 



ul#navlist li a:hover { background: #4466bb; }

ul#navlist li a#current{
color: #fff;
font-weight:bold;
background: #5788d7;
}

/************** SUB NAV LIST **************/

ul#subnavlist{
margin: 0 0 0 0px;
list-style-type: none;
padding: 0;
}

ul#subnavlist li { display: inline; }

ul#subnavlist li a
{
display: block;
color: #666;
background: #D2DFF4;
padding: 2px 0 2px 20px;
border-top: solid 1px #fff;
height: auto;
width: 186px;
}


/* IE style \*/ 
* html #subnavlist li a  
{
display: block;
color: #666;
background: #D2DFF4;
padding: 2px 0 2px 20px;
border-top: solid 1px #fff;
height: auto;
width: 206px;
} 
/* IE style */ 



ul#subnavlist li a:hover { background: #CACACA; }

ul#navlist li a#subcurrent{
color: #999;
background: #ddd;
}

ul#navlist li a:hover#suvcurrent { background: #ddd; }




/***********************************************/
/* CONTENT AREA                                */
/***********************************************/


#content a {
text-decoration: underline; 
color: #3366cc;
}
	
#content a:hover {
text-decoration: none; 
color: #cc6600;
}

#content p {
font-size: 80%;
margin: 0px;
padding-left:0px; 
padding-right:0px; 
padding-top:0px; 
padding-bottom:8px
}

#content dl {
font-size: 80%;
margin: 0px;
padding-left:0px; 
padding-right:0px; 
padding-top:0px; 
padding-bottom:8px
}

#content dt {
color: #cc6600;
margin: 0px;
padding-left:0px; 
padding-right:0px; 
padding-top:0px; 
padding-bottom:8px
}

#content dd {
padding-bottom:10px
}

#content p.nav {
font-size: 80%;
margin: 0px;
padding-left:0px; 
padding-right:0px; 
padding-top:0px; 
padding-bottom:5px
}

#content p.note {
color: #cc6600;
margin: 10px;
padding-left:0px; 
padding-right:0px; 
padding-top:0px; 
padding-bottom:0px;
font: 80%
}

#content p.alert {
color: #FF0000;
margin: 10px;
padding-left:0px; 
padding-right:0px; 
padding-top:0px; 
padding-bottom:0px;
font: 60%
}

#content p.source {
text-align: right;
}

#content p.sig { 
color: #666666;
font-style:normal; 
font-variant:normal; 
font-weight:bold; 
font-size:70%; 
text-align:left
margin: 0px;
padding-left:20px; 
padding-right:0px; 
padding-top:0px; 
padding-bottom:10px;
}

#content p.question { 
color: #666666;
font-style:normal; 
font-variant:normal; 
font-weight:bold; 
text-align:left
margin: 0px;
padding-left:0px; 
padding-right:0px; 
padding-top:0px; 
padding-bottom:10px;
}

#content p.answer { 
color: #666666;
font-style:normal; 
font-variant:normal; 
font-weight:normal; 
text-align:left
margin: 0px;
padding-left:20px; 
padding-right:0px; 
padding-top:0px; 
padding-bottom:10px;
}

#content ul.answer { 
color: #666666;
font-style:normal; 
font-variant:normal; 
font-weight:normal; 
text-align:left
margin: 0px;
padding-left:35px; 
padding-right:0px; 
padding-top:0px; 
padding-bottom:10px;
}

#content ol.answer { 
color: #666666;
font-style:normal; 
font-variant:normal; 
font-weight:normal; 
text-align:left
margin: 0px;
padding-left:35px; 
padding-right:0px; 
padding-top:0px; 
padding-bottom:10px;
}

#content ul {
list-style-type:square; 
margin: 0px;
padding-left:15px; 
padding-right:0px; 
padding-top:0px; 
padding-bottom:10px
}

#content ul.nest {
list-style-type:square; 
font-size: 120%;
margin: 0px;
padding-left:35px; 
padding-right:0px; 
padding-top:5px; 
padding-bottom:0px
}

#content li {
padding-bottom: 3px;
font-size: 80%;
}

#content h1{
font: 125% Verdana,sans-serif;
text-transform: uppercase;
color: #191970;
margin: 0px;
padding-left:0px; 
padding-right:0px; 
padding-top:3px; 
padding-bottom:3px
}

#content h2{
font: 125% georgia, serif;
color: #c16102;
padding-left:0px; 
padding-right:0px; 
padding-top:0px; 
padding-bottom:5px
}

#content h3{
font: bold 90% Verdana,sans-serif;
color: #003366;
padding-left:0px; 
padding-right:0px; 
padding-top:10px; 
padding-bottom:5px
}

#content h4{
font: bold 80% Verdana,sans-serif;
color: #4d4d4f;
padding-left:0px; 
padding-right:0px; 
padding-top:5px; 
padding-bottom:5px
}

#content h5{
font: bold 80% Verdana,sans-serif;
color: #cc8768;
padding-left:0px; 
padding-right:0px; 
padding-top:5px; 
padding-bottom:5px
}

#content hr {
border: none 0;
border-top: 1px dashed #cccccc;/*the border*/
color: #cccccc;
background-color: #cccccc;
height: 1px;
width: 100%;
text-align: left;
margin: 0px;
padding-left:0px; 
padding-right:0px; 
padding-top:0px; 
padding-bottom:0px;
clear: both
}



#content p.name{
font: bold 70% Verdana,sans-serif;
color: #cc8768;
padding-left:0px; 
padding-right:0px; 
padding-top:5px; 
padding-bottom:0px
}

#content p.phone{
font: 80% Verdana,sans-serif;
color: #cc8768;
padding-left:10px; 
padding-right:0px; 
padding-top:0px; 
padding-bottom:5px
}

#content p.address{
font: 80% Verdana,sans-serif;
color: #666;
padding-left:10px; 
padding-right:0px; 
padding-top:0px; 
padding-bottom:5px
}

#content p.book{
font: 90% Verdana,sans-serif;
color: #996600;
padding-left:0px; 
padding-right:0px; 
padding-top:0px; 
padding-bottom:0px
}

#content p.author{
font: 80% Verdana,sans-serif;
color: #000;
padding-left:5px; 
padding-right:0px; 
padding-top:0px; 
padding-bottom:5px
}

#content table.stand {
font-size: 80%
}
#content th.stand {
float: left;
font: bold;
color: #000;
background: #cccccc
}

#content p.right{
float: right;
clear: both
}

#boxinfo { 
background:#FAFAD2;
font: 12px;
border:1px solid #cccccc;
width: 240px;
padding: 5px 5px 5px 5px;
margin: 5px 5px 5px 5px; 
}


/***********************************************/
/* 3RD COLUMN                                  */
/***********************************************/

#linkList { 
background:#F5F5DC;
width: 150px;
top: 0px; 
right: 0px;
margin: 10px 0px 0px 0px; 
}	
	
#linkList2 { 
font: 10px verdana, sans-serif; 
background:#FAFAD2;
border:1px solid #cccccc; 
padding: 10px; 
}

#linkList p {
letter-spacing: 0px;
font-weight: normal;
margin: 0px 0px 5px 0px;
}
	
#linkList h2 {  
font: italic 13pt georgia, serif;
letter-spacing: 0px;
color: #191970;
font-weight: normal;
margin: 10px 0px 5px 0px;  
}		

#linkList ul {
margin: 0px;
padding: 0px;
}

#linkList li {
line-height: 2.5ex; 
list-style-type: none;
display: block; 
padding-top: 5px; 
margin-bottom: 5px;
border-top: 1px solid #CCC;
}

#linkList li a { 
text-decoration: none; 
color: #cc6600;
}
	
#linkList li a:hover { 
text-decoration: underline; 
color: #999999;
}

#linkList li a:active {  
color: #cc6600;
}
	

/***********************************************/
/* FEATURE BOX                                 */
/***********************************************/

#feature { 
background:#ffffff;
width: 160px;
margin: 0px 0px 0px 0px;
padding-left:10px; 
padding-right:0px; 
padding-top:10px; 
padding-bottom:0px 
}	
	
#feature2 { 
font: 10px verdana, sans-serif; 
background:#e1eaf9;
border:1px solid #191970; 
padding: 10px; 
}
	
#feature h2 {  
font: italic 13pt georgia, serif;
letter-spacing: 0px;
color: #191970;
font-weight: normal;
margin: 3px 0px 3px 0px;  
}		

#feature ul {
margin: 0px;
padding: 0px;
}

#feature li {
line-height: 2.5ex; 
list-style-type: none;
display: block; 
padding-top: 5px; 
margin-bottom: 5px;
border-top: 1px solid #191970;
}

#feature li a { 
text-decoration: none; 
color: #cc6600;
}
	
#feature li a:hover { 
text-decoration: underline; 
color: #cc6600;
}

#feature li a:active {  
color: #cc6600;
}	
	
	
/***********************************************/
/* FOOTER                                      */
/***********************************************/

#footer p {
margin: 0px 0px 10px 0px;
padding: 0px 0px 0px 0px;
font-size: 70%;
}

#footer p.update {
float: right;
margin: 0px;
padding: 0px;
font-size: 70%; 
font-style:italic	
}

#footer hr {
border: none 0;
border-top: 1px dashed #cccccc;/*the border*/
color: #cccccc;
background-color: #cccccc;
height: 1px;
width: 100%;
text-align: left;
}



/***********************************************/
/* OTHER STUFF                                 */
/***********************************************/


/*************** SEARCH BOX *****************/

#search{
position: absolute;
top: 5px;
right: 10px;
z-index: 101;
}

#search input{
font-size: 70%;
margin: 0px  0px 0px 10px;
 }
 
#search a:link, #search a:visited {
font-size: 80%;
font-weight: bold;
	
}

#search a:hover{
margin: 0px;
}


/********************* END **********************/

/***********************************************/
/* Automatic Header    - Added by Michael      */
/***********************************************/

#headernavlist p{
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 12px;
text-decoration: none;
color: #fff;
margin: 2px 0px -12px 0px;
}

#headernavlist p a{
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 12px;
text-decoration: none;
color: #fff;
margin: 2px 0px -12px 0px;
}

#headernavlist p a:hover { background: #4466bb; }


/******************* Secondary Nav *********************/

#headernavlist2 p a{
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 12px;
text-decoration: underline; 
color: #3366cc;
margin: 2px 0px -12px 0px;
}

#headernavlist2 p a:hover { 
text-decoration: none; 
color: #cc6600; 
}

#headernavlist2 form {
margin: 0px 0px 5px 0px;
}



#CPContent td  {
font: Verdana, Geneva, Arial, Helvetica, sans-serif;  
font-size: 95%;  
}

#CPContent h2  { 
font: Verdana, Geneva, Arial, Helvetica, sans-serif; 
font-size: 150%;  
}


span.paper {
font-size: 80%;
color: #999;
font-style: italic;
}

/***********************************************/
/************** CLICK NAV **********************/
/***********************************************/


#clicknav {
font-size: 80%;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

#clicknav, #clicknav ul, #clicknav li {
margin: 0;
padding: 0;
list-style: none;
}


#clicknav a {
display: block;
height: 1.2em;
padding: 0.25em;
text-decoration: none;
}


/* IE style \*/ 
* html #clicknav a.span  
{ 
margin: 0px 0px -3px 0px;
padding: 3px 3px 3px 3px;
display: block;
position: relative;
 
} 
/* IE style */ 


#clicknav a.span {
color: #fff;
background-color: #5788d7;
margin: 0px 0px 0px 0px;
padding: 3px 3px 3px 3px;
display: block;
position: relative;
}

#clicknav a.span:hover {
color: #fff;
background-color: #993300;
}

#clicknav a.span img {
position: absolute;
top: 3px;
right: 3px;
border: 0;
}

#clicknav li {
border: thin solid white;
clear: both;
}

#clicknav li ul li {
border: none;
}

#clicknav li ul li a {
color: #666;
border-top: solid 1px #fff;
background-color: #D1DBE5;
}

#clicknav li ul li a:hover {
color: black;
background-color: #b2cce5;
}