/* CSS Document */
a, area, input, select, textarea { outline: none; }
a {color: #fc0; text-decoration: none; }
a:visited { color: #f90; text-decoration: none; }
a:hover { color: #fff; text-decoration: none; }
a:active {color: #fff; }

.navlink { 
			color: #fc0; 
			font: 10px verdana, arial, sans-serif;
			font-weight: normal;
			padding: 2px 5px 2px 5px;
			background-color: #333;
			border: 1px solid #fc0;
}

.navlink:hover { 	color: #000; 
			font: 10px verdana, arial, sans-serif;
			font-weight: normal;
			padding: 2px 5px 2px 5px;
			background-color: #fc0;
			border: 1px solid #fc0;
}
.navlink:visited:hover { color: #000; 
			font: 10px verdana, arial, sans-serif;
			font-weight: normal;
			padding: 2px 5px 2px 5px;
			background-color: #fc0;
			border: 1px solid #f90;
}

#mainwrapper { 
		border: 1px solid #fc0;  
		background: #333;
		width: 700px;
		padding: 10px;
		text-align: left;
		margin-left: auto;
	 	margin-right: auto;
}


#navstrip { 
		color: #333;
		background: #333;
		text-align: left;
		padding: 5px;
		margin-bottom: 5px;
		width: 690px;
}

#leftcontent {
		float: left;
		padding-left: 5px;
		padding-right: 5px;
		padding-top: 0px;
		width: 160px; 
		margin-top: 5px;
}

#rightcontent {
		margin-right: 30px; 
		margin-left: 175px; 
		margin-top: 5px;
		border-left: 1px solid #fc0; 
		padding-left: 10px;
		padding-top: 0px;
}


#wrapper {
		background:  url(../graphics/memeyellow.gif) bottom right no-repeat;
}

#bottom { 
		border-top: 1px solid #fc0;
		color: #ccc; 
		font: 10px verdana, arial, sans-serif; 
		width: 100%;
		text-align: left;
		margin-top: 5px;
		padding-top: 5px;
}

BODY { 
		margin: 30px 0px 30px 0px; 
		background:  #333;
}

DIV#rightcontent P {  
		font: 11px/18px verdana, arial, sans-serif; 
		color: #ccc; 
		margin-top: 0px;  
		margin-bottom: 5px;
}

DIV#leftcontent P {  
		font: 10px/14px verdana, arial, sans-serif; 
		color: #ccc; 
		margin-top: 0px;  
		margin-bottom: 5px;
}

blockquote {
		margin-left: 10px;
		margin-right: 10px;
		padding-left: 10px;
		border-left: 1px dotted #f00;
		font: 10px/18px verdana, arial, sans-serif; 
		font-style: italic;
		color: #666;
}

DIV.pullquote {
		float: right;
		width: 160px;
		color: #ccc;
		margin-left: 10px;
		margin-top: 3px;
		padding: 3px 5px;
		border-top: 1px solid #fc0;
		background-color: #444;
		font: 12px/18px verdana, arial, sans-serif; 
		font-style: italic;
}

.smallgrey { 
		color: #ccc; 
		font-size: 10px; 
}

.smallcaps {
		font-size:  10px;
		letter-spacing:  .09em;
		text-transform:	uppercase;
}

.divider { 
		border-top: 1px solid #fc0; 
		padding-top: 4px;
}

.textblock { 
		margin-right: 100px; 
		margin-left: 20px; 
}

H1 { 
		font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; 
		font-size: 18px; color: #fc0; 
		font-weight: bold;
		margin-top: 0px;
		margin-bottom: 5px;
		margin-left: 5px;
		letter-spacing: 0.5em;
		text-transform: uppercase;
}

H2 {
		font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; 
		font-size: 14px; 
		font-weight: bold;
		color: #aaa; 
		margin-top: 10px;
		margin-bottom: 0px;
}

H3 {
		font-family: Verdana, Arial, Helvetica, sans-serif; 
		font-size: 12px; 
		font-weight: bold;
		color: #bbb; 
		margin-bottom: 5px;
		margin-top: 10px;
}

.selected { 
			color: #000; 
			font: 10px verdana, arial, sans-serif;
			font-weight: normal;
			padding: 2px 5px 2px 5px;
			background-color: #fc0;
			border: 1px solid #000;
}

.lightgrey { color: #eee; }

input, select, textarea {
		padding: 2px;
		width: 140px;
		margin-top: 4px;
		margin-left: 0px;
		border: solid 1px #fc0;
		background-color: #333;
		color: #fc0;
		font: 10px verdana, geneva, helvetica, arial, sans-serif;
		font-weight: normal;
}

input:focus {
		background-color: #fc0;
		color: #000;
}