/* CSS Document */

/*Siddhartha School Project 
Graphic Design by John Marshall
Site construction by Eric Pomorski*/ 


/* _______________ Layout _____________ */ 


/* Constant Elements */

#background {
	background-image: url(images/bg.jpg);
	position:relative;
	width:1000px;
	height:650px;
	z-index:1;
	border: thin solid #FFFFFF;
}

#header {
	position:absolute;
	left:50px;
	top:15px;
	width:900px;
	height:80px;
	z-index:1;
}

/* Two Panel layout- for most of the content pages */
#standard_navigation {
	background-image:url(images/bg_gray55.png);
	position:absolute;
	left:50px;
	top:100px;
	width:200px;
	height:530px;
	z-index:2;
}

#standard_bodyframe {
	background-image:url(images/bg_black85.png);
	position:absolute;
	left: 270px;
	top: 100px;
	width: 680px;
	height: 530px;
	z-index: 2;
}

#standard_content {
	position: absolute;
	left: 10px;
	top: 10px;
	width: 660px;
	height:505px;
	z-index:3;
	overflow:auto;
}
/* Home Page layout*/
#home_upleft {
	background-image:url(images/bg_gray55.png);
	position:absolute;
	left:50px;
	top:100px;
	width:210px;
	height:280px;
	z-index:2;
}

#home_downleft{
	background-image:url(images/bg_gray55.png);
	position:absolute;
	left:50px;
	top:390px;
	width:210px;
	height:240px;
	z-index:2;
}

#home_center { 
	background-image:url(images/bg_gray55.png);
	position:absolute;
	left:290px;
	top:100px;
	width:420px;
	height:530px;
}

#home_upright { 
	background-image:url(images/bg_gray55.png);
	position:absolute;
	left:740px;
	top:100px;
	width:210px;
	height:330px;
	z-index:2;
}

#home_downright {
	background-image:url(images/bg_gray55.png);
	position:absolute;
	left:740px;
	top:440px;
	width:210px;
	height:190px;
	z-index:2;
}

/* Single Page Layout - for photo gallery */
#photo_main {
	background-image:url(images/bg_black85.png);
	position:absolute;
	left:50px;
	top:100px;
	width:900px;
	height:530px;
	z-index:2;
}

#photo_content {
	position: absolute;
	left: 20px;
	top: 20px;
	width: 860px;
	height:480px;
	z-index:3;
	overflow:auto;
}
/* Sponsorship page layout */
#sponsor_sidebar {
	background-image:url(images/bg_gray55.png);
	position:absolute;
	left:50px;
	top:100px;
	width:210px;
	height:530px;
	z-index:2;
}

#sponsor_center {
background-image:url(images/bg_black85.png);
	position:absolute;
	left:280px;
	top:100px;
	width:440px;
	height:530px;
}

#sponsor_upright {
background-image:url(images/bg_gray55.png);
	position:absolute;
	left:740px;
	top:100px;
	width:210px;
	height:330px;
	z-index:2;
}

#sponsor_downright {
background-image:url(images/bg_gray55.png);
	position:absolute;
	left:740px;
	top:450px;
	width:210px;
	height:170px;
	z-index:2;
}

#flashcontent {
		height: 100%;
}

/* ________________ Style ____________ */ 

body {
background-color: #000000;
font-family: Helvetica, Arial, sans-serif;
color: #FFFFFF;
}

p {
	font-size: 0.8em;
	color: #FFFFFF;
	margin:15px;
	line-height:1.5em;
}

h1 {
	font-size: 0.85em;
	margin:15px;
}

h2 {
	font-size: 0.85em;
	margin:15px;
}

a {
	text-decoration: none;
	color: #FFFFFF;
} /* for site navigation links, do not display underlines */

p a {
	text-decoration: underline;
	color:#33CCFF;
} /* for links within paragraphs, use blue underlined text */

li a {	
	text-decoration: underline;
	color:#33CCFF;
}

ul {
margin:0px;
text-align: left;
line-height:1.25em;
}

li {
	text-align: left;
	margin:0px;
	font-size:0.8em;
}

.sectionName {
	font-size: 1.05em;
	font-weight: 400;
	text-transform: uppercase;
	text-decoration: none;
	text-align: center;
	height: 50px;
}

.subsectionLink {
	font-size: 0.85em;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
}

.contentField {
	text-align: left;
}

.contentField li {
	margin:10px;
}

.contentField_data {
	text-align:	center; 
	margin-top:10px;
}

.sponsorText {
	font-size:0.8em;
	margin:10px;
}

.sidebarText p {
margin:5px;
}