/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
/*XXXXXXXXXXXXXX       CSS        XXXXXXXXXXXXXX*/
/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/

/* =BASIC HTM
----------------------------------------------------------------------*/
* html {
	margin: 0; padding: 0;
}
html body{
	margin: 0; padding: 0; font: 62.5% Arial, Sans-serif; letter-spacing: 0.025em; height: 100%;
}
body {
	margin: 0; padding: 0; background: #F2F2F4; 
} 
ul, dl {
	list-style-type: none; margin: 0; padding: 0; background: transparent; display: block; font: 1.2em/1.5em Arial, Sans-serif; color:#333333; 
}
ol { 
	list-style-position: outside; font: 1.2em/1.5em Arial, Sans-serif; color:#333333; margin: 0; padding: 0 0 0 20px;
}
acronym {
	cursor: help; padding: 0;
}
.hidden {
	display: none;
}
p {
	font: 1.2em/1.5em Arial, Sans-serif; color:#333333; padding: 0; margin: 0; 
}
td {
	font: 1.2em/1.5em Arial, Sans-serif; color:#333333; padding: 0; margin: 0; text-align: left;
}
pre {
	padding: 0; margin: 0; 
}
.left {
	float: left;
}
.right {
	float: right;	
}
.txtright {
	text-align: right;
}
.txtleft {
	text-align: left; 
}
.txcenter {
	text-align: center; 
}
.small {
	font: 1.0em/1.4em Arial, Sans-serif; color:#333333; 
}
.break {
	width: 100%; margin: 20px 0 0 0; clear:both;
}
.padtop {
	margin: 0; padding: 15px 0 0 0;
}
.padbot {
	margin: 0; padding: 0 0 15px 0;
}



/* = TYPOGRAPHY
----------------------------------------------------------------------*/
h1 {
	font: 1.7em/1.5em Arial, Sans-serif; color:#D0BA00; padding: 0; margin: 0;
}
h2 {
	font: 1.4em/1.5em Arial, Sans-serif; color:#004934; padding: 0; margin: 0;
}



/* = STYLIZED LINKY
----------------------------------------------------------------------*/
a {
	color:#D0BA00; text-decoration: none; font: 1.2em/1.5em Arial, Sans-serif;
}
a:hover {
	color:#004934; text-decoration: none; font: 1.2em/1.5em Arial, Sans-serif;
}
a.small {
	color:#D0BA00; text-decoration: none; font: 1.0em/1.5em Arial, Sans-serif;
}
a:hover.small {
	color:#004934; text-decoration: none; font: 1.0em/1.5em Arial, Sans-serif;
}



/* = PLACEMENT
----------------------------------------------------------------------*/
#container {
	width: 800px; clear: both; min-width: 800px; margin: 0 auto;
}
#header {
	width: 100%; height: 100px; clear: both; min-width: 800px; 
}
.logo {
	width: 205px; height: 100px; text-align: right; display: block; background: url(skgfx/sklogo.gif) no-repeat top right;
}
.nav {
	width: 580px; height: 50px; text-align: left; display: block; margin: 35px 0 0 0; padding: 15px 0 0 15px; background: url(skgfx/gradient.jpg) no-repeat top left;
}
.sub {
	width: 175px; height: 280px; padding: 10px 0 0 30px; background: url(skgfx/sub.jpg) no-repeat top right;
}
.content {
	width: 525px; padding: 0 50px 0 20px; background: url(skgfx/bgcontent.jpg) repeat-y top left;
}
.corn_top {
	height: 20px; display: block; background: url(skgfx/content_top.jpg) no-repeat top left;
}
.corn_bot {
	height: 20px; display: block; background: url(skgfx/content_bot.jpg) no-repeat top left;
}
#footer {
	clear: both; height: 25px; padding: 15px 0 0 220px; text-align: left; margin: 0;
}

