/* SUU Admissions - Screen Styles - Created by Nick Houle / SUU Web Services 03/10 */
	* {margin:0; padding:0}
	body {behavior: url("csshover3.htc");}
	html {overflow-y: scroll;}
/* CSS Display Page Loading */
	.QOverlay {background-color: #fff;z-index: 9999;}
	.QLoader {background-color: transparent;height: 1px;}	
	.QText {
		-moz-border-radius: 10px;
		-khtml-border-radius: 10px;
		-webkit-border-radius: 10px;
		background-color: transparent;
		border: 1px solid #e0e0e0; /*--Bevel Effect--*/
		margin: 0 15%;
		font: smooth 16px Arial;
		text-align: center;
		color: #000;
		height: 40px;
		line-height: 40px;
	}

/* CSS Main */	
	#container {
		background: url(../images/bkg-grunge-bird-960px.jpg) no-repeat;
		border-left: 1px solid #cecece;
		border-right: 1px solid #cecece;
		color: #666666;
		font-size: 85%;
		margin: 0px auto;
		padding: 0px;
		width: 960px;
	}
	/* --- Heading 1, only used for site branding --- */
	#container h1 {
		background: url(../images/bkg-h1.gif) no-repeat;
		font-size: 0.6em;
		height: 60px;
		margin: 0px;
		padding: 0px;
		text-indent: -9999px;
		width: 960px;
	}
	#container h1 a {display: block;height: 60px;width: 960px;}
	/* --- Heading Styles --- */
	#container h2 {border-bottom: 2px solid #990000;color: #990000;font-size: 1.5em;margin: 5px;padding: 0px 0px 0px;}
	#container h3 {font-size: 1.4em;margin: 20px 10px 10px;padding: 0px;}
	#container h4 {font-size: 1.3em;margin: 20px 10px 10px;padding: 0px;text-transform: uppercase;}
	#container h5 {font-size: 1.2em;margin: 20px 10px 10px;padding: 0px;}
	#container h6 {font-size: 1.1em;margin: 20px 10px 10px;padding: 0px;}
	/* ---- Basic Text Styles ---- */
	#container p {margin: 10px;}
	/* ---- Main navigation, carries throughout all pages ---- */
	#container #mainnav {
		background: #f7f7f7 url(../images/bkg-gradientcolumn.jpg) repeat-x;
		border: 1px solid #cecece;
		float: left;
		margin: 10px;
		min-height: 473px;
		width: 228px;
	}

	/* ---- Allternate navigation, carries throughout all pages ---- */
	#container #navblock{
		display: block;
		background: none;
		border: 0px;
		float: left;
		margin: 10px; padding: 0;
		width: 230px;
	}
	
	#container #mainnav1 {
		background: #f7f7f7 url(../images/bkg-gradientcolumn.jpg) repeat-x;
		border: 1px solid #cecece;
		float: left;
		margin: 0; padding: 0;
		width: 228px;
	}
	
	/* Table for News Alerts*/ 
	#container #mainnav2 {
		display: block;
		background: #f7f7f7;
		border-top: 1px solid #cecece;
		float: left;
		margin: 10px 0; padding: 0;
		width: 230px;
	}
	
	#container #mainnav2 span.date {
		text-align: left;
		text-indent: 3px;
		float: left;
		line-height: 23px;
		width: 185px;
	}
	
	#container #mainnav2 p {
		background: #ffffff;
		border-left: 1px solid #cecece;
		border-right: 1px solid #cecece;
		border-bottom: 1px solid #cecece;
		border-top: none;
		float: left;
		margin: 0; padding: 5px;
		width: 218px;
	}
	
	#container #mainnav2 p.head {
		background: #e0e0e0;
		border-left: 1px solid #cecece;
		border-right: 1px solid #cecece;
		border-bottom: 1px solid #cecece;
		border-top: none;
		width: 218px;
		text-align: center;
		float: left;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 12px;
		color: #990000;
	}

	#container #mainnav2 p.body {
		display: block;
		background: #f7f7f7;
		border-left: 1px solid #cecece;
		border-right: 1px solid #cecece;
		border-bottom: 1px solid #cecece;
		text-align: left;
		text-indent: 3px;
		float: left;
		width: 218px;
		line-height: 23px;
	}
	#container #mainnav2 p.body:hover {color: #000000;}
	#container #mainnav2 p.body img.add {
		display: block;
		background: transparent url(../images/add.png) no-repeat;
		float: right;
		width: 24px; height: 24px;
		border: 0px;
	}
