/* CSS Document */
* {
	margin: 0;
	padding: 0;
}

body {
	font-family: Arial, Helvetica, sans-serif;
    margin: 0;
    overflow-x: hidden;
    padding: 0;
	background-color: #FFFFFF;
}
*:empty { margin:0; padding:0; }
p:empty { display:none; }
a { color:#298AC4; outline: none; text-decoration:none; }
a:hover { color:#298AC4; text-decoration:underline; }
a:active { color:#298AC4; outline: none; }
:focus, a:focus { -moz-outline-style: none; outline:none;}
:link:focus, :visited:focus { -moz-outline: none; ouline:none; }

hr {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #EEEEEE -moz-use-text-color #FFFFFF;
    border-image: none;
    border-left: 0 none;
    border-right: 0 none;
    border-style: solid none;
    border-width: 1px 0;
    margin: 0.75em 0;
}
h1, h2, h3 {
    padding:0;
    margin:0;
    line-height:normal;
}

h1 {
    padding:0.5em 0;
    margin:0 0 0 0;
    color:#660000;
    font-size:150%;
    font-weight:bold;
}

h2 {
    padding:0.5em 0;
    margin:0 0 0 0;
    color:#660000;
    font-size:140%;
    font-weight:bold;
}

h3 {
    padding:0.5em 0 1.5em 0;
    margin:0 0 0 0;
    text-transform:uppercase;
    color:#A08E7C;
    font-size:100%;
    font-weight:normal;
    clear:both;
}
.specialone { font-weight:bold; }
.specialtwo { font-style:italic; }

li, ul {
    margin:0;
    padding:0;
}
ul {
    list-style-position: outside;
    list-style-type:square;
	margin-right:10px;
}



.container-fluid {
    margin: 0 auto;
}
#header, #footer {
	position:relative;
	z-index:5;
}
#header {
	background-color: transparent;
	
	padding:0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	width: 980px;
}
/* Global Navigation Bar code start */
#header_global {
	background-color: transparent;
	position:relative;
	height:22px;
	background-image: url(images/header_global.gif);
	vertical-align: top;
}
#header_global h4 {
	display:inline;
	font-weight:normal;
	font-size:70%;
}
#header_global a {
	display:inline;
	color: #FFFFFF;
	text-decoration: none;
}
#header_global a:hover 
{
  color:            #ffffff;
  background:		#660000;
  text-decoration:	none;
}
#header_global #homelink {
	position: absolute;
	left: 5px;
}
#header_global #applylink {
	position: absolute;
	left: 445px;
}
#header_global #globalnavdivider {
	position: absolute;
	left: 500px;
	color: #FFFFFF;
}
#header_global #campuslinkslink {
	position: absolute;
	left: 515px;
}
#header_global #globalnavsearch {
	display: inline;
	position: absolute;
	right: 10px;
	padding-top:1px;
}
#header_global #globalnavsearch .searchbox {
	height: 14px;
	font-size: 11px;
	position: absolute;
	right: 28px;
	padding-top:1px;
	background-image:url(images/search_bg.gif);
	background-repeat: no-repeat;
	border:1px solid #888888;
}
#header_global #globalnavsearch .searchimage {
	position: absolute;
	right: 0px;
	padding-top:1px;
}
/* Global Navigation Bar code end */

#banner {
	background-repeat: repeat;
	border-bottom: 0.75em solid #440000;
	min-height: 120px;
	position: relative;
	background-image: url(images/ou-header-bg.jpg);
}
#wordmark {
	min-height: 120px;
	background-image: url(images/GeneralCatalog.png);
	background-repeat: no-repeat;
	background-position:left;
}
#wrapper {
	margin:0 auto; /* center the content */
	width:980px;
}
.wrapper { 
	margin:0 auto; /* center the content */
	width:980px;
}
#main .wrapper {
	padding-top:2em;
	padding-bottom:2em;
	/* the following rules for demo purposes only */
	min-height:25em;
}
#wrapper-all { width:100%; 
}

