/*
-----------------------------------------------
St. Joseph's General Hospital - http://www.stjosephs-comox.org/
author:   Logistica Systems
version:  26.09.2005
----------------------------------------------- */

/* Colours

drk blue #337199
lt blue  #73A0BD
----------------------------------------------- */


@import url("/css/nav.css");

/* Generic Rules
----------------------------------------------- */


html,body,td,li {
	font: normal 13px arial, Helvetica, sans-serif;
	color: #333;
}

body	{
	margin: 0;
	padding: 0;
}


h1 {
	font: normal bold 12pt arial, Helvetica, sans-serif;
	color: #2E536B; /* grey blue*/
	margin: 0 0 .5em 0;
}

h2 {
	font: bold 11pt arial, Helvetica, sans-serif;
	color: #333; /* drk drk grey*/
	margin: 1em 0 .5em 0;
}

h3 {
	font: bold 13pt arial, Helvetica, sans-serif;
	color: #2F6C64; /* drk green*/
	margin: 1em 0 0 0;
	text-align: left;
}

h4 {
	font: bold 11pt arial, Helvetica, sans-serif;
	color: #337199; /* blue*/
	margin: 0 0 .5em 0;
	text-align: left;
}


p {
	font: normal 13px/125% arial, Helvetica, sans-serif;
	color: #333;
	margin-bottom: .75em;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
}

p.credit{
	font: normal 10px arial, Helvetica, sans-serif;
	color: #404040;
	margin:0; 
	padding:0;
}

p.REVIEW {
	font: bold italic 13px/125% arial, Helvetica, sans-serif;
	color: RED;
	margin-bottom: .75em;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
}

p.home_info {
	font: normal 12px/115% arial, Helvetica, sans-serif;
	color: #333;
	text-align:left;
	margin-left: 10px;
	margin-bottom: 5px;
}






