/* WEB COLORS

red accents: #db423d
dark blue border: #004A83
text color: #004A83
top navigation color: #B6C4E4
*/

/* start OVERALL styles*/
* { padding: 0;
margin: 0; 
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
}
body {
background: #FFFFFF;
}
h1{
font-size:13px;
text-align:center;
padding: 8px 0;
}
h1 a{
color:#db423d; 
background-color:inherit; 
line-height:18px; 
font-weight:800; 
text-decoration:none; 
text-transform:uppercase; 
font-size:11px;
}
h1 a:hover{
color:#db423d; 
background-color:inherit; 
line-height:18px; 
font-weight:800; 
text-decoration:underline;
}
#wrapper { 
 margin: 0 auto;
 width: auto;
 height: auto;
}
#header {
 color: #333;
 width: 850px;
 padding: 10px;
 height: 70px;
 background:#FFFFFF;
} 
#header p{
margin: 0; 
padding:25px 50px 10px 10px; 
font-size:13px; 
line-height:20px; 
color:#004A83; 
background-color:inherit;
}
#header p a{
color:#db423d; 
background-color:inherit; 
line-height:18px; 
font-weight:800; 
text-decoration:none; 
text-transform:uppercase; 
font-size:12px;
}
#header p a:hover{
color:#db423d; 
background-color:inherit; 
line-height:18px; 
font-weight:800; 
text-decoration:underline;
text-transform:uppercase; 
font-size:12px;
}
.red_color{
color:#db423d; 
background-color:inherit; 
line-height:18px;} /*color of the headings taken from RED of logo*/ 

/* start ACCENT styles*/
.red_caps{
color:#db423d; 
background-color:inherit; 
line-height:18px; 
text-transform:uppercase;
font-size:12px;
} 
.red_bold{
color:#db423d; 
background-color:inherit; 
line-height:18px; 
text-transform:uppercase;
font-size:12px; 
font-weight:bold;
}   
.topinfo {
margin: 0; 
padding:0px 0px 10px 490px; 
font-size:13px; 
color:#004A83; 
}
#navigation {
 float: left;
 width: 792px;
 color: #004A83;
 border: none;
 margin: 0;
 background-color:#FFFFFF;
 height: 22px; 
 padding: 5px 8px;
}
#navigation a{
color:#004A83; 
text-decoration: none;
padding: 0 14px;
font-size:11px;
text-transform:uppercase;
font-weight:500;
}
#navigation a:hover{ 
color:#db423d; 
text-decoration: underline;
}
p{
 line-height: 16px; 
 padding: 5px;
 text-align:justify;
 } 
.column {
margin:0;
padding:5px 0;
text-transform:uppercase;
text-align:right;
} 
.column a{
color:#004A83; 
padding: 0 0 0 5px;
font-size:11px;
text-decoration: none;
font-size:11px;
font-weight:500;
}
#column a:hover{ 
color:#db423d; 
text-decoration: underline;
}
/* start HOME page images */
#leftcolumn { 
 color: #004A83;
 border-right: 1px solid #004A83;
 border-bottom:none;
 background:#F3F2ED;
 margin: 0;
 padding: 10px;
 height: auto;
 width: 183px;
 float: left;
}
#leftmiddle { 
 color: #004A83;
 border-right: 1px solid #004A83;
 background:#B6C4E4; 
 margin: 0;
 padding: 10px;
 height: auto;
 width: 180px;
 float: left;
}
#rightmiddle { 
 color: #004A83;
 border-right: 1px solid #004A83;
 background:#F3F2ED;
 margin: 0;
 padding: 10px;
 height: auto;
 width: 180px;
 float: left;
}
#rightcolumn { 
 color: #004A83;
 background:#B6C4E4;
 margin: 0;
 padding: 10px;
 height: auto;
  width: 182px;
 float: left;
}
#leftcolumnbottom { 
 color: #004A83;
 border-right: 1px solid #004A83;
 border-bottom:none;
 background:#B6C4E4;
 margin: 0;
 padding: 10px;
 height: auto;
 width: 183px;
 float: left;
 border-top: 1px solid #004A83;
}
#leftmiddlebottom { 
 color: #004A83;
 border-right: 1px solid #004A83;
 background:#F3F2ED; 
 margin: 0;
 padding: 10px;
 height: auto;
 width: 180px;
 float: left;
 border-top: 1px solid #004A83;
}
#rightmiddlebottom { 
 color: #004A83;
 border-right: 1px solid #004A83;
 background:#B6C4E4;
 margin: 0;
 padding: 10px;
 height: auto;
 width: 180px;
 float: left;
 border-top: 1px solid #004A83;
}
#rightcolumnbottom { 
 color: #004A83;
 background:#F3F2ED;
 margin: 0;
 padding: 10px;
 height: auto;
 width: 182px;
 float: left;
 border-top: 1px solid #004A83;
}
/* end HOME page images */
/*start navigation within content such as DENTAL pages*/
#navigation-content {
 float: left;
 width: 583px;
 color: #004A83;
 border: none;