#left {
	padding-top: 0px;
	padding-bottom: 0px;
	width: 250px;
	border-left-color: #cccccc;
	border-bottom-color: #cccccc;
	border-bottom-width: 5px;
	border-left-width: 5px;
	float: left;
	border-top-color: #cccccc;
	border-top-width: 5px;
	border-right-color: #cccccc;
	border-right-width: 5px;
	border-style: solid;
}

#nav{
	padding-top: 5px;
	font-size: 90%;
	margin-right: 0px;
	padding-right: 5px;
	padding-left: 5px;
	border-left-width: 0px;
	border-left-style: solid;
	float: left;
	padding-bottom: 5px;
	
}
#nav ul{
	margin: 0;
	list-style-type: none;
	background-color: #ffffff;

}
#nav ul li{
	border-top:1px solid #ededed;
    border-bottom:1px solid #fefefe;
}

#nav ul li a{
	color: #298ac4;
	text-decoration: none;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	font-size: small;
	
} 
#nav ul li a:hover{
	color:#298ac4;
	background-color: #e8f4ff;
}
#nav ul li a:active{
	color:#298ac4;
	background-color: #e8f4ff;
}
#nav ul li a:focus{
	color:#298ac4;
	background-color: #e8f4ff;
}
#nav ul li a.thispage{
	color:#298ac4;
	background-color: #e8f4ff;
}

#nav a{
	color:#298ac4;
	display: block;
	padding-left: 1px;
	padding-top: 7px;
	padding-bottom: 7px;
}
#accordion {
	font-family: Arial, Avant Garde, sans-serif;
	line-height: normal;
	width: 700px;
}	
#accordion h3{
	color: #660000;
	padding: 0px;
	font-family: Arial, Avant Garde, sans-serif;
	font-size: 110%;
	font-weight: normal;
	margin: 0px;
	background-color: #cccccc;
}
#accordion p{
color: #000000;
	font-family: Arial, Avant Garde, sans-serif;
	font-size: 100%;
	line-height: normal;
	margin-top: 10px;
	margin-right: auto;
	margin-left: auto;
}
#content {
	font-family: Arial, Avant Garde, sans-serif;
	line-height: normal;
	margin-right: 0px;
	margin-top: 15px;
	margin-bottom: 0px;
	min-height: 1050px;
	width: 710px;
	background-color: #FFFFFF;
	padding-left: 10px;
	float: left;
}
#content p{
	color: #000000;
	font-family: Arial, Avant Garde, sans-serif;
	font-size: 100%;
	line-height: normal;
	margin-top: 10px;
	margin-right: auto;
	margin-left: auto;
}
#content td{
	color: #000000;
	font-family: Arial, Avant Garde, sans-serif;
	font-size: 95%;
	line-height: normal;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 15px;
	margin-left: auto;
}
#content th{
	color: #000000;
	font-family: Arial, Avant Garde, sans-serif;
	font-size: 95%;
	line-height: normal;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 15px;
	margin-left: auto;
}
#content a{
color: #298ac4;
	font-family: Arial, Avant Garde, sans-serif;
}
#content ul{
	list-style-position: outside;
	list-style-type: disc;
	margin: 2px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 15px;
}
#content ul li{
	display: list-item;
	color: #000000;
	font-family: Arial, Avant Garde, sans-serif;
	font-size: 95%;
}
#content ul li a{
	color: #298ac4;
	
} 
#content ol{
	list-style-position: inside;
	list-style-type: decimal;
	margin: auto;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
	}
