html, body {  	
	padding: 0;
	font-family : Verdana, arial, Sans-serif;
	font-size: 11px;
	text-align: center;
	background-color: #cccccc;
	margin-top: 0px; 
	margin-right: 0px; 
	margin-bottom: 0px; 
	margin-left: 0px;
	height:100%;
	width:100%;
	}
	
p {
padding-top: 3px;
padding-bottom: 3px;
padding-left: 0px;
padding-right: 0px;
margin-top: 3px;
margin-bottom: 3px;
margin-left: 0px;
margin-right: 0px;
}

.block {
display: block;
}
	
td {  
font-size: 1em; font-family:Verdana, Arial, Geneva, Helvetica, Times, sans-serif
; color: #000000; line-height: 1.5em;
}

li {font-size: 1em; font-family:Verdana, Arial, Geneva, Helvetica, Times, sans-serif
; color: #000000; line-height: 1.5em;
}

ul {list-style-type: disc;}

ol.small {
margin-top: 0px;
margin-bottom: 0px;
margin-left: 20px;
margin-right: 0px;
padding-top: 0px;
padding-bottom: 10px;
padding-left: 0px;
padding-right: 0px;
}

img {border-color: black;}

hr {
color: #333333;
width: 100%;
margin-top: 15px;
margin-bottom: 15px;
height: 1px;
}

a {
color: #333333;
text-decoration: underline;
}

a:link, a:visited {
color: #333333;
text-decoration: underline;
}

a:hover {
color: #990000;
text-decoration: underline;
}

H1 {
font-size: 1.8em;
font-family: monospace;
color: #000000;
font-weight: bold;
line-height: 1.5em;
}
H2 {
font-size: 1.5em;
font-family: monospace;
color: #000000;
font-weight: bold;
line-height: 1.5em;
padding-top: 5px;
margin-top:0;
margin-bottom:0;
padding-bottom:0;
margin-bottom:0;
}
H3 {
font-size: 1.3em;
font-family: Arial, Geneva, Helvetica, Times, sans-serif;
color: #000000;
font-weight: bold;
line-height: 1.5em;
margin-top:10px;
margin-bottom:3px;
padding-top: 0;
padding-bottom:0;
text-align: left;
}
H4 {
color: #990000;
font-size: 1.2em;
line-height: 1.3em;
font-family:Arial, Geneva, Helvetica, Times, sans-serif;
padding-top: 0;
padding-bottom:0;
margin-top:10px;
margin-bottom:0px;
}
H5 {
font-size: 0.9em;
font-family:Arial,Geneva,Helvetica,Times,sans-serif;
}
H6 {
font-size: 0.8em;
font-family:Arial,Geneva,Helvetica,Times,sans-serif;
}

.ruta { 
border: #cccccc;
border-style: solid;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
background-color: #dddddd;
padding-top: 10px;
padding-right: 10px;
padding-bottom: 10px;
padding-left: 10px;
text-align: left;
font-size: 1em;
}

.ruta2 { 
border: #cccccc;
border-style: solid;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
background-color: #fff2c5;
padding-top: 10px;
padding-right: 10px;
padding-bottom: 10px;
padding-left: 10px;
}

.ruta3 { 
border: #cccccc;
border-style: solid;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
background-color: #ffffff;
padding-top: 10px;
padding-right: 10px;
padding-bottom: 10px;
padding-left: 10px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 5px;
margin-left: 0px;
}

.ruta-uppdaterat { 
border: #cccccc;
border-style: solid;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
background-color: #fffeee;
padding-top: 10px;
padding-right: 10px;
padding-bottom: 10px;
padding-left: 10px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
font-size: 0.9em;
font-family: Helvetica;
color: #000000;
line-height: 1em;
}

.right-ruta {
width: 150px;
float: right;
border: #666666;
border-style: solid;
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
padding-top: 0px;
padding-right: 10px;
padding-bottom: 10px;
padding-left: 10px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 10px;
margin-left: 10px;
text-align: left;
font-size: 1em;}

.left-ruta {
width: 150px;
float: left;
border: #666666;
border-style: solid;
border-top-width: 3px;
border-right-width: 3px;
border-bottom-width: 3px;
border-left-width: 3px;
padding-top: 10px;
padding-right: 10px;
padding-bottom: 10px;
padding-left: 10px;
margin-top: 10px;
margin-right: 10px;
margin-bottom: 10px;
margin-left: 0px;
text-align: center;
font-size: 1em;}



.leftcol {width: 150px; padding-right: 20px; padding-left: 0px; float: left;}

#leftmenu {
border: 0px;
width: 200px;
background:#ffffff;
padding-left:30px;
padding-top:30px;
padding-right:0px;
padding-bottom:30px;
vertical-align:top;
}

.leftmenu {
font-family : Verdana, arial, Sans-serif;
font-size: 1em;
line-height: 1.5em;
text-align: left;
color: #767676;
}

.leftmenu a:link {
color: #666666;	
font-weight: bold;
text-decoration: none;
}

.leftmenu a:visited {
color: #666666;	
font-weight: bold;
text-decoration: none;
}

.leftmenu a:hover {
color: #660000;
font-weight: bold;
text-decoration: underline;
}