/*   Container for google calander  */	
	#container table.img{ 
		width: 250px;
		float: left;
		margin: 0px;
		overflow: auto;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-weight: normal;
		font-size: 11px;
		border: 0;
	}
	#container table.img tr{ border: 0px;margin: 0px auto;overflow: auto;padding: 0px;}
	#container table.img td{background: none;border: 0px;}
	#container table.img td:first-child {background: none;border: 0px;width: 250px;}
	#container table.img td+td {background: none;border: 0px;text-align: left;}
/*   Container for bulletin board  */	
	#container table.board{ 
		background: none;
		width: 250px;
		float: left;
		margin: 0px 0px 0px 25px;
		padding: 0;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-weight: bold;
		font-size: 11px;
		border: 0;
	}
	#container table.board a{ outline: none;color: #990000;}
	#container table.board tr{ border: 0;background: none;}
	#container table.board td{background: none;border: 0;min-height: 300px;}
	#container table.board td:first-child {background: none;border: 0;text-align: left;width: 250px;}
	#container table.board td+td {background: none;border: 0;text-align: left;}
	#container table.board p {text-align: left;}
	#container table.board ul{margin: 0px 0px 0px 35px;padding: 0;} 
	#container table.board li {
		margin: 0px 5px 10px 10px;
		text-align: left;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-weight: bold;
		font-size: 11px;
	}
/*  Bulleting board content */	
	/*  Add paper */
	#container #paper {
		background: url(../images/paper.png) no-repeat center;
		float: left;
		width: 250px;
		padding: 0px 2.0em;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-weight: bold;
		font-size: 11px;
		color: #000000;
		border: 0;
		border-collapse: collapse;
	}
	
	#container #paper p{
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-weight: bold;
		font-size: 1.0em;
		text-align: left;
		width: 225px;
		margin: 25px 5px 5px 20px;
		color: #000000;
	}
		.redtext {color: #990000;}

	/*  Add Sticky Note */
	#sticky {
		background: url(../images/Sticky128.png) no-repeat center;
		float: left;
		width: 80px;
		padding: 0px 40px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-weight: bold;
		font-size: 11px;
		border: 0px;
		border-collapse: collapse;
		text-decoration: none;
	}
	
	#sticky  p{
		padding: 0px 0px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-weight: bold;
		font-size: 1.0em;
		text-decoration: none;
	}
	
	/*  Add Photo */
	#photo {
		background: url(../images/photo152.png) no-repeat;
		float: left;
		width: 152px;
		margin: 0px;
		padding: 0px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-weight: bold;
		font-size: 11px;
		border: 0px;
		border-collapse: collapse;
	}
	
	#photo  img {
		width: 138px;
		height: 121px;
		margin: 9px 6px -10px 7px;
		border: 0px;
	}
	
	#photo  p{
		padding: 2px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-weight: bold;
		font-size: 10px;
		text-align: left;
	}
	
	/*  Add Current SUU logo*/
	#suucurrent {
		background: url(../images/tornpaper.png) no-repeat;
		float: left;
		width: 138px;
		height: 122px;
		padding: 0; margin:5px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-weight: bold;
		font-size: 12px;
		border: 0px;
		border-collapse: collapse;
		display: block;
	}
	
	#suucurrent a {
		float: left;
		width: 138px;
		height: 123px;
		padding: 0px; margin: -10px;
		border: 0px;
		display: block;
		text-decoration: none !important;
	}
	
	#suucurrent a img{
		padding: 0; margin: 0 100px;
		border: 0px;
	}
	
	#suucurrent a span {
		padding: 0px; margin: 10px 15px;
		display: block;
		font: bold 13px Arial;
		text-shadow: -1px 0 gray, 0 1px gray,1px 0 gray, 0 -1px gray;
		color: #000000;
	}
