/*---------------------------------------------------------*/
/*  CSS ZEN GARDEN STUDENT SUBMISSION -- MEDIEVAL          */
/*  WRITTEN BY MATTHEW PAUL BECK                           */
/*  MINNESOTA STATE COMMUNITY & TECHNICAL COLLEGE          */
/*  DATE: 05/01/06                                         */
/*---------------------------------------------------------*/
   
/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-* */
/*  COPYRIGHT INFORMATION                                  */
/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/
/*  Screenshot of Knight comes from the the The Elder      */
/*	Scrolls IV Web Site Kit. All Rights Reserved for       */
/*	Bethesda Softworks LLC End User License Agreement.     */
/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/

/*-------------------------------------------*/
/* Sets Padding and Margins for all Elements */
/*-------------------------------------------*/

html ,div, ul, ol, li, p, h1, h2, h3, h4, h5, h6 {
   margin: 0px;
   padding: 0px;
}

/*-----------------------------*/  
/*  Body Container Adjustments */
/*-----------------------------*/  

body {
	margin:0;
	padding:0;
	text-align:center;
	width:100%;
	height:100%;
	font: 11pt verdana, arial, "sans-serif";
	background: #000000 url(./images/main_bg.jpg) repeat-y fixed center;
	color: #FFFFFF;
}

/*------------------------------------------------------*/
/* Main Container Adjustments (Set size and background) */
/*------------------------------------------------------*/

#container {
	position:relative;
	margin: 0 auto;
	width:700px;
	text-align:left;
	background: url(./images/container.jpg) repeat-y;
}

/*-----------------------------------*/
/* PageHeader Container Adjustments  */
/*-----------------------------------*/

/* Don't Display Headings 1 & 2 */
#pageHeader h1, h2 {
	display: none; 
}

#pageHeader {
	height:300px;
	width: 700px;
	background: url(./images/header.jpg) no-repeat center;
}

/*------------------------------------*/
/* QuickSummary Container Adjustments */
/*------------------------------------*/

/* Don't Display QuickSummary Paragraph 1 */
#quickSummary .p1 {
	display: none;
}

#quickSummary .p2 {
	position:absolute;
	top:267px;
	right:63px;
	height:25px;
	font-size:9px;
	color:#FFFFFF;
	text-align:left;
	padding:0;
	margin:0;
	width: 314px;
}

/*-------------------------*/
/* Main Content Adjustment */
/*-------------------------*/

/* Set Position, size, borders and background */
#preamble, #explanation, #participation, #benefits, #requirements  {
	position: relative;
	left: 209px;
	width: 480px;
	text-align: left;
	margin-bottom: 10px;
	border: 1px solid #FFFFFF;
	background: #000000 url(./images/bg-container.jpg) repeat-x;
	padding-bottom: 10px;
}

/* Set Heading Font Size, Color and borders */
#preamble h3, #explanation h3, #participation h3, #benefits h3, #requirements h3 {
	border-bottom: 1px solid #FFFFFF;
	color: #000000;
	Font-size: 1px;
	height: 20px;	
}

/*--------------------------------*/
/* Preamble Container Adjustments */
/*--------------------------------*/

#preamble .p1, #preamble .p2, #preamble .p3 {
	padding: 10px;
}

#preamble h3 {
	background: url(./images/Road.jpg) no-repeat;
}

/*-----------------------------------*/
/* Explanation Container Adjustments */
/*-----------------------------------*/

#explanation .p1, #explanation .p2 {
	padding: 10px;
}

#explanation h3 {
	background: url(./images/About.jpg) no-repeat;
}

/*-------------------------------------*/
/* Participation Container Adjustments */
/*-------------------------------------*/

#participation .p1, #participation .p2, #participation .p3 {
	padding: 10px;
}

#participation h3 {
	background: url(./images/Participation.jpg) no-repeat;
}

/*--------------------------------*/
/* Benefits Container Adjustments */
/*--------------------------------*/

#benefits .p1  {
	padding: 10px;
}

#benefits h3 {
	background: url(./images/Benefits.jpg) no-repeat;
}

/*------------------------------------*/
/* Requirements Container Adjustments */
/*------------------------------------*/

#requirements .p1, #requirements .p2, #requirements .p3, #requirements .p4, #requirements .p5  {
	padding: 10px;
}

#requirements h3 {
	background: url(./images/Requirements.jpg) no-repeat;
}

/*--------------------------------*/
/* LinkList Container adjustments */
/*--------------------------------*/

#linkList {
	position: absolute;
	top: 285px;
	left: 12px;
}

#linkList li {
	list-style-type: none;
	display: block;
	padding-left: 14px;
	font-size: .8em;
	padding-bottom: 8px;
	margin-right: 10px;
}

/* Diplay Links inline */
#linkList li a.c:link, #linkList li a.c:visited {
	font-weight: normal;
	display: inline;
	padding: 0;
}

/*----------------------------------*/
/* LinkList 2 Container Adjustments */
/*----------------------------------*/

#linkList2 {  
	width: 185px; 
}

#linkList2 h3 {
 	padding-bottom: 10px;
}

/*-------------------------------------*/
/* Set Link Container's Bottom Padding */
/*-------------------------------------*/

#lselect,  #larchives {
	padding-bottom: 15px;
}

/*-------------------------------------*/
/* Links Select Container Adjustments  */
/*-------------------------------------*/

#lselect h3 {
	background: url(./images/Select.jpg) no-repeat;
	height: 60px;
}

#lselect .select span {
	display: none;
}

#lselect li a { 
	display: block;
}

/*--------------------------------------*/
/* Links Archives Container Adjustments */
/*--------------------------------------*/

#larchives h3 {
	background: url(./images/Archives.jpg) no-repeat;
	height: 60px;
}

#larchives .archives span {
	display: none;
}

/*----------------------------------------*/
/* Links Resources Container Adjustments  */
/*----------------------------------------*/

#lresources h3 {
	background: url(./images/Resources.jpg) no-repeat;
	height: 60px;
}

#lresources .resources span {
	display: none;
}

/*--------------------------------------------*/
/* Link Adjustments (Set color and rollovers) */
/*--------------------------------------------*/

a:link {
	color: #FFCC00;
	text-decoration: none;
}

a:visited {
	text-decoration: none;
	color: #FFCC00;
}

a:hover {
	text-decoration: underline;
	color: #FFCC00;
}

a:active {
	text-decoration: none;
	color: #FFCC00;
}
/*-----------------------------------------------*/
/* Footer Adjustments (Sets size and background) */
/*-----------------------------------------------*/

#footer {
	font-size:10px;
	font-weight:normal;
	background: #000000 url(./images/footer.jpg) no-repeat;
	padding-top: 42px;
	padding-bottom: 50px;
	text-align: center;
}