﻿/*
###################################
	Scrollproperties, HTML
###################################
*/
html
	{
		overflow: -moz-scrollbars-vertical;
		overflow-x: hidden;
		overflow-y: scroll;
	}


/*
###################################
	Clear
###################################
*/   
.Clear
	{
		clear:both;
	}
    
.ClearLeft
    { 
        clear:left;
        line-height: 0px;
        font-size: 0px;
        padding: 0px;
        margin: 0px;
        height: 0px;
        width: 0px;
    }
.ClearRight
    { 
        clear:right;
        line-height: 0px;
        font-size: 0px;
        padding: 0px;
        margin: 0px;
        height: 0px;
        width: 0px;
    }
.ClearBoth
    { 
        clear:both;
        line-height: 0px;
        font-size: 0px;
        padding: 0px;
        margin: 0px;
        height: 0px;
        width: 0px;
    }
    
/*
###################################
	Body
###################################
*/	
body
	{
		padding: 0px;
		margin: 0px;
		background-image: url('../_gfx/design/background/body.gif');
		background-repeat: repeat-x;
		background-position: top left;
		background-color: #fff;
	}
	
/*
###################################
	Wrapper
###################################
*/	
#Wrapper
	{
		width: 910px;
		background-color: white;
		background-image: url('../_gfx/design/background/wrapper.gif');
		background-repeat: repeat-y;
		background-position: top left;
		margin: 0px auto;
		height: auto !important;
		height: 617px;
		min-height: 617px;
	}
#WrapperLeft
	{
		float: left;
		width: 5px;
		background-image: url('../_gfx/design/background/wrapper_left.gif');
		background-repeat: no-repeat;
		background-position: top left;
		height: 617px;
	}
#WrapperRight
	{
		float: left;
		width: 7px;
		background-image: url('../_gfx/design/background/wrapper_right.gif');
		background-repeat: no-repeat;
		background-position: top left;
		height: 617px;
	}
#WrapperContent
	{
		float:left;
		width: 898px;
		height: auto !important;
		height: 620px;
		min-height: 620px;
	}
	
/*
###################################
	Header
###################################
*/	
#Header
	{
		width: 898px;
		background-image: url('../_gfx/design/header/background.gif');
		background-repeat: no-repeat;
		background-position: top left;
		margin: 0px;
		padding: 0px;
		height: 114px;
	}

#HeaderUSMLogo
	{
		padding-left: 10px;
		padding-top: 9px;
		float: left;
		width: 300px;
		height: 94px;
	}

#HeaderLoftanLogo
	{
		padding-right: 11px;
		padding-top: 8px;
		float: right;
		width: 79px;
		height: 97px;
	}
	
/*
###################################
	Menu
###################################
*/	
#Menu
	{
		width: 897px;
		background-image: url('../_gfx/design/menu/background.gif');
		background-repeat: repeat-x;
		background-position: top left;
		margin: 0px;
		padding: 0px;
		height: 31px;
		padding-left: 1px;
	}
	
.MenuSeparator
	{
		width: 3px;
		background-image: url('../_gfx/design/menu/separator.gif');
		background-repeat: no-repeat;
		background-position: top left;
		height: 31px;
		float: left;
	}
	
.MenuItem
	{
		background-image: url('../_gfx/design/menu/ItemBackground.gif');
		background-repeat: repeat-x;
		background-position: top left;
		height: 22px;
		padding-top: 9px;
		float: left;
		text-align: center;
	}
	
.MenuActiveItem
	{
		background-image: url('../_gfx/design/menu/ActiveBackground.gif');
		background-repeat: repeat-x;
		background-position: top left;
		height: 22px;
		padding-top: 9px;
		float: left;
		text-align: center;
	}

.MenuStart
	{
		width: 88px;
	}
	
.MenuPreUSM
	{
		width: 80px;
	}
	
.MenuLogi
	{
		width: 92px;
	}
	
.MenuCompetition
	{
		width: 106px;
	}

.MenuSprint
	{
		width: 63px;
	}

.MenuLangdistans
	{
		width: 98px;
	}

.MenuStafett
	{
		width: 118px;
	}

.MenuLive
	{
		width: 96px;
	}

.MenuGuestbook
	{
		width: 76px;
	}

.MenuEntry
	{
		width: 79px;
	}

.MenuTraining
	{
		width: 109px;
	}
	
/*
###################################
	SubMenu
###################################
*/	
.SubMenu
	{
		width: 887px;
		background-image: url('../_gfx/SubMenu/bg.gif');
		background-repeat: repeat-x;
		background-position: top left;
		margin: 0px;
		padding: 0px;
		height: 36px;
		padding-left: 11px;
	}
.SubMenuNone
	{
		width: 898px;
		background-image: url('../_gfx/SubMenu/Background_None.gif');
		background-repeat: repeat-x;
		background-position: top left;
		margin: 0px;
		padding: 0px;
		height: 5px;
	}
.SubMenuItem
	{
		padding-top: 5px;
		padding-right: 20px;
		float: left;
		line-height: 18px;
	}
	
	