/*set position of LARGE board and image box */
	/* ---- LARGE board top image ---- */
	#topboard {
		background: url(../images/boardtop.png) no-repeat center;
		float: left;
		margin: 0;
		padding: 0;
		width: 680px;
		height: 50px;
		display: block;
		clear: both;
	}
	/* ---- LARGE board middle image ---- */
	#middleboard {
		background: url(../images/boardmid.png) repeat-y center;
		float: left;
		margin: 0;
		padding: 0;
		width: 680px;
		display: block;
		clear: both;
	}

	/* ---- LARGE board bottom image ---- */
	#bottomboard{
		background: url(../images/boardbot.png) no-repeat center;
		float: left;
		margin: 0;
		padding: 0;
		width: 680px;
		height: 35px;
		display: block;
		clear: both;
	}
/*set position of table and image box */
	/* ---- Gallery Navigation Left image ---- */
	#topimage {
		background: url(../images/top.png) no-repeat center;
		float: left;
		margin: 0px 0px 0px 0px;
		padding: 0px 20px 0px 0px;
		width: 200px;
		height: 30px;
	}
	
	#middleimage {
		background: url(../images/middle.png) repeat-y center;
		float: left;
		margin: 0px 0px 0px 0px;
		padding: 0px 20px 0px 0px;
		width: 200px;
	}

	/* ---- Gallery Navigation right image ---- */
	#bottomimage {
		background: url(../images/bottom.png) no-repeat center;
		float: left;
		margin: 0px 0px 0px 0px;
		padding: 0px 20px 0px 0px;
		width: 200px;
		height: 30px;
	}
	
	/*      Left box image       */
	img.paimage { 
		background: none;
		margin: 10px 0px 0px 50px;
		padding: 0px 0px 0px 0px;
		padding: 0px;
	}
	
	img.tableimg { 
		display: block;
		margin: 0px auto;
		padding: 5px;
		margin-left: 0px;
		margin-right: auto;
	}
	
	/* Image Drop Shadow Effect */
	img.shadow {
		background: url(../images/shadow.gif) no-repeat right bottom;
		padding: 5px 10px 10px 5px;
	}


	/* Image Framed Image Effect */
	img.frame-block {
		position: relative;
		display: block;
		height:310px;	
		width: 690px;
	}
	
	img.frame-block span {
		background: url(../images/frame.png) no-repeat center top;
		height:310px;	
		width: 690px;
		display: block;
		position: absolute;
	}
	
	/* Image with gray transparent caption */
	.img-desc  {
		position: relative;
		display: block;
		height:298px;	
		width: 689px;
	}
	
	.img-desc span {
		background: url(../images/frame.png) no-repeat center top;
		height:298px;	
		width: 689px;
		display: block;
		position: absolute;
	}

	.img-desc cite {
		background: #111;
		filter:alpha(opacity=55);
		opacity:.55;
		position: absolute;
		bottom: 0px;
		left: 0px;
		width: 669px;
		padding: 10px;
		border-top: 1px solid #999;
		font: bold 13px Arial;
		color: #fff;
	}
	
	
	/* ---- Content/announcements on home page only ---- */
	#container #homecontent {
		background: #f7f7f7 url(../images/bkg-gradientcolumn.jpg) repeat-x;
		border: 1px solid #cecece;
		float: left;
		margin: 10px 0px;
		min-height: 85px;
		width: 458px;
	}
	
	#homecontent2 {
		background: #f7f7f7 url(../images/bkg-gradientcolumn.jpg) repeat-x;
		float: left;
		margin: 0px;
		width: 458px;
		border: 0;
	}
	
	/* ---- Head table ---- */
	#homecontent2 .tablehd {
		border: 1px solid #cecece;
		margin: 5px;
		width: 449px;
	}
	
	#homecontent2 .tablehd td h2 {
		padding: 0 !important; margin: 0 2px 0 12% !important;
	}
	
	#homecontent2 .tablehd td{
		height: 30px;
	}
	
	#homecontent2 .tablehd td.suu{
		background: url(../images/SUUtiny.png) no-repeat left;
		border:0;
		height: 31px;
	}
	
	#homecontent2 .tablehd td:first-child{
		border:0px;
		height: 30px;
		width: 30px;
		position: relative;
	}
	
	#homecontent2 .tablehd td:first-child:hover{
		background: #e0e0e0;
	}
	
	#homecontent2 .tablehd td a{
		background: url(../images/down.gif) no-repeat center;
		width: 30px;
		height: 30px;
		padding: 0; margin: 0;
		display: block;
	}
	
	/* ---- Content table ---- */
	#homecontent2 .tablebg {
		background: #f7f7f7 url(../images/bkg-gradientcolumn.jpg) repeat-x;
		border: 1px solid #cecece;
		border-collapse: collapse;
		margin: 5px;
		width: 449px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-weight: bold;
		font-size: 0.9em;
	}
	
	#homecontent2 .tablebg th{
		border: 1px solid #cecece;
		font-family: Verdana, Arial, Helvetica, sans-serif;
	}
	
	#homecontent2 .tablebg tr{
		margin: 0px;
		padding: 0px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
	}
	
	#homecontent2 .tablebg td{
		border: 0;
		font-family: Verdana, Arial, Helvetica, sans-serif;
	}
	
	/* --- form styles --- */
	#homecontent2 #formcontainer {
		background: #f7f7f7 url(../images/bkg-gradientcolumn.jpg) repeat-x;
		border: 1px solid #cecece;
		margin: 5px 5px 5px 5px;
		width: 447px;
	}
	#homecontent2 #formcontainer fieldset {
		border: 0;
		border-bottom: 1px solid #ffffff;
		clear: left;
		margin: 0 0 1em 0;
		padding: 5px 0px;
	}
	#homecontent2 #formcontainer legend {
		color: #990000;
		font-weight: bold;
		margin: 0;
		padding: 0px;
	}
	#homecontent2 #formcontainer fieldset ol {
		list-style-type: none;
		margin: 0px;
		padding: 1em;
	}
	#homecontent2 #formcontainer fieldset li {
		margin: 0px 0px 1em 0px;
		padding: 0px;
	}
	#homecontent2 #formcontainer fieldset li em {
		display: block;
		font-size: 0.8em;
	}
	#homecontent2 #formcontainer label {
		float: left;
		padding-right: 0.5em;
		text-align: left;
		width: 7em;
	}
	#homecontent2 #formcontainer #buttons {
		clear: left;
		margin: 0 0 1em 0;
		text-align: center;
		background: #fff;
	}
	
	/*** CSS: Style for tables ***/
	#homecontent2 #formcontainer table {
		margin: 1px 1px 1px 1px;
		font: 11px/24px Verdana, Arial, Helvetica, sans-serif;
		border-collapse: collapse;
		font-weight: bold;
		width: 446px;
	}

	#homecontent2 #formcontainer th {
		border: 1px solid #ffffff;
		padding: 0 0.5em;
		text-align: center;
		background: #e0e0e0;
	}
		
	#homecontent2 #formcontainer tr.gray td {
		border: 1px solid #ffffff;
		background: #e0e0e0;
	}
		
	#homecontent2 #formcontainer tr.white td {
		border: 1px solid #ffffff;
		background: #ffffff;
	}

	#homecontent2 #formcontainer td {
		border: 1px solid #ffffff;
		padding: 0 0.5em;
	}

	#homecontent2 #formcontainer td:first-child {
		width: 50px;
		}

	#homecontent2 #formcontainer td+td {
		border: 1px solid #ffffff;
		text-align: left;
	}

		
	#homecontent2 #formcontainer table a, 
	#homecontent2 #formcontainer table a:link, 
	#homecontent2 #formcontainer table a:visited {
			display: block;
			line-height: 22px;
			color: #000000;
			text-decoration: none;
			font-weight: bold;
			cursor: pointer;
			font-size: 11px;
		}

	#homecontent2 #formcontainer table a:hover, 
	#homecontent2 #formcontainer table a:active {
			/*background: #fff url(../footer.png) no-repeat left center;*/
			background: #ffffff;
			color: #000000;
			border-left: 1px solid #ffffff;
		}
		
	
	/* ---- Wider column to hold content on sub-pages ---- */
	#container #subcontent {
		background: #f7f7f7 url(../images/bkg-gradientcolumn.jpg) repeat-x;
		border: 1px solid #cecece;
		border-collapse: collapse;
		float: left;
		margin: 10px 0px;
		min-height: 90px;
		width: 698px;
	}
	
	/* ---- Wider column to hold content on sub-pages ---- */
	.subcontent2 {
		background: #f7f7f7 url(../images/bkg-gradientcolumn.jpg) repeat-x;
		float: left;
		margin: 0; padding: 0;
		width: 698px;
		border: 0;
	}
	
	/* ---- Head table ---- */
	.subcontent2 .tablehd {
		border: 1px solid #cecece;
		border-collapse: collapse;
		margin: 5px;
		height: 35px;
		width: 688px;
	}
	
	.subcontent2 .tablehd td h2 {
		padding: 0 !important; margin: 0 2px 0 8% !important;
	}
	
	.subcontent2 .tablehd td{
		border:0px;
		height: 30px;
	}
	
	.subcontent2 .tablehd td.suu{
		background: url(http://www.suu.edu/ss/admission/pa/images/SUUtiny.png) no-repeat left;
		border:0px;
		height: 31px;
	}
	
	.subcontent2 .tablehd td:first-child{
		border:0px;
		height: 30px;
		width: 30px;
	}
	
	.subcontent2 .tablehd td:first-child:hover{
		background: #e0e0e0;
	}
	
	.subcontent2 .tablehd td a{
		background: url(../images/down.gif) no-repeat center;
		width: 30px;
		height: 30px;
		display: block;
	}
	
	/* ---- Content table ---- */
	.subcontent2 .tablebg {
		border: 1px solid #cecece;
		border-collapse: collapse;
		margin: 5px;
		width: 678px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-weight: bold;
		font-size: 0.9em;
	}
	
	.subcontent2 .tablebg th{
		border: 1px solid #cecece;
		font-family: Verdana, Arial, Helvetica, sans-serif;
	}
	
	.subcontent2 .tablebg tr{
		margin: 0px; padding: 0px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
	}
	
	.subcontent2 .tablebg td{
		font-family: Verdana, Arial, Helvetica, sans-serif;
	}
	
	.subcontent2 .tablebg ul{
		margin: 0px 0px 0px 30px;
		padding: 0;
	}
	
	/* ---- Content table Section 2 ---- */
	.subcontent2 .tablefg {
		border: 1px solid #cecece;
		border-collapse: collapse;
		margin: 5px;
		width: 688px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-weight: bold;
		font-size: 0.9em;
	}
	
	.subcontent2 .tablefg th{
		border: 1px solid #cecece;
		font-family: Verdana, Arial, Helvetica, sans-serif;
	}
	
	.subcontent2 .tablefg tr{
		margin: 0px; padding: 0px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
	}
	
	.subcontent2 .tablefg td{
		font-family: Verdana, Arial, Helvetica, sans-serif;
	}
	
	.subcontent2 .tablefg ul{
		margin: 0px 0px 0px 30px;
		padding: 0;
	}
	
	/* Liquid + Fixed Three Column Lists with CSS */

	ul.column{
		font-size: 1.2em;
		margin: 5px 0px 5px -2px;
		padding: 1px;
		list-style: none;
		float: left;
		width: 100%;
		border: 1px solid #ccc;
	}
		
	ul.column li.gray { 
		float: left;
		background: #e0e0e0; 
		width: 100%;
		padding: 0;
		margin: 0;
		border-bottom: 1px solid #fff;
	}
	
	ul.column li.white { 
		background: #fff url(../images/black-70.png) repeat;
		float: left;
		width: 100%;
		margin: 0;
		padding: 0;
		border-top: 1px solid #ccc;
	}
	
	ul.column li a {
		color: #990000;
	}

	ul.column li .detail{
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-weight: bold;
		float: left;
		width: 215px;
		padding: 5px 5px 5px 5px;
		text-align: center;
		border: 0;
	}
	
	ul.column li .detail h2{
		font-weight: bold;
		float: left;
		width: 215px;
		text-align: center;
	}

	ul.column .odd{
		display: block;
		float: left;
		width: 195px;
		margin: 0px 0px 0px 5px;
		padding: 10px 10px 10px 10px;
		background: #e0e0e0;
		border-top: 1px solid #fff;
		border-bottom: 1px solid #fff;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-weight: bold;
		font-size: 11px;
	}
	
	ul.column .odd a{
		width:100%; 
		height: 100%; 
		display: block;
	}
	
	ul.column .odd:hover{background: #ccc;}
	
	ul.column .even{
		display: block;
		float: left;
		width: 195px;
		margin: 0px 0px 0px 5px;
		padding: 10px 10px 10px 10px;
		background: #fff;
		border-top: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-weight: bold;
		font-size: 11px;
	}
	
	ul.column .even a{
		width: 100%; 
		height: 100%; 
		display: block;
	}
	
	ul.column .even:hover{background: #ccc;}
	
	
	/* ---- Page Content footer ---- */
	.wrap3 {
		margin: 5px 0px 5px 5px;
		width:686px; 
		min-height: 237px;
		border: 1px solid #ccc;
		border-right: 1px solid #fff;
		font-weight: bold;
		font-family: Verdana, Arial, Helvetica, sans-serif;
	}
	
	.row1 {
		background: #ffffff;
		position:relative; 
		top:0px; 
		border-right: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
		font: bold 13px Arial;
		margin-left: 1px; /*--Pull the list item over 1px--*/
		margin-right: -1px; /*--Pull the list item over 1px--*/
	}
	
	.row2 {
		background: #ffffff;
		position:relative; 
		top:0px; 
		border-right: 1px solid #ccc;
		min-height: 160px;
		font: bold 13px Arial;
		margin-left: 1px; /*--Pull the list item down 1px--*/
		margin-right: -1px; /*--Pull the list item over 1px--*/
	}
	
	.row3 {
		background: #e0e0e0;
		position:relative; 
		border-right: 1px solid #ccc;
		font: bold 13px Arial;
		margin-left: 1px; /*--Pull the list item down 1px--*/
		margin-right: -1px; /*--Pull the list item over 1px--*/
	}
	
	.row3 a{
		width:100%; 
		height: 35px; 
		color: #000;
		margin: 0;padding:0;
		text-decoration: none;
		display: block;
		line-height: 35px;
	}
	
	.row3:hover {
		background: #ccc;
	}
	
	#c1 {float:left; width:227px;}
	#c2 {float:left; width:227px;}
	#c3 {float:left; width:228px;}
	
	
	/* ---- Quicklinks column on home page only ---- */
	#container #quicklinks {
		border: 1px solid #cecece;
		float: left;
		margin: 10px;
		min-height: 473px;
		width: 228px;
	}
		#container #quicklinks ul {
			margin: 10px 25px;
			padding: 0px;
		}
		
		#container #quicklinks li {
			margin: 10px 0px;
			padding: 0px;
		}
		
		#container #quicklinks a {
			color: #666666;
			text-decoration: none;
		}
		
		#container #quicklinks a:hover {
			color: #990000;
		}
		
		#container #quicklinks .img-desc  {
			background: url(../images/tower.png) no-repeat center;
			position: relative;
			display: block;
			height: 473px;
			width: 228px;
		}
	
		#container #quicklinks .img-desc cite {
			background: #111;
			float: left;
			filter:alpha(opacity=55);
			opacity:.55;
			position: absolute;
			bottom: 0;
			left: 0;
			width: 210px;
			padding: 9px;
			border-top: 1px solid #999;
			font: bold 13px Arial;
			color: #fff;
		}

