/* CSS Document */
/* Based in part on ALA's 8th css revision 17 July 2002 (http://www.alistapart.com) 
   and Blureobots Layout reservoir (http://www.bluerobot.com/web/layouts/) */

body	{
	margin:	10px 10px 0 20px;
	padding:	0;
	color:	black;
	background-color:	#fff;
	font:	11px/1.5 Verdana, sans-serif;
	}
h1	{
	font-size:	2em;
	}
h2	{
	font-size:	1.75em;
	}
h3	{
	font-size:	1.5em;
	}
h4, h5	{
	font-size:	1.25em;
	}
	
h1, h2, h3, h4, h5, h6	{
	margin:	1.25em 0 0 0;
	font-family:	Arial, sans-serif;
	color: #666;
	background: transparent;
	}
p	{	/* primitive version for css-1 agents */
	margin:	.5em 0;
	}
#content p+p	{	/* sophisticated alternative for css-2 agents */
	margin-top:	-.5em;
	text-indent: 2em;
	}
body .stb	{
	margin-top:	3em
	}
body .mtb	{
	margin-top:	5em
	}
body .ltb	{
	margin-top:	10em
	}
body .stb, body .mtb, body .ltb	{
	text-indent:	0
	}
h1+h2, h2+h3, h3+h4, h5+h6	{
	margin:	.5em 0;
	}
a	{
	text-decoration:	none;
	font-weight:	bold;
	}
a:link	{
	color:	#f30;
	background-color: transparent;
	}
a:visited	{
	color:	#c30;
	background-color: transparent;
	}
a:active	{
	color:	#cc0;
	background-color: transparent;
	}
a:hover	{
	color:	#f60;
	background-color: transparent;
	text-decoration:	underline;
	}
.ahem	{
	display:	none;
	}
#wrapper	{
    position:relative; /* Position is declared "relative" to gain control of stacking order (z-index). */
    width:auto;
    min-width:300px;
    margin:0px 180px 0px 0px;
    border-right:1px dotted black;
    background-color:white;
    z-index:3; /* This allows the content to overlap the right menu in narrow windows in good browsers. */
    }
#content	{	/* shorthand box properties tip: think of a clock: 12, 3, 6, 9 */
    padding: 15px 10% 10px 110px;
	}
#footer	{	/* shorthand box properties tip: think of a clock: 12, 3, 6, 9 */
    padding: 5px 10% 5% 110px;
    border-top: 1px dotted gray;
	}
#menu	{
    position:absolute;
    width:180px;
    top:80px;
    right:10px;
    background-color:#ddd;
	border-right:1px dotted black;
    padding:15px;
    z-index:1;
/* Here is the ugly brilliant hack that protects IE5/Win from its own stupidity. 
Thanks to Tantek Celik for the hack and to Eric Costello for publicizing it. 
IE5/Win incorrectly parses the "\"}"" value, prematurely closing the style 
declaration. The incorrect IE5/Win value is above, while the correct value is 
below. See http://glish.com/css/hacks.asp for details. */
    voice-family: "\"}\"";
    voice-family:inherit;
    width:150px;
        }
/* I've heard this called the "be nice to Opera 5" rule. Basically, it feeds correct 
length values to user agents that exhibit the parsing error exploited above yet get 
the CSS box model right and understand the CSS2 parent-child selector. ALWAYS include
a "be nice to Opera 5" rule every time you use the Tantek Celik hack (above). */
body>#menu {width:150px;} 

#banner {
	background:#fff url("sidhuvud.gif") no-repeat;
	height:70px;
	border-top:none;
	border-right:none;
	border-left:none;
	border-bottom:1px solid #000;
/* Again, the ugly brilliant hack. */
	voice-family: "\"}\"";
	voice-family: inherit;
	height:69px;
	}
/* Again, "be nice to Opera 5". */
html>body #banner {
		height:69px;
		}
.orangebox	{
	padding:	4px;
	margin:	2px;
	color: #000;
	background-color:	#f93;
	border:	solid black 2px;
	}