table.top_banner {
	background-image: url(/images/banner_bg.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}

table.main_nav  {
	background-color: #337199;
	background-image: url(/images/nav_bg.jpg);
	background-repeat: repeat-y;
	background-position: left top;
	
}

table.bottom{
	background-color: #337199;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000; 
	background-image: url(/images/nav_bg.jpg);
	background-repeat: repeat-y;
	background-position: left top;
}

table.border		{border: 2px solid #666; background-color: #FAFAFA;}

table.art			{border: 1px solid #999; margin-left: 1em; margin-bottom: .5em;}

table.imgpad_left	{margin-left: .5em; margin-bottom: 1em;}

table.photos img	{border: 1px solid #337199;}

td.horz_brdr		{background-color: #000;}

td.content {
	border-left: 1px solid #CCCCCC;
	text-align:justify;
	padding: 10px 0 15px 15px;
}

td.content_home {
	
	padding: 0 12px 0 12px;
}

td.left_column	{background-color: #F1F1F1;} 

td.comments		{font: normal 11px arial, Helvetica, sans-serif; color: #404040;  padding-top:0;}

td.col_separator	{border-bottom: 1px dashed #666; padding-bottom: 1em;}


ul,ol {margin-top:.5em;}

li {line-height:140%; text-align:left;}

ul.list li {padding-bottom: 6px}

/* Misc */

.small			{font-size: 10px; color:#C80000; }
.small2			{font-size: 11px; color:#FFFFFF; }
.small3			{font-size: 11px; color:#333333; }

.imgcaption		{font-size: 11px;}

.box {padding:1em; background-color:#EBEBEB; border: 1px solid #999;}

.home-butts {padding-bottom:5px;}

/* hot topic */
.hot_topic_box {border: 1px solid #337199; width: 210px; padding:0 5px 5px 5px; text-align:left; overflow:hidden;}

p.hot_topic {
	font: normal 12px/130% arial, Helvetica, sans-serif;
	color: #333;
	text-align:left;

}


div.special_news p  {
	
	font: normal 14px/130% arial, Helvetica, sans-serif;

}


p.news_header {
	font-size:120%;
	font-weight:bold;
	padding:5px; 
	background-color:#9bd8ff;

}



.pdf_list a[href $='.pdf'] { 
   padding-right: 25px;
   background: transparent url(images/doc_pdf.png) no-repeat center right;
}

a[icon ^='external'] { 
   padding-right: 25px;
   background: transparent url(images/icon_external.gif) no-repeat center right;
}


img.basic		{border: 1px solid #666;}
img.padright	{margin-right: 1em; margin-bottom: .5em; border: 1px solid #666;}
img.padrightnb	{margin-right: 1em; margin-bottom: .5em;}
img.padleft		{margin-left: 1em; margin-bottom: .5em; border: 1px solid #666;}
img.padleftnb	{margin-left: 1em; margin-bottom: .5em;}

img.column_pic	{border-bottom: 1px solid #ccc; margin-bottom: .5em;}

.column_bott_bdr {border-bottom: 1px solid #ccc; } /* home page */

/* Text Sizer */
a.text_links			{font-size: 12px; font-family: arial, Helvetica, sans-serif; text-decoration: underline;}
a.text_links:link		{color: #FFF; text-decoration: underline;}
a.text_links:visited	{color: #FFF; text-decoration: underline;}
a.text_links:hover		{color: #000;	text-decoration: none; background-color:#DBE9F0;}

/* Vert Nav Link */
a.nav_link			{font-size: 12px; font-family: arial, Helvetica, sans-serif; text-decoration: underline;}
a.nav_link:link		{color: #337199; text-decoration: underline;}
a.nav_link:visited	{color: #337199; text-decoration: underline;}
a.nav_link:hover	{color: #333; text-decoration: underline; padding-left: 0.2em;}

/* Bread Crumb Horz Navigation*/
a.breadcrumb, span.breadcrumb	{font-size: 8pt; font-family: arial, Helvetica, sans-serif; text-decoration: none;}
a.breadcrumb:link		{color: #666 ; text-decoration: underline;}
a.breadcrumb:visited	{color: #666 ; text-decoration: underline;}
a.breadcrumb:hover		{color: #333 ; text-decoration: none;}


/* Generic Link*/
a.link			{font-size: 13px; text-decoration: underline;}
a.link:link		{color: #003399; text-decoration: underline;}
a.link:visited	{color: #003399; text-decoration: underline; }
a.link:hover	{color: #000000; background-color:#FFFFCC; text-decoration: underline}

/* Generic Link 2*/
a.link2			{font-size: 8pt; text-decoration: none;}
a.link2:link	{color: #666; text-decoration: none;}
a.link2:visited	{color: #666; text-decoration: none; }
a.link2:hover	{color: #333; background-color:#FFFFCC; text-decoration: none}

/* Generic Link 3*/
a.link3			{font-size: 9pt; text-decoration: none;}
a.link3:link	{color: #003399; text-decoration: none;}
a.link3:visited	{color: #003399; text-decoration: none; }
a.link3:hover	{color: #333; background-color:#FFFFCC; text-decoration: none}

/* Links Page */
a.link4			{font-size: 13px; text-decoration: none;}
a.link4:link	{color: #003399; text-decoration: none;}
a.link4:visited	{color: #003399; text-decoration: none; }
a.link4:hover	{color: #000000; background-color:#FFFFCC; text-decoration: none}

/* Schedules Page */
a.link5			{font-size: 13px; color: #337199; text-decoration: none; }
a.link5:link	{color: #337199; text-decoration: none; }
a.link5:visited	{color: #337199; text-decoration: none; }
a.link5:hover	{color: #337199; text-decoration: underline; }


/* Hot topic links */
a.link6			{font-size: 11px; color: #337199; text-decoration: none; font-weight:bold; }
a.link6:link	{color: #337199; text-decoration: none; }
a.link6:visited	{color: #337199; text-decoration: none; }
a.link6:hover	{color: #337199; text-decoration: underline; }

/* CHECK LINK*/
a.check			{color: RED; font-size: 14px; text-decoration: none;}
a.check:link	{color: RED; text-decoration: none;}
a.check:visited	{color: RED; text-decoration: none; }
a.check:hover	{color: RED; background-color:#FFFFCC; text-decoration: none}




/* Listing Dynamic Data */
td.row_underline	{border-bottom: 2px solid #999;}
tr.row_color		{background-color:#EFEFEF; }

.listing_number
{
width:130px;
}


/* Form Formatting */

.form_style {
font: 12px arial, Helvetica, sans-serif; text-align:left;
}

input.textfield {
color: #000;
background: #FAFAFA;
border: 1px solid #999999;
}

textarea {
color: #000;
background: #FAFAFA;
border: 1px solid #999999;
}

input.button {
color: #FFF;
background: #337199;
border: 2px outset #CCC;
font-weight:  bold;
} 

.form_message {
color: #0099FF;
font-weight:  bold;

}

/* TABLE */

div#itsthetable{
	font-family: Helvetica, Arial, "Franklin Gothic Medium", sans-serif;
}

#itsthetable table{
	border-collapse: collapse;
	text-align:left;
	width: 600px;
	border-bottom: 2px solid #666;
}

.rowtop {	
	background-color:#999;
	border-top: 2px solid #666;
	border-bottom: 2px solid #666;
}

.rowtop  td{	
	color: #FFF;
	font-weight:bold;
}

.row1 {
background-color:#f5f5f5;
border-top: 1px solid #999;
}

#itsthetable td {
	padding:5px 20px;
}



/* Board Members Box*/

.bod_box {
	width:150px;
	overflow:hidden;
	border: #e5e5e5;
	float:left;
	text-align:center;
	color: #666;
	border: 1px solid #ccc;
	margin-right:15px;
	margin-bottom:15px;
	padding:10px;
	
	background-color:#f9f9f9;
}

.bod_box img {padding-bottom:5px;}


/* Legal Classes */
td.copyright	{font-size: 9px; color: #999; font-family: Verdana, arial, sans-serif; }

a.logistica				{font-size: 9px; color: #999; font-family: Verdana, arial, sans-serif; text-decoration: none;}
a.logistica:link		{color: #999;}
a.logistica:visited		{color: #999;}
a.logistica:hover		{color: #999; text-decoration: underline;font-weight: normal; }



/*css3 Box */
.rounded_box {
	border: 1px solid #999999;
	padding: 20px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	background: #E3E3E3;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#E3E3E3), to(#F7F7F7));
	background: -webkit-linear-gradient(#E3E3E3, #F7F7F7);
	background: -moz-linear-gradient(#E3E3E3, #F7F7F7);
	background: -ms-linear-gradient(#E3E3E3, #F7F7F7);
	background: -o-linear-gradient(#E3E3E3, #F7F7F7);
	background: linear-gradient(#E3E3E3, #F7F7F7);
	-pie-background: linear-gradient(#E3E3E3, #F7F7F7);
	behavior: url(/pie/PIE.htc);


}

.width_500 {

	width:500px;
}

.width_300 {

	width:300px;
}

.width_200 {

	width:200px;
}

/* CONTENT SEPERATORS */
.ContentSeperator_dark
{
    height: 1px;
    width: 600px;
    clear: both;
    background-color: #999;
    margin: 10px 0 15px 0 ;
}