﻿/*	-------------------------------------------------------------
	Pixel Farm Interactive
	Web | Video | Simulations | Solutions
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	Description:	master styles for screen, Old Republic
	Filename:		master.css
	Version:		2.0
	Modified:		September 22, 2006
	-------------------------------------------------------------
*/

/* = BASIC STYLES
--------------------------------------------------------------- */

body {
	margin: 0;
	font: .8em/1.2em Arial, Helvetica, sans-serif;
	color: #333;
}

.print-header {
	display: none;
}

.print-logo {
    display: none;
}

.bg-subpage {
	background: #07378f url('/utnational/images/bg_subbody.jpg') repeat-x;
}

.bg-mainpage {
	background: #07378f url('/utnational/images/bg.jpg') repeat-x;
}

h1 {
	font-size: 1.2em;
	line-height: 1.2px;
	font-weight: bold;
	color: #000000;
}

p {
	padding: 12px 40px 5px;
	margin-bottom: 25px;
}

a {
	margin: 0;
	list-style: none;
	color: #13368F;
	font-size: 12px;
	text-align: left;
	text-decoration: none;
}
/*
a:first-child {
 border-bottom: 1px solid #000;
}
*/
a:visited {
	color: #ffffff;
}

a:hover {
	color: #13368F;
	text-decoration: none;
}

a:active {
	color: #13368F;
}


/* = LAYOUT STYLES
--------------------------------------------------------------- */

#wrapper {
	width: 95%;
	min-width: 860px;
	margin: 0 auto;
	background-color: #ffffff;
	border-right: 1px solid #001346;
	border-left: 1px solid #001346;
}

#masthead {
	background: url('/utnational/newnational/bg_masthead.gif') no-repeat center top;
	height: 158px;
	text-align: left;
	padding: 0px;
}


#logo {
	width: 247px;
	height: 0px;
	margin: 42;
	padding: 30px 0 0;
	border-style: none;
}

#main_header {
	height: 152px;
	background-image: url('/utnational/images/bg_header.jpg');
	background-repeat: repeat-x;
	background-position: center top;
	padding-top: -100px;
}

#subpage_header {
	height: 60px;
	background: url('/utnational/newnational/bg_subheader.jpg') left top;
}

#subpage_headerNH {
	height: 60px;
	background: url('/utnational/newnational/bg_subheader.jpg') left top;
}

#applytoday {
	font-size: 160%;
	line-height: 1.2em;
	font-weight: bold;
	color: #ffbf05;
	text-align: center;
	padding: 15px;
	width: 35%;
	float: left;
	margin-top: 10px;
}

#slideshow {
	float: right;
	width: 55%;
	padding-top: 11px;
}

#stage {
	padding: 0;
}

#main_content {
	padding: 20px;
}


#main_content h2 {
	padding: 12px 40px 5px;
	font-size: 14px;
	margin: -50px 0 0 0 !important;
	margin: -50px 0 -25px 0; /* fix for IE/win only */
	margin-bottom: 0px;
	margin-top: 0px;
}

#main_content {
	padding: 20px;
}


#sub_content {

	padding: 12px 20px 10px 220px;

	margin: -50px 0 0 0; /* fix for IE/win only */

	background: #fff url('/utnational/images/bg_sidebar.gif') repeat-y left top;
}

#footer {
	font-size: 90%;
	text-align: center;
	color: #fff;
	background: #001345;
	padding: 10px;
}

	#footer a:link, #footer a:visited {
	color: #71D7E3;
	}
	
	#footer a:hover {
	color: #ffffff;
	text-decoration: underline;
}

#mainNews h1 {
	font-size: 16px;
	padding: 15px 40px 5px;
	
	margin: 0 !important;
	margin: 30px 0 0 0;
	margin-top: 0px;
	color: #CC3300;
}
#mainNews h2 {
	margin: 0 !important;
	margin: 30px 0 0 0;
	margin-bottom: -20px 0 0 0; /* for IE/Win only */
	font-size: 14px;
	padding: 15px 40px 5px;
	color: #13368F;
}
#mainNews h3 {
	font-size: 12px;
	padding: 15px 40px 5px;
	margin-bottom: 0px;
	margin-top: -20px 0 0 0; /* for IE/Win only */
	margin-top: 0px;
}

