/* Registrar's Office - Screen Styles - Created by SUU Web Services February 2008 */

body {
	background: url(../images/bkg-page.jpg) repeat-x;
	background-position: 0px 50px;
}
#container {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 85%;
	margin: 0px auto;
	padding: 0px;
	position: relative;
	width: 960px;
}
#container h1 {
	display: none;
}
#container #register {
	background: url(../images/bkg-register.jpg) no-repeat;
	height: 100px;
	width: 760px;
}
#container #register a {
	display: block;
	height: 100px;
	text-decoration: none;
	text-indent: -9999px;
	width: 162px;
}
#container #register a:hover {
	background: url(../images/bkg-register-hover.jpg) no-repeat;
}
/* Container for sliding menu */
#container #nav {
	float: left;
	font-size: 0.9em;
	width: 180px;
}
/* container for main body content */
#container #main {
	float: left;
	margin: 15px 0px;
	width: 780px;
}
	#container #main h2 {
		border-bottom: 1px solid #000000;
		font-size: 1.6em;
		margin: 0px;
		padding: 0px;
	}
	#container #main h3 {
		font-size: 1.2em;
		margin: 15px 0px 2px;
		padding: 0px;
	}
	#container #main h4 {
		color: #666666;
		font-size: 1.2em;
		margin: 15px 0px 2px;
		padding: 0px;
		text-transform: uppercase;
	}
	#container #main h5 {
		font-size: 1.1em;
		margin: 15px 0px 2px;
		padding: 0px;
	}
	#container #main h6 {
		color: #990000;
		font-size: 1em;
		font-weight: bold;
		margin: 15px 0px 2px;
		padding: 0px;
	}
	#container #main p {
		line-height: 1.4em;
		margin: 0px 0px 15px;
		padding: 0px;
	}
	#container #main hr {
		background-color: #ECECEC;
		border: 0;
		clear: both;
		color: #ECECEC;
		height: 1px;
	}
	/* ---- Special Text Styles ---- */
	#container #main .text-red {
		color: #990000;
	}
	#container #main .text-boldred {
		color: #990000;
		font-weight: bold;
	}
	#container #main .text-small {
		font-size: 0.8em;
	}
	/* ---- Tables ---- */
	#container #main table {
		border-collapse: collapse;
		margin: 15px 0px;
		padding: 0px;
		width: 100%;
	}
	#container #main th {
		background: #888888;
		color: #FFFFFF;
		font-size: .9em;
		font-weight: normal;
		padding: 6px;
		text-align: left;
		text-transform: uppercase;
	}
	#container #main td {
		border: 1px solid #ECECEC;
		padding: 2px 6px;
		vertical-align: top;
	}
	#container #main tr.alternaterow {
		background: #ECECEC;
	}
	/* ---- Lists ---- */
	#container #main li {
		padding-bottom: 8px;
	}
	/* ---- Images ---- */
	#container #main .imgright {
		border: 1px solid #000000;
		float: right;
		margin: 5px 0px 5px 15px;
	}
	#container #main .imgleft {
		border: 1px solid #000000;
		float: left;
		margin: 5px 15px 5px 0px;
	}
	#container #main .imgfull {
		border: 1px solid #000000;
		margin: 5px 4px;
	}
	/* ---- Column (50% of total width) ---- */
	#container #main .column50 {
		float: left;
		width: 50%;
	}
	#container #main .column50 p {
		margin-left: 15px;
		margin-right: 15px;
	}
	#container #main .column50 h3 {
		margin-left: 15px;
		margin-right: 15px;
	}
	#container #main .column50 h4 {
		margin-left: 15px;
		margin-right: 15px;
	}
	#container #main .column50 h5 {
		margin-left: 15px;
		margin-right: 15px;
	}
	#container #main .column50 h6 {
		margin-left: 15px;
		margin-right: 15px;
	}
	/* ---- Sub-Navigation for individual pages (mainly to anchors) ---- */
	#container #main ul#subnav {
		clear: left;
		margin: 10px 0px 10px;
		overflow: auto;
		padding: 0px;
	}
	#container #main ul#subnav li {
		background:#eCeCeC;
		border: 1px solid;
		border-color: #FFF #AAA #AAA #FFF;
		color:#999;
		float: left;
		font-size: 0.8em;
		list-style-type: none;
		margin: 0;
		padding: 0;
		text-align: center;
		width: 24%;
	}
	#container #main ul#subnav li a {
		color:#666;
		display:block;
		height: 30px;
		line-height:1.2em; /* for FF */
		padding:.2em;
		text-decoration: none;
		vertical-align: middle;
	}
	#container #main ul#subnav li a:hover {
		background: #666666;
		color: #FFFFFF;
	}
	/* ---- Featured Navigation on home page ---- */
	#container #main ul#featurenav {
		list-style-type: none;
		margin: 10px 0px;
		padding: 0px;
	}
	#container #main ul#featurenav li {
		float: left;
		margin: 0px 5px 0px 0px;
		padding: 0px;
		width: 110px;
	}
	#container #main ul#featurenav li a {
		color: #000000;
		display: block;
		height: 50px;
		padding: 50px 0px 0px;
		text-decoration: none;
		width: 110px;
	}
	#container #main ul#featurenav li a.ev {
		background: url(../images/home-verifications.jpg) no-repeat;
	}
	#container #main ul#featurenav li a.ev:hover {
		background: #ECECEC url(../images/home-verifications.jpg) no-repeat;
	}
	#container #main ul#featurenav li a.grad {
		background: url(../images/home-graduation.jpg) no-repeat;
	}
	#container #main ul#featurenav li a.grad:hover {
		background: #ECECEC url(../images/home-graduation.jpg) no-repeat;
	}
	#container #main ul#featurenav li a.sched {
		background: url(../images/home-scheduling.jpg) no-repeat;
	}
	#container #main ul#featurenav li a.sched:hover {
		background: #ECECEC url(../images/home-scheduling.jpg) no-repeat;
	}
	#container #main ul#featurenav li a.tran {
		background: url(../images/home-transcripts.jpg) no-repeat;
	}
	#container #main ul#featurenav li a.tran:hover {
		background: #ECECEC url(../images/home-transcripts.jpg) no-repeat;
	}
	#container #main ul#featurenav li a.va {
		background: url(../images/home-veterans.jpg) no-repeat;
	}
	#container #main ul#featurenav li a.va:hover {
		background: #ECECEC url(../images/home-veterans.jpg) no-repeat;
	}
	#container #main ul#featurenav li a.ferpa {
		background: url(../images/home-ferpa.jpg) no-repeat;
	}
	#container #main ul#featurenav li a.ferpa:hover {
		background: #ECECEC url(../images/home-ferpa.jpg) no-repeat;
	}
	/* ---- Forms ---- */
	#formcontainer fieldset {
		border: 0;
		border-bottom: 1px solid #EEEEEE;
		clear: left;
		margin: 0 0 1em 0;
		padding: 5px 0px;
	}
	#formcontainer legend {
		color: #990000;
		font-weight: bold;
		margin: 0px;
		padding: 0px 0px 10px;
	}
	#formcontainer fieldset ol {
		list-style-type: none;
		margin: 0px;
		padding: 1em;
	}
	#formcontainer fieldset li {
		list-tyle-type: none;
		margin: 0px 0px 1em 0px;
		padding: 0px;
	}
	#formcontainer fieldset li em {
		font-size: 0.8em;
	}
	#formcontainer label {
		float: left;
		padding-right: 0.5em;
		text-align: right;
		width: 8em;
	}
	#formcontainer .offleft {
		margin-left: -9000px;
		position: absolute;
	}
	#formcontainer strong {
		font-weight: bold;
		color: #CC0000;
	}
	#formcontainer #buttons {
		text-align: center;
	}
	