.offwhitebox	{
	padding:	6px;
	margin:	2px 2px 10px 2px;
	color: #000;
	background-color:	#ffc;
	border:	dotted black 1px;
	text-indent: 0;
	}
.offgreenbox	{
	padding:	6px;
	margin:	5px;
	color: #000;
	background-color:	#cc6;
	border:	dotted black 1px;
	}
.greenmile	{
	padding:	6px;
	margin-left: 0;
	margin-top: 50px;
	color: #000;
	background-color:	#cc6;
	border:	dotted black 1px;
	}
.newsitem	{
	padding:	6px;
	margin:	1px;
	color: #000;
	border-top: dotted black 1px;
	text-indent: 0;
	}
.newsitem p	{
	line-height:1.4em;
	}

.newsdate {
	text-align: right;
	text-transform: none;
	font-size: smaller;
	color: #666;
}
	
.typebutt {
   font: 11px verdana, sans-serif;
   color : #000; 
   background-color : #cc6; 
   margin: 0;
   padding: 0 2px 0 2px;
}
.typebutt2 {
   font: 11px verdana, sans-serif; 
   color : #000; 
   background-color : #cc6; 
   margin: 0;
   padding: 0 2px 0 2px;
}	
.logo {
		color:#ccc;
		font-size:18px;
		line-height:24px;
		font-weight:800;
		font-family:verdana, arial, helvetica, sans-serif;
		text-transform: uppercase;
		text-align: right;
		vertical-align: middle;
		margin-top:20px;
		margin-right: 20px;
}
code, tt, pre	{
	font:	11px monaco, "andale mono", courier, "courier new";
	color:	#630;
	background-color: transparent;
	}
	
/* DL is used exclusively for the "related stories" column. */
	
dl {
	font: normal 11px/18px verdana, sans-serif; 
	}
dt {
	font: bold 11px/18px verdana, sans-serif; 
	}
dd {
	font: normal 11px/18px verdana, sans-serif; 
	text-indent: 0; 
	margin-top: .5em;
	}			
.pullquote	{
	font:	small/1.5em Georgia, Palatino, Times, "Times New Roman", serif;
	margin-left:	5px;
	}
blockquote.special	{
	color:	#630;
	background-color: transparent;
	font-family:	monaco, "andale mono", courier, "courier new", monospace;
	margin-left:	0;
	}
.superfine	{
	font:	10px/14px verdana, sans-serif;
	}
.quoteme	{
	font:	11px/18px verdana, sans-serif;
	margin-top:	50px;
	}
.butt {
   font-size : 11px; 
   font-family : verdana, sans-serif; 
   color : #ffc; 
   background-color : #666; 
   margin-top : 25px; 
}
img	{
	border:	0
	}
.vs6	{
	margin:	6px 0
	}
.vs10	{
	margin:	10px 0
	}
.fourhundred	{
	margin-top:	400px;
	}
.fivehundred	{
	margin-top:	500px;
	}
.fifty	{
	margin-top:	50px;
	}
.fiftybot 	{
	margin-bottom:	50px;
	}
.vs0	{
	margin-top:	0;
	padding-top: 0;
	}

#menu a:link	{
	color: #c30;
	background: transparent;
	text-decoration: none;
	font-weight: bold;
	}

#menu a:visited	{
	color: #c30;
	background: transparent;
	text-decoration: none;
	font-weight: bold;
	}

#menu a:hover	{
	color: #ffc;
	text-decoration: underline;
	background: transparent;
	font-weight: bold;
	}

#menu a:active	{
	color: #ffe;
	text-decoration: underline overline;
	background: transparent;
	font-weight: bold;
	}

#menu h5	{
	color: #000;
	background: transparent;
	}

.uc	{
	text-transform: uppercase;
	}

.cv h2 {
	color: #333;
	padding: 5px;
	border: 2px solid black;
	background-color: #EEF;
}

.cv h5 {
	color: #888;
	font-size:	1.10em;
}