#mainNews h4 {
	font-size: 10px;
	margin-bottom: 0px;
	margin-top: 0px;
}
#mainNews h5 {
	font-size: 14px;
	padding: 15px 40px 0em;
	margin-bottom: 0px;
	margin-top: 0px;
}
#mainNews p {
	font-size: 12px;
	padding: 15px 40px 0em;
	margin: .5em 0 0;	
}
#mainNews a {	
	color:#003399;
	text-decoration: none;
}
#mainNewspa a {	
	color:#333333;
	text-decoration: none;
}
#mainNews a:visited {
	color: #13368F;
	text-decoration: none;
}

#mainNews a:hover {

	color: #00ccff;
	text-decoration: none;
}

#mainNews a:active {
	color: #993300;
	text-decoration: none;
}
#mainNews1 h1 {
	font-size: 16px;
	padding: 15px 40px 5px;
	margin-bottom: 15px;
	margin-bottom: -15px 0 0 0; /* for IE/Win only */
	margin-top: 0px;
	color: #990000;
}
#mainNews1 h2 {
	font-size: 14px;
	padding: 15px 40px 5px;
	margin-bottom: 0px;
	margin-top: 0px;
	color: #13368F;
}
#mainNews1 h3 {
	font-size: 12px;
	padding: 15px 40px 5px;
	margin-bottom: 0px;
	margin-bottom: -20px 0 0 0; /* for IE/Win only */
	margin-top: 0px;
}

#mainNews1 h4 {
	font-size: 10px;
	margin-bottom: 0px;
	margin-top: 0px;
}

#mainNews1 h5 {
	font-size: 14px;
	padding: 15px 40px 0em;
	margin-bottom: 0px;
	margin-top: 0px;
}

#mainNews1 h6 {
	font-size: 32px;
	padding: 15px 40px 0em;
	color: #13368F;
	margin-bottom: 0px;
	margin-top: 0px;
}

#mainNews1 h7 {
	font-size: 14px;
	margin-bottom: 0px;
	margin-top: 0px;
}

#mainNews1 small {
	font-size: 11px;
	margin-bottom: 0px;
	margin-top: 0px;
}

#mainNews1  ol {
	padding-left: 30px;
	padding-top: 5px;
	padding-bottom: 5px;
}	

#mainNews1  ul {
	padding-left: 30px;
	padding-top: 5px;
	padding-bottom: 5px;
}
#mainNews1  ul ul {
	padding-left: 0px;
}

#mainNews1  ul li{
	padding-left: 5px;
	padding-bottom: 5px;
	list-style-image: url('/utnational/images/redbullet.gif');		
}
#mainNews1 ul li li{
	
	padding-top: 5px;
	padding-bottom: 5px;
	list-style-image: url('/utnational/images/bluebullet.gif');		
}
#mainNews1 ul li li li{
	
	padding-top: 5px;
	padding-bottom: 5px;
	list-style-image: url('/utnational/images/blackbullet.gif');		
}

#mainNews1a ul li{
	padding-left: -10px;
	padding-top: 5px;
	padding-bottom: 5px;
	list-style-image: url('/utnational/images/bluebullet.gif');		
}

#mainNews1 p {
	font-size: 12px;
	padding: 15px 40px 0em;
	margin: .5em 0 0;
	padding-top: 5px;
	padding-bottom: 5px;	
}
#mainNews1 a {
	padding: 15px 0px 5px;
	color:#003399;
	text-decoration: none;
	padding-top: 5px;
	padding-bottom: 5px;
}
#mainNews1 a:visited {
	color: #13368F;
	text-decoration: none;
		padding-top: 5px;
	padding-bottom: 5px;
}

#mainNews1 a:hover {
/*	color: #00ccff;
	text-decoration: none;
*/
		color: #993300;
	text-decoration: underline;
		padding-top: 5px;
	padding-bottom: 5px;
}

