/* NEIA ACMSIGGRAPH: Main CSS */



body {
	background: url("../../media/images/global-bg.jpg") top center repeat-x scroll #ccc;
	color: #333;

	font-family: Lucida Grande, Helvetica, sans-serif;

	font-size: 12px;
	margin: 0;
	padding: 0;
	top: 0;

}

img { border: none; }
.hide { display: none; }
.indent { margin-left: 15px; }

/* Text & Links */

	h1{
		color: #336699;
		font-family: Lucida Grande, Helvetica, sans-serif;

		font-size: 14px;
		margin: 0;
		padding: 0;
	}

	h2{
		color: #336699;
		font-family: Lucida Grande, Helvetica, sans-serif;

		font-size: 13px;
		margin: 0;
		padding: 0;
	}

	h3{
		color: #336699;
		font-family: Lucida Grande, Helvetica, sans-serif;

		font-size: 12px;
		margin: 0;
		padding: 0;
	}

	.blueText{
		color: #336699;
		font-family: Lucida Grande, Helvetica, sans-serif;

		font-size: 11px;
	}

	a {
		color: #336699;
		font-family: Lucida Grande, Helvetica, sans-serif;

		font-size: 12px;
	}
	
	a:hover { text-decoration: none; }

#wrapper {

	margin: 0 auto;
	padding: 0;
	top: 0;

	width: 100%;

}


/* Header & Navigation */

	#header {
		background: url("../../media/images/siggraph-header.gif") center center no-repeat transparent;

		color: #333;

		height: 170px;
		margin: 0 auto;
		padding: 0;

		text-indent: -3000px;
		top: 0;
		width: 760px;

	}

	.headerBottom{background: url("../../media/images/header-bottom.gif") top center no-repeat #fff; height: 22px; margin: 0 auto; width: 760px;}


	#navigation {
		background: url("../../media/images/nav-bg.gif") top center no-repeat #fff;

		color: #333;
		height: 30px;

		margin: 0 auto;
		padding: 2px;
		text-align: center;
		width: 756px;

	}

/* Main */


#columns {

	background-color: #FFFFFF;

	margin: 0 auto;

	overflow: auto; 

	width: 760px;

}

	/* Left Column */


		#leftCol { 

			display: inline;
			float: left;
			font-size: 10px;

			margin: 0 auto;

			padding: 5px;

			width: 206px;

		}

		#leftCol a {font-size: 10px;}

		.leftColText{ margin: 0 auto; width: 190px;}
		.leftColBottom{background: url("../../media/images/left-col-bottom.gif") bottom center no-repeat transparent; height: 8px; margin-bottom: -2px;}

		.contact {
			background: url("../../media/images/left-col-bg.gif") bottom center no-repeat #fff;
			margin-bottom: 15px;
			padding: 0;
			width: 206px;
		}

		.upcoming {
			background: url("../../media/images/left-col-bg.gif") bottom center no-repeat #fff;
			margin-bottom: 15px;
			padding: 0;
			width: 206px;
		}

		.siggraph {
			background: url("../../media/images/left-col-bg.gif") bottom center no-repeat #fff;
			margin-bottom: 15px;
			padding: 0;
			width: 206px;
		}


	/* Right Column */


		#rightCol { 

			float: right;

			margin: 0 auto;

			padding: 5px 10px;

			width: 518px;

			display: inline;

			position: relative;

		}

		.missionStatement {
			color: #999;
			background: url("../../media/images/mission-bg.gif") repeat-y transparent;
			margin: 0;
			padding: 0;
			position: relative;
			width: 516px;
		}
			.missionText{margin: 0 auto; width: 490px;}
			.missionBottom{background: url("../../media/images/mission-bottom.gif") bottom center no-repeat transparent; height: 14px; margin-bottom: -2px;}

		.recentNews {
			margin: 10px auto;
			padding: 0;
			position: relative;
			width: 500px;
		}

		.studentWork {
			margin: 10px auto;
			padding: 0;
			position: relative;
			width: 500px;
		}

			.comingSoon{
				background-color: #ccc;
				border: 1px solid #336699;
				color: #fff;
				height: 150px;
				margin: 0 auto;
				padding: 0 10px;
				text-align: right;
				width: 450px;
			}

/* Footer */
	.footerTop{
		background: url("../../media/images/footer-top.gif") bottom center no-repeat transparent;
		clear: both;
		height: 23px;
		margin: 0;
		padding: 0;
	}


	#footer { 
		background: url("../../media/images/footer-bg.jpg") top left repeat-x transparent;
		height: 100px;
		margin: 0 auto;
		padding: 0;
		width: 100%;

	}
		#footer a{font-size: 11px;}

		.footerContent{
			background: url("../../media/images/footer-content-bg.gif") top center no-repeat transparent;

			color: #333;
			font-size: 11px;
			height: 100px;

			margin: 0 auto;

			padding: 0;
			text-align: center;
			width: 760px;
		}