/*
###################################
	Content
###################################
*/	
#Content
	{
		width: 882px;
		padding-left: 16px;
		padding-top: 11px;
		padding-bottom: 20px;
	}
	
#ContentMain
	{
		width: 571px;
		float: left;
		padding-left: 2px;
	}
	
#ContentBoxes
	{
		width: 267px;
		float: left;
		padding-left: 28px;
	}
	
.ContentBoxWrapper
	{
		width: 267px;
		padding-bottom: 16px;
	}
	
.ContentBox
	{
		width: 267px;
		background-image: url('../_gfx/Boxes/bg.png');
		background-repeat: repeat-y;
		background-position: top left;
		text-align: center;
		padding-top: 2px;
	}

.ContentBoxHeader	
	{
		width: 267px;
		height: 32px;
		background-image: url('../_gfx/Boxes/header.png');
		background-repeat: no-repeat;
		background-position: top left;
		text-align: center;
	}

.ContentBoxFooter	
	{
		width: 267px;
		height: 6px;
		background-image: url('../_gfx/Boxes/footer.png');
		background-repeat: no-repeat;
		background-position: top left;
		font-size: 0px;
		line-height: 0px;
	}
	
#ContentClear, .ContentClear
	{
		height: 0px;
		width: 0px;
		padding: 0px;
		margin: 0px;
		clear: left;
		line-height: 0px;
		font-size: 0px;
	}
	
/*
###################################
	Sponsor
###################################
*/	
.SponsorItem
	{
	    text-align: left;
		float:left;
		width: 124px;
		height: 50px;
		padding-left: 5px;
		padding-right: 2px;
		padding-bottom: 4px;
		padding-top: 4px;
	}
	
/*
###################################
	Viktiga datum
###################################
*/	
.DateItem
	{
		padding-left: 12px;
		padding-right: 10px;
		padding-top: 7px;
		padding-bottom: 6px;
		text-align: left;
	}
	
.DateItemHeader
	{
		line-height: 17px;
		font-weight: bold;
	}
	
.DateItemText
	{
		line-height: 15px;
	}
	
/*
###################################
	NewsList
###################################
*/	
.rowItem
	{
		background-color: #dcf7de;
	}
.rowAltItem
	{
		background-color: #fff;
	}

.newsListItem
	{
		width: 539px;
		padding-left: 12px;
		padding-right: 18px;
		padding-top: 5px;
		padding-bottom: 7px;
	}	

.newsListItemDate
	{
	}	

.newsListItemSubject
	{
		line-height: 18px;
		font-weight: bolder;
		font-size: 14px;
	}	

.newsListItemIntro
	{
		line-height: 15px;
	}	

.newsListItemLink
	{
	}
/*
###################################
	Footer
###################################
*/	
#Footer
	{
		width: 910px;
		background-image: url('../_gfx/design/background/footer.gif');
		background-repeat: repeat-x;
		background-position: top left;
		height: 27px;
	}
#FooterLeft
	{
		width: 12px;
		background-image: url('../_gfx/design/background/footer_left.gif');
		background-repeat: repeat-x;
		background-position: top left;
		float: left;
		height: 27px;
	}
#FooterRight
	{
		width: 10px;
		background-image: url('../_gfx/design/background/footer_right.gif');
		background-repeat: repeat-x;
		background-position: top left;
		float: right;
		height: 27px;
	}
#FooterText
	{
		font-weight: bold;
		color: White;
		width: 881px;
		margin-left: 12px;
		font-family: Arial;
		font-size: 11px;
		padding-top: 3px;
	}
#FooterCookieText
	{
		float:right;
	}
	
/*
###################################
	Paging
###################################
*/
table.paging
{
	text-align: center;
	vertical-align: middle;
	margin: 0 auto;
}
div.paging
	{
		padding-top: 10px;
		position: relative;
		text-align: center;
		width: 560px;
	}
.PagingLeft
	{
		width: 10px;
		text-align: left;
	}
.PagingRight
	{
		width: 16px;
		text-align: right;
	}
	
.PagingItem 
	{
		padding-left: 6px;
		color: #000000;
		font-weight: normal;
	}
	
.PagingItem a 
	{
		font-weight: bold;
	}

/*
###################################
	ContentNews
###################################
*/	
.ContentNewsPlate
	{
		width: 539px;
	}
.ContentNewsPlateLeft
	{
		float: left;
		width: 375px;
	}
.ContentNewsPlateRight
	{
		float: right;
		text-align: right;
		width: 176px;
	}

.ContentNewsLinkBack
	{
		text-align: right;
		width: 176px;
		padding-bottom: 24px;
		padding-top: 7px;
	}

.ContentNewsImage
	{
		text-align: right;
		width: 176px;
	}
.ContentNewsDate
	{
		padding-top: 3px;
		padding-bottom: 3px;
	}

.ContentImageRight
	{
		float: right;
		padding-left: 20px;
		padding-bottom: 20px;
	}