#marginal {
border: 0px;
width: 200px;
background:#ffffff;
padding-left:30px;
padding-top:30px;
padding-right:0px;
padding-bottom:30px;
vertical-align:top;
text-align: left;
font-weight: normal;
font-size: 1em;
color: #000000;
line-height: 1.5em;
}



#marginal a:link, #marginal a:visited {
color: #333333;	
font-weight: normal;
text-decoration: underline;
}

#marginal a:hover {
color: #999999;	
font-weight: normal;
text-decoration: underline;
}

.tabell-border {
border: 1px;
border: #cccccc;
border-style: solid;
}

.bg-grey {
background:#cccccc;
}

.tabell {
border: 0px;
background:#ffffff;
padding-left:20px;
padding-top:20px;
padding-right:0px;
padding-bottom:5px;
font-weight: normal;
font-size: 1em;
color: #000000;
line-height: 1.5em;
}

.tabell a:link, #marginal a:visited {
color: #333333;	
font-weight: normal;
text-decoration: underline;
}

.tabell a:hover {
color: #999999;	
font-weight: normal;
text-decoration: underline;
}

.tabell2 {
border: 0px;
background:#ffffff;
padding-left:20px;
padding-top:0;
padding-right:30px;
padding-bottom:5px;
font-weight: normal;
font-size: 1em;
color: #000000;
font-family: verdana, geneva, helvetica, arial;
text-align: left;
line-height: 1.5em;
border-style: solid;
}

.tabell2 a:link, #marginal a:visited {
color: #333333;	
font-weight: normal;
text-decoration: underline;
}

.tabell2 a:hover {
color: #999999;	
font-weight: normal;
text-decoration: underline;
}

.bildtext { 
font-size:1em;
font-weight:normal;
font-family:Arial;
color: #000000;
line-height:1.2em;
text-align:center;
padding-top:20px;
padding-bottom:10px;
}

.not { 
font-size:1em;
font-weight:normal;
font-family:Arial;
color: #000000;
line-height:1em;
text-align:center;
padding-top:0px;
padding-bottom:0px;
}

#maincontent {
border: 0px;
background:#ffffff;
padding-left:30px;
padding-top:30px;
padding-right:30px;
padding-bottom:30px;
font-weight: normal;
font-size: 1em;
color: #000000;
font-family: verdana, geneva, helvetica, arial;
text-align: left;
line-height: 1.5em;
border-style: solid;
vertical-align:top;
}

#maincontent p {
font-size: 1em;
font-family: Verdana, Arial, Geneva, Helvetica, Times, sans-serif;
line-height: 1.5em;
}

#meny {
text-align:center;
background-color:#666666;
height: 20px;
border-style:solid;
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 1px;
border-left-width: 0px;
border-color: #333333;
}

.menuitem a:link, .menuitem a:visited
{
color: #ffffff;	
font-family: Tahoma, sans-serif;
font-size: 12px;
font-weight: bold;
text-decoration: none;
margin-bottom: 20px;
padding: 3px 10px 3px 10px;
}

.menuitem a:hover
{
color: #cccccc;
text-decoration: underline;
margin-bottom: 20px;
padding: 3px 10px 3px 10px;
}


#maintable {
margin-top: 10px;
border-style:solid;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-color: #333333;
width: 1000px;
padding: 0px;
}

#top {
padding-left:0px;
padding-right:0px;
padding-bottom:0px;
background-color:#ffffff;
background-image: url(http://www.herdingbeardies.se/logo/top.jpg);
height:235px;
border-style:solid;
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 1px;
border-left-width: 0px;
border-color: #333333;
}

.sidhuvud {
text-align:right;
margin-right:10px;
color: #ffffff;
font-weight: normal;
}

.sidhuvud a:link, .sidhuvud a:visited {
color: #ffffff;
font-weight: normal;
text-decoration: none;
}

.sidhuvud a:hover {
color: #ffffff;
font-weight: normal;
text-decoration: underline;
}

#sidfot {
background-color:#ffffff;
text-align:center;
font-size: 0.8em;
font-family: Verdana, Arial, Geneva, Helvetica, Times, sans-serif;
color: #000000;
padding-bottom:10px;
padding-top:10px;
border-style:solid;
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
}

#sidfot A {
color: #000000;
text-decoration: underline;
}

#sidfot A:hover{ 
	color: #cccccc;
	text-decoration: underline;
}

#sidfot A:visited{ 
	color: #000000;
	text-decoration: underline;
}

.superscript {vertical-align: super; font-size: 0.8em; line-height:1.5em;}

.subscript {vertical-align: sub; font-size: 0.8em; line-height:1.5em;}


.floatleft	{
	float: left;
	text-align: left;
	margin-right:15px;
}
.floatright	{
	float: right;
	text-align: right;
	margin-left:15px;
}

.hide {
 display: none;
 }

.bg-grey {
background-color:#f3f3f3;
}

.box {
padding-top: 5px;
padding-right: 0px;
padding-bottom: 5px;
padding-left: 0px;
margin-top: 5px;
margin-right: 0px;
margin-bottom: 5px;
margin-left: 0px;
}