#mainNews1 a:active {
	color: #993300;
	text-decoration: none;
		padding-top: 5px;
	padding-bottom: 5px;
}
#mainNews2 h1 {
	font-size: 16px;
	padding: 15px 40px 5px;
	margin-bottom: 0px;
	margin-bottom: -20px 0 0 0; /* for IE/Win only */
	margin-top: 0px;
}
#mainNews2 h5 {
	font-size: 14px;
	padding: 15px 40px 0em;
	margin-bottom: 0px;
	margin-top: 0px;
}

#mainNews2 a {
	padding: 15px 40px 5px;
	color:#003399;
	text-decoration: none;
}
#mainNews2 a:visited {
	color: #13368F;
	text-decoration: none;
}

#mainNews2 a:hover {
	color: #00ccff;
	*text-decoration: none;
	text-decoration: underline;
	color: #993300;

}

#mainNews2 a:active {
	color: #993300;
	text-decoration: none;
}

/* SIDEBAR STYLES
--------------------------------------------------------------- */

#sidebar {

	width: 200px;

	position: relative;

	float: left;

	padding: 20px 0 50px 0;

	border-right: 1px solid #666;

	background: #021446;

	margin: 0 !important;

	margin: -50px 0 0 0; /* for IE/Win only */

}

#sidebar h2 {
	margin: 0;
	padding: 5px 10px;
	font-weight: bold;
	font-size: 120%;
	color: #fff;
	background: #021446 url('/utnational/images/bg_h2.gif') repeat-y right 50%;
	text-transform: uppercase;
	border-bottom: 1px solid #666;
}

	#sidebar h3 {
	margin: 0;
	padding: 5px 10px;
	font-weight: bold;
	font-size: 120%;
	color: #000000;
	text-transform: uppercase;
	background: #bbb url('/utnational/images/bg_h3.gif') repeat-y right 50%;
	border-bottom: 1px solid #666;
	}

	#sidebar ul {
	margin: 0;
	padding: 0;
	text-decoration: none;
	border-bottom: 1px solid #000000;
	}
	
	#sidebar li {	
	margin: 0;
	list-style: none;
	color: #000000;
	padding: 5px 10px;
	font-size: 12px;
	text-align: left;
	text-decoration: none;
	border-bottom: 1px solid #FF0000 !important;
	}
	
	#sidebar li a:visited {
	color: #000000;
	text-decoration: none;
	}

	#sidebar li a:hover {
	color: #993300;
	text-decoration: underline;

	}
	
	#sidebar li a:active {
	color: #13368F;

	}

/* = SIDEBAR BG STYLES
--------------------------------------------------------------- */

.sideblue {
	background: #e2ebf6 url('/utnational/images/bg_sideblue.gif') repeat-y right 50%;
}

.sidegray {
	background: #e9e9e9 url('/utnational/images/bg_sidegray.gif') repeat-y right 50%;
}

/* = NAVIGATION STYLES
--------------------------------------------------------------- */

#navcontainer {
	width: 525px;
	text-align: right;
	padding-top: 0px !important;
	background-image: url('/utnational/logo.gif');
	background-repeat: no-repeat;
	background-position: right center;
	top: 12px;
	position: absolute;
	height: 158px;
}
#navcontainersub {
	width: 425px;
	text-align: right;
	padding-top: 0px !important;
	background-image: url('/utnational/logo.gif');
	background-repeat: no-repeat;
	background-position: right center;
	position: absolute;
	height: 180px;
}

#nav {
/*
	margin: 0 !important;
	margin: 20px 0 0 0;
	float: right;
	text-align: right;
	width: 215px;
*/	
    float: left;
	text-align: right;
	text-decoration: none;
	width: 215px;	
}

#nav ul {
	margin: 0;
	padding: 0;
}