/* Sliding Menu Controls */
#TJK_SlideMenu * {
margin:0;
padding:0;
}
#TJK_SlideMenu {
/*width:180px;*/
background:#fff;
padding:1px;
margin: 15px 0px;
border:1px solid;
border-color: #AAA #666 #666 #AAA;
background: #fff;
width: 90%;
}
#TJK_SlideMenu a {
display:block;
text-decoration:none;
}
#TJK_SlideMenu dt a {
position:relative /* IE bug */;
padding:.4em 0 .4em 1.8em;
border: 1px solid;
border-color: #FFF #AAA #AAA #FFF;
color:#000;
}
#TJK_SlideMenu ul {
background:#666;
}
#TJK_SlideMenu li {
list-style-type:none;
background:#eCeCeC;
color:#999;
border: 1px solid;
border-color: #FFF #AAA #AAA #FFF;
}
#TJK_SlideMenu li a {
padding:.4em 0 .4em .9em;
color:#666;
line-height:1.2em; /* for FF */
}
#TJK_SlideMenu li a:hover,
#TJK_SlideMenu li a:active,
#TJK_SlideMenu li a:focus {color:#fff;background:#333}






















#container2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 85%;
	margin: 0px auto;
	padding: 0px;
	position: relative;
	width: 760px;
}
#container2 h1 {
	display: none;
}
#container2 #register {
	background: url(../images/bkg-register.jpg) no-repeat;
	height: 100px;
	width: 760px;
}
#container2 #register a {
	display: block;
	height: 100px;
	text-decoration: none;
	text-indent: -9999px;
	width: 162px;
}
#container2 #register a:hover {
	background: url(../images/bkg-register-hover.jpg) no-repeat;
}
/* Container for sliding menu */
#container2 #nav {
	float: left;
	font-size: 0.9em;
	width: 180px;
}
/* container for main body content */
#container2 #main {
	float: left;
	margin: 15px 0px;
	width: 580px;
}
	#container2 #main h2 {
		border-bottom: 1px solid #000000;
		font-size: 1.6em;
		margin: 0px;
		padding: 0px;
	}
	#container2 #main h3 {
		font-size: 1.2em;
		margin: 15px 0px 2px;
		padding: 0px;
	}
	#container2 #main h4 {
		color: #666666;
		font-size: 1.2em;
		margin: 15px 0px 2px;
		padding: 0px;
		text-transform: uppercase;
	}
	#container2 #main h5 {
		font-size: 1.1em;
		margin: 15px 0px 2px;
		padding: 0px;
	}
	#container2 #main h6 {
		color: #990000;
		font-size: 1em;
		font-weight: bold;
		margin: 15px 0px 2px;
		padding: 0px;
	}
	#container2 #main p {
		line-height: 1.4em;
		margin: 0px 0px 15px;
		padding: 0px;
	}
	#container2 #main hr {
		background-color: #ECECEC;
		border: 0;
		clear: both;
		color: #ECECEC;
		height: 1px;
	}
	/* ---- Special Text Styles ---- */
	#container2 #main .text-red {
		color: #990000;
	}
	#container2 #main .text-boldred {
		color: #990000;
		font-weight: bold;
	}
	#container2 #main .text-small {
		font-size: 0.8em;
	}
	/* ---- Tables ---- */
	#container2 #main table {

	}
	#container2 #main th {
		background: #888888;
		color: #FFFFFF;
		font-size: .9em;
		font-weight: normal;
		padding: 6px;
		text-align: left;
		text-transform: uppercase;
	}
	#container2 #main td {

	}
	#container2 #main tr.alternaterow {
		background: #ECECEC;
	}
	/* ---- Lists ---- */
	#container2 #main li {
		padding-bottom: 8px;
	}
	/* ---- Images ---- */
	#container2 #main .imgright {
		border: 1px solid #000000;
		float: right;
		margin: 5px 0px 5px 15px;
	}
	#container2 #main .imgleft {
		border: 1px solid #000000;
		float: left;
		margin: 5px 15px 5px 0px;
	}
	#container2 #main .imgfull {
		border: 1px solid #000000;
		margin: 5px 4px;
	}
	/* ---- Column (50% of total width) ---- */
	#container2 #main .column50 {
		float: left;
		width: 50%;
	}
	#container2 #main .column50 p {
		margin-left: 15px;
		margin-right: 15px;
	}
	#container2 #main .column50 h3 {
		margin-left: 15px;
		margin-right: 15px;
	}
	#container2 #main .column50 h4 {
		margin-left: 15px;
		margin-right: 15px;
	}
	#container2 #main .column50 h5 {
		margin-left: 15px;
		margin-right: 15px;
	}
	#container2 #main .column50 h6 {
		margin-left: 15px;
		margin-right: 15px;
	}
	/* ---- Sub-Navigation for individual pages (mainly to anchors) ---- */
	#container2 #main ul#subnav {
		clear: left;
		margin: 10px 0px 10px;
		overflow: auto;
		padding: 0px;
	}
	#container2 #main ul#subnav li {
		background:#eCeCeC;
		border: 1px solid;
		border-color: #FFF #AAA #AAA #FFF;
		color:#999;
		float: left;
		font-size: 0.8em;
		list-style-type:none;
		margin: 0;
		padding: 0;
		text-align: center;
		width: 24%;
	}
	#container2 #main ul#subnav li a {
		color:#666;
		display:block;
		height: 30px;
		line-height:1.2em; /* for FF */
		padding:.2em;
		text-decoration: none;
		vertical-align: middle;
	}
	#container2 #main ul#subnav li a:hover {
		background: #666666;
		color: #FFFFFF;
	}
	/* ---- Featured Navigation on home page ---- */
	#container2 #main ul#featurenav {
		list-style-type: none;
		margin: 10px 0px;
		padding: 0px;
	}
	#container2 #main ul#featurenav li {
		float: left;
		margin: 0px 5px 0px 0px;
		padding: 0px;
		width: 110px;
	}
	#container2 #main ul#featurenav li a {
		color: #000000;
		display: block;
		height: 50px;
		padding: 50px 0px 0px;
		text-decoration: none;
		width: 110px;
	}
	#container2 #main ul#featurenav li a.ev {
		background: url(../images/home-verifications.jpg) no-repeat;
	}
	#container2 #main ul#featurenav li a.ev:hover {
		background: #ECECEC url(../images/home-verifications.jpg) no-repeat;
	}
	#container2 #main ul#featurenav li a.grad {
		background: url(../images/home-graduation.jpg) no-repeat;
	}
	#container2 #main ul#featurenav li a.grad:hover {
		background: #ECECEC url(../images/home-graduation.jpg) no-repeat;
	}
	#container2 #main ul#featurenav li a.sched {
		background: url(../images/home-scheduling.jpg) no-repeat;
	}
	#container2 #main ul#featurenav li a.sched:hover {
		background: #ECECEC url(../images/home-scheduling.jpg) no-repeat;
	}
	#container2 #main ul#featurenav li a.tran {
		background: url(../images/home-transcripts.jpg) no-repeat;
	}
	#container2 #main ul#featurenav li a.tran:hover {
		background: #ECECEC url(../images/home-transcripts.jpg) no-repeat;
	}
	#container2 #main ul#featurenav li a.va {
		background: url(../images/home-veterans.jpg) no-repeat;
	}
	#container2 #main ul#featurenav li a.va:hover {
		background: #ECECEC url(../images/home-veterans.jpg) no-repeat;
	}
	
	#howtoregister img{
		border: 1px solid #cccccc;
		margin-bottom: 10px;
	}