/* Åre KOnstförening style sheet*/

/* Text styles */

/*
Colors:
Light brown: #c89b41
Dark brown: #81622b
Off white: #e4d499


*/

/* For the navigation */
#nav
{
	width: 742px;
	height: 40px;
	margin: 0;
	padding: 0;
}

/* Some really uggly navigation CSS but dont judge me, im a noob! */

#nav {background:url('../pics/nav.jpg') no-repeat; }
#nav.kal {background:url('../pics/nav-kal.jpg') no-repeat; }
#nav.om {background:url('../pics/nav-om.jpg') no-repeat; }
#nav.med {background:url('../pics/nav-med.jpg') no-repeat; }
#nav.kont {background:url('../pics/nav-kont.jpg') no-repeat; }
#nav.lank {background:url('../pics/nav-lank.jpg') no-repeat; }
#nav.gal {background:url('../pics/nav-gal.jpg') no-repeat; }

#nav span {display: none;}

#nav li, #nav a
{
	height: 40px;
	display: block;
}

#nav li
{
	float: left;
	list-style: none;
	display: inline;
}

#nav-kal {width: 160px;}
#nav-gal {width: 90px;}
#nav-om {width: 162px;}
#nav-medlem {width: 130px;}
#nav-kontakt {width: 98px;}
#nav-links {width: 102px;}

#nav-kal a:hover {background:url('../pics/nav.jpg') 0px -40px no-repeat; }
#nav-gal a:hover {background:url('../pics/nav.jpg') -160px -40px no-repeat; }
#nav-om a:hover {background:url('../pics/nav.jpg') -250px -40px no-repeat; }
#nav-medlem a:hover {background:url('../pics/nav.jpg') -412px -40px no-repeat; }
#nav-kontakt a:hover {background:url('../pics/nav.jpg') -542px -40px no-repeat; }
#nav-links a:hover {background:url('../pics/nav.jpg') -640px -40px no-repeat; }

#nav-kal.kal a:hover {background:url('../pics/nav-kal.jpg') 0px -40px no-repeat; }
#nav-gal.kal a:hover {background:url('../pics/nav-kal.jpg') -160px -40px no-repeat; }
#nav-om.kal a:hover {background:url('../pics/nav-kal.jpg') -250px -40px no-repeat; }
#nav-medlem.kal a:hover {background:url('../pics/nav-kal.jpg') -412px -40px no-repeat; }
#nav-kontakt.kal a:hover {background:url('../pics/nav-kal.jpg') -542px -40px no-repeat; }
#nav-links.kal a:hover {background:url('../pics/nav-kal.jpg') -640px -40px no-repeat; }

#nav-kal.om a:hover {background:url('../pics/nav-om.jpg') 0px -40px no-repeat; }
#nav-gal.om a:hover {background:url('../pics/nav-om.jpg') -160px -40px no-repeat; }
#nav-om.om a:hover {background:url('../pics/nav-om.jpg') -250px -40px no-repeat; }
#nav-medlem.om a:hover {background:url('../pics/nav-om.jpg') -412px -40px no-repeat; }
#nav-kontakt.om a:hover {background:url('../pics/nav-om.jpg') -542px -40px no-repeat; }
#nav-links.om a:hover {background:url('../pics/nav-om.jpg') -640px -40px no-repeat; }

#nav-kal.med a:hover {background:url('../pics/nav-med.jpg') 0px -40px no-repeat; }
#nav-gal.med a:hover {background:url('../pics/nav-med.jpg') -160px -40px no-repeat; }
#nav-om.med a:hover {background:url('../pics/nav-med.jpg') -250px -40px no-repeat; }
#nav-medlem.med a:hover {background:url('../pics/nav-med.jpg') -412px -40px no-repeat; }
#nav-kontakt.med a:hover {background:url('../pics/nav-med.jpg') -542px -40px no-repeat; }
#nav-links.med a:hover {background:url('../pics/nav-med.jpg') -640px -40px no-repeat; }

