/* Inside Pages ***********************/


/*********************** Reset.css ***********************/

html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset {  
margin: 0; 
padding: 0; 
border: 0; 
	font-family: Helvetica, sans-serif; /* DNN Override */
}

/*********************** Global.css ***********************/

/* This document contains code that is applicable to both the home page and secondary pages  */

body {
	margin: 0;
	padding: 0;
	color: #FFFFFF;
	font-family: Helvetica, sans-serif;
	background: #FFFFFF;
	font-size: 1em;
	}
	
p a {
	text-transform: uppercase;
	font-weight: bold;
	text-decoration: none;
	}
	
p a:hover {
	text-decoration: underline;
	}
	


/* .hide is used for text that is needed for accessibility but does not need to appear on screen to viewers  */

.hide {
	position: absolute; 
	top: -2000em; 
	left: -2000em;
	}
	
	
	
	
.container {
	width: 940px;
	padding: 0 0 0 35px;
	}
	



.header {
	position: relative;
	width: 800px;
	display: block;
	padding: 40px 0 15px 0;
	background-color: #FFFFFF;
	margin: 0 0 0 35px;
	}
	
.header h1 a {
	display: block;
	width: 209px;
	height: 23px;
	background-image: url(/Portals/0/nsuanswers.gif);
	background-repeat: no-repeat;
	margin: 0;
	}
	
.header ul {
	position: absolute;
	bottom: 15px;
	right: 0;
	margin: 0;
	padding: 0;
	list-style-type: none;
	}
	
.header li {
	float: left;
	padding: 0 0 0 15px;
	}
	





.main-content {
	float: left;
	background-image: url(/Portals/0/background2.jpg);
	background-repeat: repeat-x;
	}
	
	

	
/* .column-right = side bar with the black background  */

.column-right {
	width: 215px;
	margin: 0 0 0 525px;
	padding: 30px;
	background-image: url(/Portals/0/background3.jpg);
	background-repeat: repeat-x;
	}
		
.column-right p {
	font-size: .8em;
	line-height: 1.3em;
	}
	
.column-right p a {
	background-image: url(/Portals/0/arrow-green-background.gif);
	background-repeat: no-repeat;
	background-position: center right;
	padding: 0 15px 0 0;
	font-weight: bold;
	color: #FFFFFF;
	font-size: .8em;
	}
.column-right p a.no-arrow { /* removes arrow so links will fit better within p */
	background-image: none;
	text-transform: none;
	padding: 0px;
	text-decoration: underline;
	font-size: 1em;
	font-weight: normal;
	}
	
	
	
	
	
/* This makes the Q & A Archive link green instead of white.  */

.column-right p.green-link a {
	color: #5DA740;
	background-image: url(/Portals/0/arrow-green.gif);
	font-size: 1.1em;
	text-transform: none;
	}
	
	
	
	
/* .column-logo = container for NSU logo and links to campus pages  */

	
.column-logo {
	width: 130px;
 	float: right;
	}
	
.column-logo ul {
	margin: 30px 0 0 0;
	padding: 0;
	}
	
.column-logo li {
	margin: 0 0 12px 0;
	list-style-type: none;
	}
	




.footer {
	clear: both;
	background-color: #FFFFFF;
	color: #808080;
	font-size: .65em;
	padding: 25px 0 20px 0;
	}




/* 

The following is controls the site's navigation.

All of the images for the navigation contain all three states. The background-position property is used to change the states.

  */


.nav-admissions, .nav-courses, .nav-financial, .nav-majors, .nav-student, .nav-nsu, .nav-tahlequah, .nav-broken-arrow, .nav-muskogee {
	display: block;
	height: 10px;
	background-repeat: no-repeat;
	} 

a:hover.nav-admissions, a:hover.nav-courses, a:hover.nav-financial, a:hover.nav-majors, a:hover.nav-student, a:hover.nav-nsu, a:hover.nav-tahlequah, a:hover.nav-broken-arrow, a:hover.nav-muskogee {
	background-position: center left;
	}
	
li.selected a {
	background-position: center left; 
	} 

.nav-admissions {
	width: 80px;
	background-image: url(/Portals/0/nav-admissions.gif);
	}
	
.nav-financial {
	width: 86px;
	background-image: url(/Portals/0/nav-financial.gif);
	}
	
.nav-majors {
	width: 124px;
	background-image: url(/Portals/0/nav-majors.gif);
	}
	
.nav-student {
	width: 75px;
	background-image: url(/Portals/0/nav-student.gif);
	}