#nav li {
	margin: 0; 
	padding: 0;
	line-height: 1.5em;
	list-style: none;
	text-decoration: none;
}

	#nav li a {
	color: #000;
	text-decoration: none;
	font-weight: bold;
	font-size: 120%;
	line-height: 2.51em;
	padding-left: 20px;	
	}

	#nav a:hover {
	color: #00ccff;
	text-decoration: none;
	}

	#nav a:active, #nav a.selected {
	color: #000;
	}

	#navm {
	/*
	margin: 0 !important;
	margin: 30px 0 0 0;
	*/
	float: left;
	text-align: right;
	text-decoration: none;
	width: 215px;
	padding-top: 60px;
	}

	#nav ul {
	margin: 0;
	padding: 0;
	}

	#navm li {
	margin: 0; 
	padding: 0;
	line-height: 1em;
	text-decoration: none;
	list-style: none;
	}

	#navm li a {
	color: #000;
	text-decoration: none;
	font-weight: bold;
	font-size: 120%;
	line-height: 1.6em;
	padding-left: 20px;	
	}

	#navm a:hover {
	color: #00ccff;
	
	}

	#navm a:active, #nav a.selected {
	color: #000;	
	}

	#navpa {
	margin: 0 !important;
	margin: 30px 0 0 0;
	float: right;
	text-align: left;
	width: 215px;
	}

	#navpa ul {
	margin: 0;
	padding: 0;
	}

	#navpa li {
	margin: 0; 
	padding: 0;
	font-size: 150%;
	line-height: 1.3em;
	list-style: none;
	}

	#navpa li a {
	font-weight: bold;
	font-size: 150%;
	line-height: 1.3em;
	padding-left: 20px;	
	}

	#navpa a:hover {
	font-size: 150%;
	color: #FF0000;
	}

	#navpa a:active, #nav a.selected {
	color: #000;
	}	
/* MAIN NAVIGATION BUTTON STYLES
---------------------------------------------------------------
---------------------------------------------------------------
---------------------------------------------------------------
---------------------------------------------------------------
---------------------------------------------------------------
---------------------------------------------------------------
---------------------------------------------------------------
--------------------------------------------------------------- */

.btn_services {
	right: 342px;
	position:absolute;
	top: 20px;
}

.btn_about {
	width: 75px;
	right: 245px;
	position:absolute;
	top: 42px;
}
/*	
.btn_home {
	right: 343px;
	top: 20px;
	position:absolute;
}
*/
.btn_resources {
	right: 357px;
	position:absolute;
	top: 64px;
}

.btn_contact {
	right: 351px;
	position:absolute;
	top: 86px;
}

.btn_help {
	right: 340px;
	position:absolute;
	top: 108px;
}
.btn_STATE {
	right: -360px;
	top: 55px;
	position:absolute;	
	font-size: 150%;
}
.btn_STATE1 {
	right: -360px;
	top: 75px;
	position:absolute;	
	font-size: 150%;
}
.btn_STATE2 {
	right: -152px;
	top: 95px;
	position:absolute;	
	font-size: 150%;
}
.btn_STATEsub {
	right: -125px;
	top: 64px;
	position:absolute;	
	font-size: 150%;
}
.btn_STATEsub1 {
	right: -360px;
	top: 55px;
	position:absolute;	
	font-size: 150%;
}
.btn_STATE1sub {
	right: -225px;
	top: 75px;
	position:absolute;	
	font-size: 150%;
}
.btn_STATE2sub {
	right: -352px;
	top: 95px;
	position:absolute;	
	font-size: 150%;
}
 a.btn_Search {
	right: -225px;
	top: 125px;
	position:absolute;
	list-style: none;
	color: #13368F;
	font-size: 8px;
	text-decoration: none;

}

a.btn_Location {
	right: -345px;
	top: 125px;
	position:absolute;
	list-style: none;
	color: #13368F;
	font-size: 8px;
	text-decoration: none;

}
/* END MAIN NAVIGATION BUTTON STYLES
---------------------------------------------------------------
--------------------------------------------------------------- */