/* SUU Admissions - Screen Styles - Created by Nick Houle 03/10 */	
/* Animated Navigation with CSS & jQuery */

	.navblockmenu {
		margin: 0;
		padding: 0;
		float: left;
		font: bold 13px Arial;
		width: 100%;
		height: 40px;
		background: url(../images/bg.gif) center center repeat-x;
		border: 0;
	}

	ul#topnav {
		margin: 0;
		padding: 0;
		list-style: none;
		float: left;
		font-size: 1.1em;
	}
	
	ul#topnav li{
		margin: 0;
		padding: 0;
		overflow: hidden;  /*--Important - Masking out the hover state by default--*/
		float: left;
		height:40px;
	}
	
	ul#topnav a, ul#topnav span { /*--The <a> and <span> share the same properties since the <span>  will be a duplicate of the <a> tag--*/
		padding: 10px 20px;
		float: left;
		text-decoration: none;
		color: #fff;
		background: url(../images/a_bg.gif) repeat-x;
		text-transform: uppercase;
		clear: both;
		width: 100%;
		height: 20px;
		line-height: 20px; /*--Vertical alignment of text--*/
	}
	
	ul#topnav a{ /*--This is basically the hover state of navigation--*/
		color: #555;
		background-position: left bottom;
	}
	
	ul#topnav span{ /*--Default state of navigation--*/
		background-position: left top;
	}

