/* CSS Document */

Body 
{background: White;
font-family: Arial;
line-height: 1.5em;
color: Black;
font-size: 12px;
} 

Body a {
color: Red;
font-weight: bold;
text-decoration: none;
background-color: Yellow;
}

Body a.active, a:hover {
color: White;
font-weight: bold;
text-decoration: none;
background-color: Red;
}

h1 {
font-family: Arial;
font-size: 36px;
color: Black;
padding-bottom: 4px;
border-bottom: 1px solid red;
letter-spacing: -2px;
line-height: 1em;
}

h2 {
font-family: Arial;
font-size: 18px;
color: Black;
Padding-bottom: 8px;
border-bottom: 1px dashed red;
}

h2 a {
font-family: Arial;
font-size: 18px;
color: Black;
Padding-bottom: 8px;
border-bottom: 1px dashed red;
background-color: White;
}

#skiplinks {
	margin: 0;
	padding: 0 0 20px 10px;
	font-family: Arial;
	font-size: x-small;
	background: White;
}

#skiplinks li {
margin: 0;
padding: 0;
display: inline;
list-style: none;
}

#skiplinks a {
float: left;
margin: 0 10px 4px 10px;
text-decoration: none;
color: Red;
background: White;
}

#skiplinks a.active, #skiplinks a:hover {
	padding-bottom: 2px;
	color: White;
	background: Red;
}


#logo {
width: 554px;
height: 100px;
background-image: url(images/logo.gif);
}

#logo span {
	display: none;
	}

#header {
background: White;
padding: 6px;
margin-right: 24%;
}

#content {
margin-top: 33px;
margin-right: 33%;
margin-left: 22%;
background-color: White;
padding: 10px;
border: 1px red dashed;
}

#navigation 
{
margin: 0;
padding: 0 0 20px 10px;
border-bottom: 1px solid yellow;
background-color: White;
}

#navigation li
{
margin: 0;
padding: 0;
display: inline;
list-style-type: none;
}

#navigation a
{
float: left;
line-height: 14px;
padding: 0 12px 6px 12px;
text-decoration: none;
color: red;
background-color: white;
font-weight: bold;
}

#navigation a.active, #navigation a:hover {
	color: black;
	font-weight: bold;
	background: url(images/nav.gif) no-repeat bottom center;
}

#sidecolumn {
position: absolute;
top: 187px;
width: 20%;
padding: 6px;
}

#sidebar {
position: absolute;
top: 0;
right: 0;
width: 30%;
font-size: 11px;
border-left: 1px dashed red;
background: Yellow;
line-height: 1.3em;
color: Red;
padding-left: 6px;
}

#sidebar a {
color: Black;
font-weight: bold;
text-decoration: none;
background-color: White;
}

#sidebar a:hover {
color: White;
font-weight: bold;
text-decoration: none;
background-color: Red;
}

#button {
width: 180px;
border-right: 1px solid #000;
padding: 0 0 1em 0;
margin-bottom: 1em;
font-family: Arial;
font-size: 11px;
letter-spacing: 0.1em;
background-color: yellow;
color: black;
font-weight: bold;
	}

#button ul {
list-style: none;
margin: 0;
padding: 0;
border: none;
		}
		
#button li {
		border-bottom: 1px dashed orange;
		margin: 0;
		}

#button li a {
		display: block;
		padding: 5px 5px 5px 0.5em;
		border-left: 10px solid #FDD017;
		border-right: 10px solid #ECD872;
		background-color: Yellow;
		color: #E42217;
		text-decoration: none;
		width: 100%;
		}
		
		html>body #button li a {
		width: auto;
		}

	#button li a:hover {
		border-left: 10px solid #C11B17;
		border-right: 10px solid #E42217;
		background-color: Red;
		color: White;
		font-weight: bold;
		}

#knitlinks {
color: Red;
font-family: Arial;
font-size: 11px;
font-weight: bold;
list-style: none;
background-color: White;
}

#knitlinks li{
margin-left: 10px;
padding: 0;
list-style: none;
}

#knitlinks a.active, a:hover {
color: Yellow;
background-color: Black;
}

#footer {
margin-right: 36%;
margin-left: 24%;
padding: 20px;
background-color: Yellow;
}