.nav-courses {
	width: 90px;
	background-image: url(http://www.nsuanswers.com/Portals/0/nav-fall-courses.gif);
	}
	
.nav-nsu {
	width: 105px;
	background-image: url(/Portals/0/nav-nsu.gif);
	}
	
.nav-tahlequah {
	width: 75px;
	background-image: url(/Portals/0/nav-tahlequah.gif);
	}

.nav-broken-arrow {
	width: 97px;
	background-image: url(/Portals/0/nav-broken-arrow.gif);
	}

.nav-muskogee {
	width: 70px;
	background-image: url(/Portals/0/nav-muskogee.gif);
	}


/*********************** secondary-pages.css ***********************/

.main-content {
	background-color: #43802F;
	width: 445px;
	padding: 35px;
	}
	
.main-content h2 {
	font-weight: bold;
	color: #4D4D4D;
	font-size: 1.2em;
	margin: 0 0 1em 0;
	}
	
.main-content h3 {
	font-weight: bold;
	color: #000000;
	font-size: .8em;
	margin: 1.8em 0 .4em 0;
	}

.main-content p, .main-content ul, .main-content ol {
	font-size: .8em;
	line-height: 1.5em;
	margin: 0 0 1em 0;
	color: #4D4D4D;
	}
	
.main-content ul li, .main-content ol li {
	margin: 0 0 .4em 1.6em;
	}
	

/* 

.no-bullet class is used for lists such as the list of majors and colleges. 

It is used as an alternative to a paragraph with a series of line breaks.

This allows screen readers to recoginize the information as a list.

*/

.main-content ul.no-bullet, .main-content ol.no-bullet {
	
	}
	
.main-content ul.no-bullet li, .main-content ol.no-bullet li {
	margin: 0;
	list-style-type: none; /* Moved from above statement */
	}
	
.main-content p a {
	padding: 0 15px 0 0;
	color: #000000;
	font-weight: bold;
	font-size: .8em;
	text-decoration: none;
	background-image: url(/Portals/0/arrow-black.gif);
	background-repeat: no-repeat;
	background-position: center right;
	}
	
.main-content strong {
	text-transform: uppercase;
	}
	
.main-content p strong {
	font-size: .9em;
	}
	



/* .heading-xxxxxx classes are for the h1 tags on each secondary page.  */

.heading-admissions, .heading-tuition, .heading-majors, .heading-life, .heading-courses, .heading-glance, .heading-archive, .heading-thanks, .heading-tahlequah, .heading-broken-arrow, .heading-muskogee {
	width: 300px;
	height: 25px;
	margin: 0 0 0 30px;
	background-repeat: no-repeat;
	background-position: 0px 2px;
	}
	
.heading-admissions {
	background-image: url(/Portals/0/heading-admissions.gif);
	}
	
.heading-tuition {
	background-image: url(/Portals/0/heading-tuition.gif);
	}

.heading-majors {
	background-image: url(/Portals/0/heading-majors.gif);
	}
	
.heading-life {
	background-image: url(/Portals/0/heading-life.gif);
	}
	
.heading-courses {
	background-image: url(/Portals/0/heading-fall-courses.gif);
	}	
	
.heading-glance {
	background-image: url(/Portals/0/heading-glance.gif);
	}
	
.heading-archive {
	background-image: url(/Portals/0/heading-archive.gif);
	}	
	
.heading-thanks {
	background-image: url(/Portals/0/heading-thanks.gif);
	}	
	
.heading-tahlequah {
	background-image: url(/Portals/0/heading-tahlequah.gif);
	}
	
.heading-broken-arrow {
	background-image: url(/Portals/0/heading-broken-arrow.gif);
	}
	
.heading-muskogee {
	background-image: url(/Portals/0/heading-muskogee.gif);
	}
	
	
	

.main-text {
	width: 385px;
	min-height: 500px;
	background-color: #FFFFFF;
	padding: 30px;
	}
	
.main-text p a:hover {
	text-decoration: underline;
	}






.column-right {
	background-color: #000000;
	}

.column-right h2, .column-right .Normal h2 {
	font-size: 1.2em; /* Changes per Dan/Claire request. it was 1em */
	line-height: 1.4em; /* Changes per Dan/Claire request. it was 1.2em */
	text-transform: uppercase;
	font-weight: bold;
	margin: 0 0 1em 0;
	color: #ffffff; /* DNN Override */
	}	
	
.column-right h3, .column-right .Normal h3 {
	font-size: .8em; 
	line-height: 1.3em;
	font-weight: bold;
	color: #ffffff; /* DNN Override */ 
	}

.column-right p {
	margin: 0 0 1em 0;
	}
	





p.question-link a {
	display: block;
	width: 150px;
	height: 54px;
	background-image: url(/Portals/0/question-link.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 50px 0 30px 0;
	}
	
p.question-link a:hover {
	background-position: left bottom;
	}
	

/*********************** embedded.css ***********************/
<!--[if IE 6]>
<style type="text/css">
.column-right {margin: 0 0 0 522px;}
</style>
<![endif]-->
<!--[if IE]>
<style type="text/css">
.column-right li a {background-image: none;}
</style>
<![endif]-->

/*********************** NSU CSS ***********************/

table.MainMenu_MenuContainer {
	width:940px;
	margin-left: 35px;
	margin-bottom: 5px;
}
.Normal { /* DNN Override */
	font-family: Helvetica, sans-serif;
	font-size: 1em;
}
#archiveh2 {
	display:inline;
	font-size: .77em;
}
.SubHead {
	color: #000000;
	font-weight: normal
}
a:focus
{
-moz-outline-style: none;
}


/* Archive */

.main-content ul#archive {
	margin-bottom: 80px;
}

.main-content #archive li {
	list-style-type: none;
	padding: 0;
	margin: 20px 0;
}
.main-content #archive li li {
	margin-left: 0px;
}
.main-content #archive h3 {
	font-weight: bold;
	color: #000000;
	font-size: 1.3em;
	margin: 0em 0 .6em 0;
	}

.main-content #archive p {
	font-size: 1.3em;
	line-height: 1.5em;
	margin: 0 0 1em 0;
	color: #4D4D4D;
	}
.main-content a:link, .main-content a:hover {
	color: #000000;
	text-decoration: underline;
}


/* At a Glance  */

.main-content .table {
	margin-bottom: 20px;
}
.main-content .table th {
    vertical-align: baseline;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #000000;
}

.main-content .table td {
    vertical-aligh: baseline;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #666666;
}