#content ol li{
	display: list-item;
	color: #000000;
	font-family: Arial, Avant Garde, sans-serif;
	font-size: 95%;
}
#content ol li a{
	color: #298ac4;
	text-decoration: underline;
} 
#content h1{
	color: #660000;
	padding: 0;
	font-family: Arial, Avant Garde, sans-serif;
	font-size: 140%;
	line-height: normal;
	margin: 0px;
}
#content h1 a{
	color: #298ac4;
	padding: 0;
	margin: 0px;
	font-family: Arial, Avant Garde, sans-serif;
} 
#content h2{
	color: #660000;
	padding: 0px;
	font-family: Arial, Avant Garde, sans-serif;
	font-size: 120%;
	margin: 0px;
}
#content h3{
	color: #660000;
	padding: 0px;
	font-family: Arial, Avant Garde, sans-serif;
	font-size: 110%;
	font-weight: normal;
	margin: 0px;
}

#contentbox{
	background-color: #cccccc;
	width: 500px;
	position: relative;
	top: auto;
	left: auto;
	margin-top: 0;
	margin-right: 0px;
	margin-bottom: 0;
	margin-left: 150px;
	padding: 2px;
	right: auto;
	font-size: medium;
	border-radius: 10px;
	
}
#contentbox p{
	color:#000000;
	font-family: Arial, Avant Garde, sans-serif;
	font-size: 100%;
	line-height: normal;
	margin: 0px;
	padding: 0px;
}
#contentbox h1{
	color: #660000;
	font-family: Arial, Avant Garde, sans-serif;
	font-size: 140%;
	line-height: normal;
	padding: 0px;
	margin: 0px;
}
#contentbox h2{
	color: #660000;
	font-family: Arial, Avant Garde, sans-serif;
	font-size: 120%;
	line-height: normal;
	padding: 0;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
}
#contentbox a{
	color: #298ac4;
	text-decoration: underline;
	font-family: Arial, Avant Garde, sans-serif;
	line-height: normal;
} 
#contentbox ul{
	list-style-position: inside;
	list-style-type: disc;
	margin: auto;
	padding: 5px;
}
#contentbox ul li{
	display: list-item;
	color: #000000;
	font-family: Arial, Avant Garde, sans-serif;
	line-height: normal;
	font-size: 95%;
}
#contentbox ul li a{
	color: #990000;
	text-decoration: underline;
	font-family: Arial, Avant Garde, sans-serif;
} 
#contentbox2{
	
	float: right;
	width: 50%;
	position: relative;
	top: auto;
	left: auto;
	margin-top: 1px;
	margin-right: 0px;
	margin-bottom: 0;
	margin-left: 0;
	clear: left;
	padding: 5px;
}
#bottomnav{
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
	background: #CCCCCC;
	padding-top: 1px;
	padding-right: 0px;
	padding-bottom: 3px;
	padding-left: 0px;
	width: 980px;
	text-align: center;
}
#bottomnav ul{
padding: 0;
margin: 0;
}
#bottomnav ul li{
display: inline;
padding: 0;
margin: 0;
}
#bottomnav ul li a{
	color: #990000;
	text-decoration: underline;
	padding: 0 10px 0 10px;
	text-align: center;
	font-size: 80%;
} 
#footer{
	background-image:url(images/bg_black.gif);
    background-repeat:repeat;   
	overflow:hidden;
	line-height: 1.5em;
	color:#999999;
	float:left;
	width: 100%;
}

#footer a { text-decoration:none; }
#footer a:hover { text-decoration:underline; }

#footer a:link,
#footer a:visited {
    color:#FFF;
}
#footer .footerColumn { overflow:auto; float:left; padding:2em 0; }
#footer .logo { margin-right:1em; }
#footer .address { margin-right:8em; }
#footer .links  { margin-right:3em; }
#footer .social  { float:right; }

#footer .links ul {
    padding:0;
    margin:0;
    overflow:auto;
	list-style-type:none;
}

#footer .social h3 {
    color: #999999;
    font-size: 100%;
    padding: 0;
	margin:0 0 0.5em;
    text-transform: none;
	font-weight:normal;
}

#footer .social ul,
#footer .social h3 {
    width:184px; /* width of 4 icons */
}

#footer .social ul {
    padding:0;
    margin:0;
    overflow:auto;
	list-style-type:none;
}
#footer .social ul li { float:left; display:block; }