/* Vertical Navigation with CSS */

	ul.sidenav {
		float: left;
		margin: 0; padding: 0;
		width: 100%;
		list-style: none;
		border-bottom: 1px solid #e0e0e0; /*--Bevel Effect--*/
		border-top: 1px solid #ffffff; /*--Bevel Effect--*/
		font-size: 1.2em;
		font-weight: bold;
	}
	
	ul.sidenav li {
		position: relative; /*--Add a relative positioning--*/
		float: left;
		margin: 0; padding: 0;
	}
	
	ul.sidenav li a{
		border-top: 1px solid #ccc; /*--Bevel Effect--*/
		border-bottom: 1px solid #ffffff; /*--Bevel Effect--*/
		padding: 6px 10px 10px 25px;
		display: block;
		color: #000;
		text-decoration: none;
		width: 190px;
		height: 15px;
		background: #e0e0e0 url(../images/sidenav_li_a.gif) no-repeat 5px 10px;
		position: relative; /*--Add a relative positioning--*/
		z-index: 2; /*--z-index allows the popup to tuck underneath the nav--*/
	}
	
	ul.sidenav li a:hover {
		background: #ccc url(../images/sidenav_li_a.gif) no-repeat 5px 10px;
		border-top: 1px solid #e0e0e0;
		border-bottom: 1px solid #e0e0e0;
		color: #fff;
	}

