/* 1024px - An open source xhtml/css website template by Andreas Viklund - http://andreasviklund.com . Free to use in any way and for any purpose as long as the proper credits are given to the original designer.

Version: 1.0, March 29, 2006 */

/******** General tags ********/
body{
font:90% Verdana,Tahoma,Arial,sans-serif;
background:#00430c url(http://www.virtualrenovation.ca/images/grid.jpg) repeat-y 845px 100px;
color:#404040;
line-height:1.2em;
margin:00px auto;
padding:0;
}

a{
text-decoration:none;
/* color:#00911a; */
color:#b0b000;
}

a:hover{color:#00ff00;}

a img{border:0;}

p{margin:0 0 18px 10px;}

ul,ol,dl{font-size:0.9em; margin:2px 0 16px 35px;}

ul ul,ol ol{margin:4px 0 4px 35px;}

a.noLink {
	cursor:default;
	text-decoration: none;
}

h1{
font-size:1.28em;
letter-spacing:-1px;
margin:50px 0 30px 30px;
color:#ffffff;
}

h1 a{
text-transform:none;
/* color:#4088b8; */
color:#b0b000;
}

h2{
font-size:1.1em;
color:#dddddd;
border-top:4px solid #888888;
padding:0 2px 2px 5px;
margin:0 0 10px 0;
letter-spacing:0px;
}

h3{
font-size:1.0em;
font-weight:bold;
color:#ffffff;
border-top:1px solid #dadada;
border-bottom:1px solid #dadada;
margin:10px 0 8px 0;
padding:1px 2px 2px 3px;
}

h4{
font-size:1.0em;
font-weight:bold;
color:#abccab;
margin:10px 0 8px 0;
padding:1px 2px 2px 3px;
}

p{
/* color:#c0b15f; */
color:#ffffff;
line-height:1.5em;
margin:20px 0 20px 30px;
padding:0;
}

.slogan{
color:#000000;
font-weight:bold;
font-style:italic;
}

blockquote{
font-size:0.9em;
border:1px solid #dadada;
margin:20px 10px;
padding:8px;
}

/******** Main wrap ********/
#wrap{
color:#404040;
width:970px;
margin:10px auto;
padding:0;
}

#header{margin:0;}

#toplinks{text-align:right; padding:5px 2px 2px 3px;}

/******** sidebar ********/
#sidebar{
float:left;
/* position:absolute; */
left:10px;
top:123px;
width:250px;
margin:0px 0 5px 0;
padding:1px 0 0 0;
line-height:1.5em;
background:transparent;
/* color:#005B10; */
color:#b0b000;
}

#sidebar blockquote{
font-style:italic;
color:#ffffff;
background:#303030;
}

#sidebar blockquote strong{
color:#cf8a8a;
}

#sidebar blockquote ul{
/* color:#c0b15f; */
color:#ffffff;
font-style:normal;
font-size:0.85em;
margin:5px 0 0 0;
}

#sidebar blockquote ul li{
list-style:disc;
line-height:0.8em;
margin:0 0 0 6px;
padding:5px;
}

#sidebar caption{
font-style:italic;
color:#a0a0a0;
}

#sidebar ul{
list-style-type:none;
font-size:0.8em;
margin:0;
padding:0px 0 3px 5px;
}

#sidebar li{
margin:0px 0 10px 0;
/* padding:5px;*/ 
list-style-type:none;
font-size:1.0em;
font-weight:normal;
line-height:1.6em;
}

#sidebar li a{
/* color:#20b13a; */
color:#b0b000;
}

#sidebar li a:hover{
color:#88ff88;
}

#sidebar ul ul{
list-style:disc;
margin:4px 0 3px 15px;
line-height:1.2em;
padding:0;
}

#sidebar ul ul li a{
list-style:disc;
font-weight:normal;
color:#0000ff;
}

#sidebar h2{margin:3px 0px 8px 0px;}

#sidebar img{margin:0px 0px 0px 0px;}

/******** Content variations ********/
#content{
width:720px;
float:right;
text-align:left;
margin:0 0 0 0;
padding:1px 0 0 0;
line-height:1.5em;
}

#contentalt{
line-height:1.5em;
width:750px;
float:left;
text-align:left;
padding:0;
margin-right:20px;
}

#content h1{margin:20px;text-align:center;}
#content h2{margin:3px 0px 8px 0px;}
#content h3, #contentalt h3{margin:10px 0 8px 30px;}
#content h4{
font-size:1.2em;
font-style:italic;
font-weight:bold;
text-align:center;
color:#ffffff;
}

#content ul{
list-style-type:disc;
font-size:0.8em;
margin:0;
padding:0px 0 0px 70px;
color:#a0913f;
}

#content ul li{
margin:0;
/* padding:0 0 5px 5px; */
/* color:#a0913f; */
color:#ffffff;
}

#content ul li a{
/* color:#20b13a; */
color:#ffff00;
}

#content ul li a:hover{
color:#88ff88;
}

#content a{
/* color:#20b13a; */
color:#ffff00;
}

#content a:hover{
color:#88ff88;
}

#content img{
margin:0 0 0 0;
}

#content blockquote{
background:#303030;
font-style:italic;
/* color:#c0b15f; */
color:#ffffff;
}

#content blockquote ul{
font-size:1.0em;
}

#content blockquote ol{
margin:20px;
padding:0 10px;
}

#content blockquote img{margin:10px;}

/******** Footer ********/
#footer{
clear:both;
text-align:right;
color:#ffffff;
font-size:0.8em;
font-weight:normal;
border-top:4px solid #dadada;
margin:0 auto;
padding:8px 0;
line-height:1.6em;
}

#footer p{margin:0; padding:0;}
#footer a{color:#b0b0b0;font-weight:normal;}
#footer a:hover{
color:#00aa00;
}

/******** Various classes ********/
.box{
color:#ffffff;
font-size:0.9em;
background-color:#4088b8;
border:1px solid #c8c8c8;
line-height:1.3em;
padding:5px 5px 5px 8px;
}

.box a{color:#f0f0f0;}
.left{float:left; margin:0 15px 4px 0;}
.right{float:right; margin:0 0 4px 15px;}
.textright{text-align:right;}
.readmore{text-align:right; margin:-10px 10px 12px 0;}

.center{text-align:center;}
.blue{color:#4088b8;}
.big{font-size:1.3em;}
.small{font-size:0.8em;}
.bold{font-weight:bold;}

.clear{clear:both;}
.hide{display:none;}
.fade{color:#c8c8c8;}
.gray{color:#808080;}
.maroon{color:#d35151;}

.photo{
border:1px solid #bababa;
padding:2px;
background-color:#ffffff;
margin:6px 18px 2px 5px;
}