/* border-left: 1px solid #004A83;  
 border-right: 1px solid #004A83;   */
 margin: 0;
 background-color:#FFFFFF;
 height: 22px; 
 padding: 10px 0 10px 5px;
}
#navigation-content a{
color:#004A83; 
text-decoration: none;
padding: 5px;
font-size:11px;
text-transform:uppercase;
font-weight:500;
}
#navigation-content a:hover{ 
color:#db423d; 
text-decoration: underline;
}
/*end navigation within content such as DENTAL pages*/
/* end NAVIGATION styles*/
/* start MIDDLE CONTENT styles (this middle content includes a photo and a description of the pages*/
#contentmiddle { 
 display:none;
float: none !important;
}
/* end MIDDLE CONTENT styles (this middle content includes a photo and a description of the pages*/
/* start RIGHT CONTENT styles (this contains all the written content)*/
#contentright { 
 color: #004A83;
 border:none;
 margin: 10px;
 padding: 10px;
 height: auto;
 width: auto;
 float: left;
 font-size:11px;
 line-height: 24px;
}
#contentright p{ 
padding: 5px 10px;
margin: 0; 
}
#contentright p a{ 
font-size:12px;
color: #004A83;
text-decoration:underline; 
background: #ffffff;
font-weight:200;
}
#contentright p a:hover{ 
text-decoration:none;
color: #db423d;
}
#contentright h1{ 
padding: 5px 10px;
margin: 0; 
font-size:13px;
text-align:left;
text-transform:uppercase;
color: #db423d;
}
#contentright h2{ 
padding: 5px 10px;
margin: 0; 
font-size:13px;
text-align:left;
color: #004A83;
}
#contentright ul{
margin:0; 
padding:5px; 
list-style-type:none;
background: #ffffff;
color:#004A83; 
line-height:18px;
font-weight:normal;
}
#contentright li
{
margin:0;
padding:5px;
background: #fff;
}
#contentright li a{ 
font-size:11px;
text-transform:uppercase; 
color: #db423d;
text-decoration:underline; 
background: #ffffff;
font-weight:200;
}
/* end RIGHT CONTENT styles (this contains all the written content)*/
#footer { 
 width: auto;
 clear: both;
 color: #004A83;
 border-top: 2px solid #004A83; 
 background-color:#F3F2ED;
 margin: 0px 0px 10px 0px;
 padding: 10px;
 text-align:right;
 font-size:11px;
 text-transform:uppercase; 
}
#footer a{ 
 font-size:11px;
 text-transform:uppercase; 
 color: #004A83;
 text-decoration:none; 
}
#courselist{
 width: auto;
 background: none;
 font-weight:200;
 font-size:10px;
 color: #db423d;
 margin: 0;
 padding: 10px 10px 20px 10px;
}
#courselist a{
text-transform:uppercase;
text-decoration:none; 
color: #db423d;
font-size:11px;
}
#content a:link:after, #content a:visited:after {
   content: " (" attr(href) ") ";
   font-size: 90%;
   }
#content a[href^="/"]:after {
   content: " (http://www.vitalsigns.ca/" attr(href) ") ";
   }