#nav-kal.kont a:hover {background:url('../pics/nav-kont.jpg') 0px -40px no-repeat; }
#nav-gal.kont a:hover {background:url('../pics/nav-kont.jpg') -160px -40px no-repeat; }
#nav-om.kont a:hover {background:url('../pics/nav-kont.jpg') -250px -40px no-repeat; }
#nav-medlem.kont a:hover {background:url('../pics/nav-kont.jpg') -412px -40px no-repeat; }
#nav-kontakt.kont a:hover {background:url('../pics/nav-kont.jpg') -542px -40px no-repeat; }
#nav-links.kont a:hover {background:url('../pics/nav-kont.jpg') -640px -40px no-repeat; }

#nav-kal.lank a:hover {background:url('../pics/nav-lank.jpg') 0px -40px no-repeat; }
#nav-gal.lank a:hover {background:url('../pics/nav-lank.jpg') -160px -40px no-repeat; }
#nav-om.lank a:hover {background:url('../pics/nav-lank.jpg') -250px -40px no-repeat; }
#nav-medlem.lank a:hover {background:url('../pics/nav-lank.jpg') -412px -40px no-repeat; }
#nav-kontakt.lank a:hover {background:url('../pics/nav-lank.jpg') -542px -40px no-repeat; }
#nav-links.lank a:hover {background:url('../pics/nav-lank.jpg') -640px -40px no-repeat; }

#nav-kal.gal a:hover {background:url('../pics/nav-gal.jpg') 0px -40px no-repeat; }
#nav-gal.gal a:hover {background:url('../pics/nav-gal.jpg') -160px -40px no-repeat; }
#nav-om.gal a:hover {background:url('../pics/nav-gal.jpg') -250px -40px no-repeat; }
#nav-medlem.gal a:hover {background:url('../pics/nav-gal.jpg') -412px -40px no-repeat; }
#nav-kontakt.gal a:hover {background:url('../pics/nav-gal.jpg') -542px -40px no-repeat; }
#nav-links.gal a:hover {background:url('../pics/nav-gal.jpg') -640px -40px no-repeat; }



/* For the bastards using internet explorer */

#wrapper
{
	text-align: left;
	/*width:742;*/
	margin:0px auto;
}

/* Formatting */

*
{
	padding: 0;
	margin: 0;
}

html
{
	height: 100%;
	overflow: auto;
}

html, body
{
	height:100%;
	text-align: center;
 	overflow: auto;
 	background-color: #FFFFFF;
}

#main hr
{
	padding-left: 20px;
	color: #806229;
}

#content
{
	width: 742px;
	border-style: solid;
	border-width: thin;
	border-color: #000000;
	margin-left: auto;
	margin-right: auto;
}

#top
{
	height: 100px;
	background-color: #806229;
	background-image: url( '../pics/top.jpg' );
}

#top span {display: none;}

#top a
{
	height: 100px;
	display: block;
}

#links
{
	height: 40px;
	/*width: 740;*/
	border-top-style: solid;
	border-bottom-style: solid;
	border-width: thin;
	border-color: #000000;
	background-color: #FFFFFF;
}

#main
{
	min-height: 300px; /*ff*/
	height: auto !important; /*ie7 */
	background-color: #FFFFFF;
}

#main p
{
	padding-left: 10px;
	padding-right: 10px;
	font-family: Verdana;
	color: #000000;
	font-size: 12px;
	text-align: justify;
}

#main p.centered
{
	text-align: center;
}

#main a
{
	padding-left: 10px;
	padding-right: 10px;
	font-family: Verdana;
	color: #000000;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
}

#main a:hover
{
	color: #81622b;
}



#main h1
{
	padding: 10px;
	font-family: Verdana;
	color: #81622b;
	font-size: 18px;
	font-weight: bold;	
}

#main h2
{	
	padding-top: 10px;
	padding-left: 10px;
	font-family: Verdana;
	color: #000000;
	font-size: 12px;
	font-weight: bold;	
}

#fot
{
	padding-top: 5px;
	padding-left: 10px;
	background-color: #806229;
	vertical-align: middle;
	height: 20px;
	font-family: Verdana;
	font-size: 12px;
	color: #e4d499;	
}

body
{
	background-image: url( '../pics/gradient.jpg' );
	background-position: top center;
	margin:0;
	padding:0;
}

/* Classes */

.navButton
{

}