/* Simple Tabs w/ CSS & jQuery */

	/* Tabs CSS */
	ul.tabs {
		margin: 0;
		padding: 0;
		float: left;
		list-style: none;
		height: 32px; /*--Set height of tabs--*/
		border-bottom: 1px solid #ccc;
		border-left: 0px solid #ccc;
		width: 100%;
		font: bold 12px Arial;
	}
	
	ul.tabs li {
		float: left;
		margin: 0;
		padding: 0;
		height: 31px; /*--Subtract 1px from the height of the unordered list--*/
		line-height: 31px; /*--Vertically aligns the text within the tab--*/
		border: 1px solid #ccc;
		border-left: none;
		margin-bottom: -1px; /*--Pull the list item down 1px--*/
		overflow: hidden;
		position: relative;
		background: #e0e0e0;
	}
	
	ul.tabs li a {
		text-decoration: none;
		color: #000;
		display: block;
		font-size: 1.2em;
		padding: 0 20px;
		border: 1px solid #fff; /*--Gives the bevel look with a 1px white border inside the list item--*/
		outline: none;
	}
	
	ul.tabs li a:hover {
		background: #ccc;
	}
	
	html ul.tabs li.active, html ul.tabs li.active a:hover  { /*--Makes sure that the active tab does not listen to the hover properties--*/
		background: #fff;
		border-bottom: 1px solid #fff; /*--Makes the active tab look like it's connected with its content--*/
	}
	
	/* Tab Content CSS */
	.tab_container {
		border: 1px solid #ccc;
		border-left: 0px solid #ccc;
		border-right: 0px solid #ccc;
		border-top: none;
		overflow: hidden;
		clear: both;
		float: left; width: 697px;
		background: #fff;
	}
	
	.tab_content {
		padding: 5px;
	}
	