#footer .social ul li a {
	display:block;
    width: 46px;
    height: 46px;
    margin: 0;
    padding: 0;
    text-indent: -9999px;
	background-image:url(images/footer_social_icons.png);
}
#footer .social ul a.facebook { background-position: 0 0; }
#footer .social ul a.facebook:hover { background-position: -46px 0; }

#footer .social ul a.twitter { background-position: 0 -46px; }
#footer .social ul a.twitter:hover { background-position: -46px -46px; }

#footer .social ul a.youtube { background-position: 0 -92px; }
#footer .social ul a.youtube:hover { background-position: -46px -92px; }

#footer .social ul a.itunesu { background-position: 0 -138px; }
#footer .social ul a.itunesu:hover { background-position: -46px -138px; }

#footer .social ul a.linkedin { background-position: 0 -184px; }
#footer .social ul a.linkedin:hover { background-position: -46px -184px; }

#footer .social ul a.flickr { background-position: 0 -230px; }
#footer .social ul a.flickr:hover { background-position: -46px -230px; }

#footer .social ul a.pinterest { background-position: 0 -276px; }
#footer .social ul a.pinterest:hover { background-position: -46px -276px; }

#footer .social ul a.foursquare { background-position: 0 -322px; }
#footer .social ul a.foursquare:hover { background-position: -46px -322px; }

#footer .social ul a.more { background-position: 0 -368px; }
#footer .social ul a.more:hover { background-position: -46px -368px; }

#footer .notes { 
    clear: both;
    display: block;
	border-top:1px solid #444444;
	padding:1em 0;
}
#footer ul{
	padding: 0;
	margin: 0;
	display: inline;
}
#footer ul li{
	display: inline;
	padding: 0;
	margin: 0;
	list-style-type: none;
}
#footer ul li a{
	color:#cccccc;
	font-size:9px;
	text-decoration:none;
}

#footer p {
	color:#cccccc;
	margin-top:5px;
	font-size:9px;
	text-align:left;
} 
#footer_social_icons h3 {
    color: #999999;
    font-size: 100%;
    padding: 0;
	margin: 0 0 5px;
    line-height: normal;
    text-transform: none;
    width:186px;  /* accomodates 3 icons and the more arrow icon */
}
#footer_social_icons ul {
    padding:0;
    margin:0;
    overflow:auto;
    width:186px;  /* accomodates 3 icons and the more arrow icon */
    list-style-type:none;
}
#footer_social_icons ul li { 
	float:left;
	display:block;
}
#footer_social_icons ul li a {
    display:block;
    width: 46px;
    height: 46px;
    margin: 0;
    padding: 0;
    text-indent: -9999px;
    background-image: url(images/footer_social_icons.png);
}
#footer_social_icons ul a.facebook { background-position: 0 0; 
}
#footer_social_icons ul a.facebook:hover { background-position: -46px 0; 
}
#footer_social_icons ul a.twitter { background-position: 0 -46px; 
}
#footer_social_icons ul a.twitter:hover { background-position: -46px -46px; 
}
#footer_social_icons ul a.youtube { background-position: 0 -92px; 
}
#footer_social_icons ul a.youtube:hover { background-position: -46px -92px; 
}

#footer_social_icons ul a.more { background-position: 0 -368px; 
}

#footer_social_icons ul a.more:hover { background-position: -46px -368px; 
}

.footer #footer_social_icons .wide ul,
.footer #footer_social_icons .wide h1,
.footer #footer_social_icons .wide h2,
.footer #footer_social_icons .wide h3 {
	width:232px; /* accomodates 4 icons and the more arrow icon */
}
.footer #footer_social_icons .narrow ul,
.footer #footer_social_icons .narrow h1,
.footer #footer_social_icons .narrow h2,
.footer #footer_social_icons .narrow h3 {
	width:140px; /* accomodates 2 icons and the more arrow icon */
}
