/* cascading style sheet for the rebooted design ~ versicolor.se ~ spring 2006 */
/*** everything copyright and all rights reserved Carina Malmgren /versicolor.se ***/

* { margin:0; padding:0; }
body {
background:#fff; text-align:left;
}
#wrap {
width:800px; margin:0px auto 0px 0px; background:url(img/content.jpg) top left repeat-y; clear:both}
/*** logotype ***/
#contentlogo {height:350px; background:url(img/contentlogo.jpg) top left no-repeat; width:800px; float:left; }
#contentlogo a:link, #contentlogo a:visited { color:#69C; text-decoration:none; }
h1 { font:lighter 20px/25px Verdana, Arial, Helvetica, sans-serif;  color:#666;
background:url(img/h1an.jpg) top left no-repeat; 
margin:288px 0px 0px 0px; height:23px; padding:5px 0px 0px 50px; }
* html h1 { height:10px }
h2 { font:lighter 15px/20px Georgia, "Times New Roman", Times, serif; color:#669900; 
background:url(img/h2.jpg) top left no-repeat; padding:3px 0px 3px 80px;}
/*** left column - menu ***/
#leftcol { width:100px; float:left; margin:0px 0px 0px 50px; }
* html #leftcol { margin:0px 0px 0px 20px; }
#leftcol ul { list-style-type:none; font:14px/20px Verdana, Arial, Helvetica, sans-serif; }
#leftcol a:link, #leftcol a:visited { color:#69C; text-decoration:none; border-bottom:1px dashed #fff; }
#leftcol a:hover, #leftcol a:active { color:#c00; text-decoration:none; border-bottom:1px dashed #C00; }
/*** content of content ***/
#content { 
width:410px; 
margin:250px auto;
border-width:0px 1px 0px 0px; 
border-style:none solid none none; 
border-color:#EEF5E8; }
h3 { 
font:lighter 13px/20px Verdana, Arial, Helvetica, sans-serif; letter-spacing:1px; color:#c00;}
h4 { 
font:lighter 12px/20px Georgia, "Times New Roman", Times, serif; letter-spacing:1px; color:#09C; margin:20px 0px 0px 0px; }
h5 { 
font:lighter 12px/20px Georgia, "Times New Roman", Times, serif; color:#093; }
p, #content li { 
font:11px/20px Georgia, "Times New Roman", Times, serif; color:#333; margin:5px; }
#content ul {list-style-type:none; font:11px/20px Verdana, Arial, Helvetica, sans-serif; color:#000; }
#content li {display:block; background:url(images/contentli.jpg) top left no-repeat; margin:3px 0px; padding:5px 5px 5px 7px; }
.odd { background:url(images/puffpinkfieldset.jpg) top left no-repeat; }
.even { background:url(images/puffblueli.jpg top left no-repeat; }
form {color:#333333; border:0; background:#fff url(img/contentli.jpg) top left no-repeat; padding:10px 5px 5px 7px; }
fieldset { border:0; margin:5px 15px; width:400px; text-align:left; }
legend { font:13px/20px Georgia, "Times New Roman", Times, serif; color:#093; background-color:transparent; }
input, textarea { font:11px/15px Georgia, "Times New Roman", Times, serif; color:#333; }
input { background:url(img/inout.png); border:1px solid #EEF5E8 }
textarea { background:url(img/contentinput.jpg) top left no-repeat; border:1px solid #EEF5E8; width:380px; padding:10px; }
textarea:hover, textarea:focus { background:url(img/fieldsethover.png) top left no-repeat; border:1px solid #fff; }
blockquote {
font:11px/20px Georgia, "Times New Roman", Times, serif; color:#369; }
.hoRule { background:url(img/hoRule.jpg) top left no-repeat; height:25px; width:400px; margin:0px; }
.hoRule hr { display:none; }
#content a:link, #content a:visited { color:#693; text-decoration:none; }
#content a:hover, #content a:active { color:#c00; text-decoration:none; }
a img { border:0px; margin:2px 5px; }

/*** right column submenu ***/
#rightcol { 
float:right; 
width:170px; 
margin:0px 50px 0px 0px; 
font:12px/15px Georgia, "Times New Roman", Times, serif; }
* html #rightcol { margin:0px 30px 0px 0px; }
#rightcol ul { width:145px; list-style-type:none; color:#693;
padding: 3px 0px; margin:10px 0px;}
#rightcol li { display: inline; /* for IE5 and IE6 */}
#rightcol li a { width:99.99%;/* extend the sensible area to the maximum with IE5 */
display:block; background-color: #fff; text-align:left; text-decoration: none; padding:2px 0px 2px 5px; color:#333;}
#rightcol li a:hover { background-color:#EEF5E8; text-decoration:none }
#rightcol li a:visited { color: #000; }
#rightcol label { font:11px/15px Verdana, Arial, Helvetica, sans-serif; color:#666; }
#rightcol a:link, #rightcol a:visited { color:#693; text-decoration:none; }
#rightcol a:hover, #rightcol a:active { color:#693; text-decoration:underline; }
/*** the end div ***/
#theend { background:url(img/theend.jpg) top left no-repeat; clear:both; height:80px; text-align:center }
#theend ul { list-style-type:none; font:10px/15px Georgia, "Times New Roman", Times, serif; color:#069; margin:10px auto;}
#theend li { display:inline; margin:0px 5px; }
#theend li a {width:99.99%; background-color:#fff; text-align:center; text-decoration:none; padding:0; color:#069; }
#theend li a:hover { background-color:#069; color:#ccc; }