/* Automatic Image Slider w/ CSS & jQuery */
	
	
	/*--Main Container--*/
	.main_view {
		float: left;
		position: relative;
	}
	/*--Window/Masking Styles--*/
	.window {
		height:305px;	
		width: 689px;
		overflow: hidden; /*--Hides anything outside of the set width/height--*/
		position: relative;
		left: 0px;
	}
	.image_reel {
		position: absolute;
		top: 0; left: 0;
	}

	.image_reel a {
		float: left;
		position: relative;
		display: block;
		height:298px;	
		width: 689px;
	}
	
	.image_reel span {
		background: url(../images/frame.png) no-repeat center top;
		height:298px;	
		width: 689px;
		display: block;
		position: absolute;
	}


	/*--Paging Styles--*/
	.paging{
		position: absolute;
		bottom: 20px; right: -7px;
		width: 178px; height:47px;
		z-index: 9999; /*--Assures the paging stays on the top layer--*/
		text-align: center;
		line-height: 40px;
		background: url(../images/paging_bg2.png) no-repeat;
		display: none; /*--Hidden by default, will be later shown with jQuery--*/
	}
	
	.paging a {
		padding: 5px;
		border: 0px;
		text-decoration: none;
		color: #fff;
	}
	
	.paging a.active {
		font-weight: bold;
		background: #920000;
		behavior: url(border-radius.htc);
		-moz-border-radius: 3px;
		-khtml-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
		border: 0px;
	}
	
	.paging a:hover {font-weight: bold; border: 0px;}

