﻿#container {width:800px; background-color:White;}
a:link
{
	color: rgb(51,153,255); 
}
a:visited
{
	color: rgb(51,102,204); 
} 
a:active 
{
	color: rgb(255,153,0);
}

h1
{
	font-family:Lucida Sans Unicode, Arial, Helvetica, sans-serif, Lucida Sans Unicode; color:black;
}
h2
{
	font-family:Lucida Sans Unicode, Arial, Helvetica, sans-serif; color:black; font-size:16px; text-decoration:none;
	border-bottom:1px dotted #00f;

}
h3
{
	font-family:Lucida Sans Unicode, Arial, Helvetica, sans-serif; color:#000; font-size:14px; text-decoration:none;

}
.footer 
{
	font-size:11px; color:gray; font-family:Lucida Sans Unicode, Arial, Helvetica, sans-serif; font-weight:bold;
}

.contents, p, ul, li
{
	color:black; font-size:12px; font-family:Lucida Sans Unicode, Arial, Helvetica, sans-serif; text-align:left;
}
#box
{	
    display: block;
	margin: 0 1px 0 0;
	padding: 6px 6px;
	width: 180px;	
	height: 180px;
	color: #7f8386;
	text-align: left;
	text-decoration: none;
	border:thin #d7d7d7 solid;
	background-image: url(http://new.remaxcareer.ca/images/arrow.png);
	background-repeat: no-repeat;
	background-attachment:fixed;
	background-position: bottom right;
	float:left;
	font-size:12px; font-family:Lucida Sans Unicode, Arial, Helvetica, sans-serif;
}
	#box1
{	
    display: block;
	margin: 0 1px 0 0;
	padding: 6px 6px;
	width: 400px;	
	height: 180px;
	color: #333333;
	text-align: left;
	text-decoration: none;
	border:thin #d7d7d7 solid;
	background-image: url(http://new.remaxcareer.ca/images/boxface.png);
	background-repeat: no-repeat;
	background-attachment:fixed;
	background-position: bottom right;
	float:left;
	font-size:12px; font-family:Lucida Sans Unicode, Arial, Helvetica, sans-serif;
}
.red {color:Red;}
.blue {color:Blue;}
.leftside {width:200px; padding-left:10px;}
.rightside {width:600px; padding: 0px 25px 0px 10px;}
/* rounded corder */
.spiffy{display:block;}
.spiffy *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#F1F0F0}
.spiffy1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #f8f8f8;
  border-right:1px solid #f8f8f8;
  background:#f4f3f3}
.spiffy2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #fdfdfd;
  border-right:1px solid #fdfdfd;
  background:#f3f2f2}
.spiffy3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #f3f2f2;
  border-right:1px solid #f3f2f2;}
.spiffy4{
  border-left:1px solid #f8f8f8;
  border-right:1px solid #f8f8f8}
.spiffy5{
  border-left:1px solid #f4f3f3;
  border-right:1px solid #f4f3f3}
.spiffyfg{
  background:#F1F0F0}

#tablist{
padding: 3px 0;
margin-left: 0;
margin-bottom: 0;
margin-top: 0.1em;
font: bold 12px Lucida Sans Unicode;
text-align:center;

}

#tablist li{
list-style: none;
display: inline;
margin: 0;
}

#tablist li a{
text-decoration: none;
padding: 5px 1em;
margin-right: 3px;
border: 1px solid #666;
background: white;
}

#tablist li a:link, #tablist li a:visited{
color: #666;
}

#tablist li a:hover{
color: black;
background: lightyellow;
border-color: navy;
}

#tablist li a.current{
background: lightyellow;
}
.blogtab { width:320px; height:150px; }
.blogcontents
{
	color:gray; font-size:12px; font-family:Lucida Sans Unicode, Arial, Helvetica, sans-serif; font-weight:bold;
}
legend
{
	font-family:Lucida Sans Unicode, Arial, Helvetica, sans-serif; color:#616b6c; font-size:16px; text-decoration:none; border: dotted 1px #ccc; padding:4px;
}
fieldset {  border: dotted 2px #ccc; padding:4px; }
.photo {padding:8px;border:solid;border-color: #dddddd #aaaaaa #aaaaaa #dddddd;border-width: 1px 2px 2px 1px;
background-color:white;}
.tip {
	padding: 8px;
	font-size: 0.85em;
	color: #E7EFF5;
	line-height: normal;
	border-top: 4px solid #ABCAE0;
	border-right: 1px solid #ABCAE0;
	border-bottom: 1px solid #ABCAE0;
	border-left: 1px solid #ABCAE0;
	background-color: #669DC6;
}
.calhead
{
	font-family:Lucida Sans Unicode, Arial, Helvetica, sans-serif; color:#616b6c; font-size:16px; text-decoration:none;
}
.imgpad { padding-left: 10px; padding-bottom: 10px; padding-right:10px;}
hr {color: #fff; background-color: #fff; border: 1px dotted #999; border-style: none none dotted; }
.bloglink { text-decoration:none; border-bottom:thin dotted #000000; padding-bottom: 4px; width:100%; padding-top:7px;}
.bloglink:hover {text-decoration:underline;}
blockquote {
	margin: 0px;
		
  	background: #FAFAFA;
	border: 1px solid #f2f2f2; 
	border-left: 4px solid #4284B0;  
	color: #4284B0;
	font: bold 1.2em/1.2em Lucida Sans Unicode, Arial, Helvetica, sans-serif; 
}

