/*
-----------------------------------------------
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: #E8E8E8;} 

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 {line-height:160%;}

/* 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;}

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

}

.hot_topic_box {border: 1px solid #337199; width: 160px; padding:0 5px 5px 5px; text-align:left;}


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;

}



/* 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; }