/* Liquid & Color Adjustable CSS Buttons */

	.btn {
		float: left;
		clear: both;
		margin-left: 15%;
		margin-right: 10%;
		background: url(../images/btn_left.png) no-repeat;
		padding: 0 0 0 10px;
	}
	.btn a{
		display: block;
		float: left;
		height: 40px;
		background: url(../images/btn_stretch.png) repeat-x left top;
		line-height: 40px;
		padding: 0 10px;
		color: #fff;
		font-size: 11px !important;
		text-decoration: none;
	}
	.btn span {
		background: url(../images/btn_right.png) no-repeat;
		float: left;
		width: 10px;
		height: 40px;
	}
	
	.btn_green { background-color: green; }
	.btn_green:hover { background-color: green; }
	
	.btn_red { background-color: red; }
	.btn_red:hover { background-color: red; }
	
	.btn_orange { background-color: orange; }
	.btn_orange:hover { background-color: orange; }
	
	.btn_black { background-color: black; }
	.btn_black:hover { background-color: black; }
	
	.btn_gray { background-color: gray; }
	.btn_gray:hover { background-color: gray; }

/** Slideshow style rules. **/
#slideshow {
	margin:0 auto;
	width:640px;
	height:263px;
	background:transparent url(../images/img/bg_slideshow.png) no-repeat 0 0;
	position:relative;
}
#slideshow #slidesContainer {
  margin:0 auto;
  width:560px;
  height:263px;
  overflow:auto; /* allow scrollbar */
  position:relative;
}
#slideshow #slidesContainer .slide {
  margin:0 auto;
  width:540px; /* reduce by 20 pixels of #slidesContainer to avoid horizontal scroll */
  height:263px;
}

/** Slideshow controls style rules **/
.control {
  display:block;
  width:39px;
  height:263px;
  text-indent:-10000px;
  position:absolute;
  cursor: pointer;
}
#leftControl {
  top:0;
  left:0;
  background:transparent url(../images/img/control_left.png) no-repeat 0 0;
}
#rightControl {
  top:0;
  right:0;
  background:transparent url(../images/img/control_right.png) no-repeat 0 0;
}

/** Style rules for Demo page **/
#pageContainer {
  background:#393737 url(../images/img/bg_body.png) repeat-x top left;
  margin:0 auto;
  width:685px;
}

#pageContainer a {
  color: #fff;
  font-weight:bold;
  text-decoration:none;
}

#pageContainer a:hover {
  text-decoration:underline;
}

#pageContainer h1 {
  display:block;
  width:685px;
  height:114px;
  background:transparent url(../images/img/bg_pagecontainer_h1_suu.png) no-repeat top left;
  text-indent: -10000px;
}
.slide h2{ 
  margin:15px;
 }
 
.slide p{
	margin:15px;
	height: 210px;
	overflow-y: auto;
}

.slide h2 {
  font:italic 24px Georgia, "Times New Roman", Times, serif;
  color:#ccc;
  letter-spacing:-1px;
  width:285px;
}
.slide img {
  border: 2px ridge #fff;
  border-width:5px;
  float:right;
  margin:0 15px;
}
#pageContainerFooter {
  height:100px;
  background:transparent url(../images/img/bg_bottom_border.png) no-repeat top left;
}
		
/*** CSS: Clear All ***/	
.clearall {clear:both;}