.btn_servicespa {
	margin-left: 100px;
	font-weight: bold;
	font-size: 120%;
	text-decoration: none;	
}
	.btn_aboutpa {
	margin-left: 120px;
	font-weight: bold;
	font-size: 20px;
	text-decoration: none;	
	}
	.btn_youpa {
	margin-left: 100px;
	font-weight: bold;
	font-size: 20px;
	text-decoration: none;	
	}
	
	.btn_homepa {
	margin-left: 40px;
	text-decoration: none;
	}

	.btn_resourcespa {
	margin-left: 130px;
	text-decoration: none;	
	}

	.btn_contactpa {
	margin-left: 60px;
	text-decoration: none;	
	}

	.btn_helppa {
	margin-left: 30px;
	text-decoration: none;
	}
	
/* SUB-PAGE NAVIGATION BUTTON STYLES
---------------------------------------------------------------
---------------------------------------------------------------
---------------------------------------------------------------
---------------------------------------------------------------
---------------------------------------------------------------
---------------------------------------------------------------
---------------------------------------------------------------
--------------------------------------------------------------- */

#navcontainersub a.btn_home {
	position:absolute;
	left: 120px;
	top: 135px;
	position:absolute;
	list-style: none;
	color: #13368F;
	font-size: 12px;
	text-decoration: none;
}

#navcontainersub a.btn_services {
	position:absolute;
	left: 385px;
	top: 135px;
	position:absolute;
	list-style: none;
	color: #13368F;
	font-size: 12px;
	text-decoration: none;

}

#navcontainersub a.btn_about {
	position:absolute;
	left: 175px;
	top: 135px;
	position:absolute;
	list-style: none;
	color: #13368F;
	font-size: 12px;
	text-decoration: none;
}

#navcontainersub a.btn_resources {
	position:absolute;
	left: 310px;
	top: 135px;
	position:absolute;
	list-style: none;
	color: #13368F;
	font-size: 12px;
	text-decoration: none;
}

#navcontainersub a.btn_contact {
	position:absolute;
	left: 245px;
	top: 135px;
	position:absolute;
	list-style: none;
	color: #13368F;
	font-size: 12px;
	text-decoration: none;
}

#navcontainersub a.btn_help {
	position:absolute;
	left: 510px;
	top: 135px;
	position:absolute;
	list-style: none;
	color: #13368F;
	font-size: 12px;
	text-decoration: none;
}

#navcontainersub a.btn_STATE {
	right: -360px;
	top: 55px;
	position:absolute;	
	font-size: 150%;
}
#navcontainersub a.btn_STATE1 {
	left: 620px;
	top: 78px;
	position:absolute;	
	font-size: 150%;
}
#navcontainersub a.btn_STATE2 {
	right: 52px;
	top: 95px;
	position:absolute;	
	font-size: 150%;
}
#navcontainersub a.btn_STATE3 {
	right: -360px;
	top: 55px;
	position:absolute;	
	font-size: 150%;
}

#navcontainersub a.btn_STATEsub {
	right: -125px;
	top: 55px;
	position:absolute;	
	
}
#navcontainersub a.btn_STATEsub1 {
	left: 620px;
	top: 78px;
	position:absolute;	
	font-size: 150%;
}
#navcontainersub a.btn_STATE1sub {
	right: -225px;
	top: 75px;
	position:absolute;	
	font-size: 150%;
}
#navcontainersub a.btn_STATE2sub {
	right: -352px;
	top: 95px;
	position:absolute;	
	font-size: 150%;
}
#navcontainersub a.btn_Search {
	left: 550px;
	top: 135px;
	position:absolute;
	list-style: none;
	color: #13368F;
	font-size: 12px;
	text-decoration: none;

}
#navcontainersub a.btn_Location {
	left: 610px;
	top: 135px;
	position:absolute;
	list-style: none;
	color: #13368F;
	font-size: 12px;
	text-decoration: none;

}
/* END SUB-PAGE NAVIGATION BUTTON STYLES
---------------------------------------------------------------
--------------------------------------------------------------- */

	.clear {
		clear: both;
	}
	
	.clear:after { /* FIX FOR OLD BROWSERS */
		content: .;
		height: 0;
		visibility: hidden;
		display: block;
		clear: both;
	}

