/****************************************
 * General Formatting
 ****************************************/

body {
	background: #363636 url("../img/bg-field.jpg") repeat-x;
	margin:0;
	padding:0;
}
#page-wrapper {
	background: url('../img/bg.jpg') top center no-repeat;	
	width: 100%; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	/*padding-top:5px;*/
}
#page-wrapper, body, #content,table {
	font-size: 12px; /* 12px */
	line-height: 1.500em; /* 18px */
}
#page {
	margin:10px auto;
	width:800px;
	border: 5px solid #F8F8F8;
	background-color:#F8F8F8;
    /*New Style by Akbar Ehsan*/
    min-height: 350px;
}
#campusHead {
	width:810px;
	margin:10px auto;
}
#nav2 {
	/*margin:0 auto 10px auto;*/
    margin:0 auto 30px auto;
	padding:5px;
	width:800px;
	background-color:rgba(255,255,255,.1);
	_background-color: #444;
}


h1, h2, h3, h4, h5, h6, p, form, fieldset, dd {
	margin: 0;
	padding: 0;
}
img, fieldset,input {
	border: 0;
}
a {
	color: #900;
	text-decoration: none;
}
a:hover {
	color: #900;
	text-decoration: underline;
}
td, th {
	vertical-align: top;
}
p {
	margin: 0 0 1.500em 0;
}
h1 {
	font-size: 1.833em; 
	}
h2 {
	font-size: 1.667em; 
}
h3 {
	font-size: 1.333em; 
	line-height: 1em; /* 18px */
	color:#333;
	margin: 0.900em 0 .25em 0;
}
h4 {
	font-size: 1.167em; /* 16px */
	color:#444;
	line-height: 1em; 
	margin: 1.125em 0 .25em 0;
}
h5 {
	font-size: 1.063em;
	color:#444;
	line-height: 1.286em; /* 18px */
	margin: 1.286em 0;
}
h6 {
	font-size: 1.000em; /* 12px */
	line-height: 1.500em; /* 18px */
	margin: 1.500em 0;
}

/****************************************
 * Skip Anchors
 ****************************************/

#skip, #skip1, #skip2, #skip3, #skip4 {
	position: absolute;
	top: -9999px;
	left: -9999px;
}

/* h1, h2 */

h1 {
	margin: 0;
	width: auto;
}
#global h1 a { display:block; width:auto; height:100px; background:#333 url('../img/iupuc-header-24-25.jpg') no-repeat; text-indent:-10000px;}
#global h1 em { display:none; }
.schoolPage #global h1 a { height: 30px; background-position:left center; background:#333 url('../img/iupuc-bulletin-header-school.jpg') no-repeat; }
.schoolPage .schoolHeader a { display:block; width:auto; height:68px; background:#333 url('../img/school-background.jpg') no-repeat; background-position:left center; text-decoration:none; line-height:68px; font-size: 22px; font-family:"Trade Gothic LT Std", Arial, Verdana; border-top:2px solid white; color:white; padding-left: 19px;}
h2 {
	background-color: #eee;
	border: 1px solid #ccc;
	margin: 0 0 5px 0;
	padding: 15px 20px;
	width: auto;
}

h2.schoolheader {
	background-color: #FFF;
	border:0;
	border-bottom:1px solid #ccc!important;
	margin: 0 0 15px 10px;
	padding: 0 8px 8px 0;
	width: 558px;
	float:left;
}
h2.schoolheader a {
color:#444;		
}

/* Search */

#search {
	float: right;
	margin: -62px 20px 0 0;
	overflow: hidden;
	_display:none;
}
.schoolPage #search { margin-top:-26px; }
#search #q { width:120px; background-color:#EEE; padding:4px; color:#444; }
#search #go { padding:3px; background-color:#777; color:#DDD; }
.schoolPage #search #q { padding:2px 4px; }
.schoolPage #search #go { padding:1px; }


/* Horizontal Primary and Secondary Navigation */

#nav2 ul {
}
#nav2 {
	overflow: hidden;
	
}
 #nav2 ul {
	list-style: none;
}

#nav2 ul {
	float: right;
	margin:0;
	padding:0;
}
 #nav2 li {
	display: inline;
	padding: 0 20px 0 10px;
	font-size: 10px;
	color:white;
 }
 #nav2 li a { color:#EEE;}
 #nav2 li a:hover { color:#E3E3E3;}

/* Horizontal Primary and Secondary Navigation */

#nav1 ul {
	list-style: none;
	margin: 0 0 15px 0;
	padding: 0;
	width:800px;
	float:left;
	background-color:#F9F9F9;
}
#nav1 li {	
	border-right:1px solid #BBB;
	border-bottom:1px solid #CCC;
	border-top:1px solid white;
	width:auto; 
	float:left;
	height:22px;
}
#nav1 li:first-child {
	border-left:1px solid #CCC;		
}
#nav1 li a {
	display: block;
	line-height:1em;
	padding: 6px 5px 6px;
	font-size: 9px;
	color:#555;
	height:10px;
	float:left;
	background-color:#F3F3F3;
}
#nav1 li a:hover { 
color:black;
background-color:white;
text-decoration:underline;
}


/* Local Primary Navigation */

#nav3 {
	float: left;
	margin: 0 0px 15px 0px;
	padding: 0;
	width: 180px;
	background-color: #f0f0f0;
	border: 1px solid #DDD;
	padding: 0px;
}
#nav3 h3 {
	font-size: 125%;
	margin: 0;
	padding: 8px 0;
}
#nav3 ul {
	margin: 0 0 0 0px;
	padding: 0;
	list-style:none;
	font-size:11px;
}
#nav3 ul li {
	color: #333;
	margin: 0;
	padding: 0;
	border-bottom:1px dotted #BBB; 
}
#nav3 ul li:last-child { border:0 }
#nav3 a { display:block; padding: 8px; }
#nav3 a:hover { background-color: #FAFAFA; text-decoration:none; }
#nav3 hr {
	color: #eee;
	background-color: #eee;
	border-top: 1px solid #900;
}

/* Content */
#global, #content, #nav1 {

}
#content {
	width:558px;
	padding: 0 10px;
	margin:0 0 0 190px;
}
#content h2 {
	border-bottom: 1px solid #000;
	margin: 0 0 15px 0;
	padding: 0;
}

/* Sprocket */

#column_right {
	float: right;
	margin: 0 -35px 0px 20px;
	padding: 0;
	width: 200px;
}
#column_right .box {
	background-color: #f0f0f0;
	border: 1px solid #ccc;
	padding: 10px;
	margin: 0 0 15px 0;
	width: 185px;
	font-size:10px;
}
#column_right .box h3 {
	margin: -10px -10px 5px -10px;
	padding: 5px;
	color:#333;
	background-color:#DDD;
	font-size:11px;
	text-transform: uppercase;
}
#column_right .box h4 {
	margin: 0;
	padding: 5px 0 10px 0;
}
#column_right .box ul {
	margin: 0 0 0 15px;
	padding: 0;
}
#column_right .box li {
	color: #333;
	padding: 1px 0;
}
#column_right .box p {
	margin: 0;
	padding: 3px 0;
}
#column_right .box .placeholder {
	border: 1px solid #ccc;
	background-color: #fff;
	text-align: center;
	font-weight: bold;
	height: 80px;
	width: 198px;
	padding: 60px 0 0 0;
}

/* Toolkit */

#toolkit ul {
	clear: both;
	float: right;
	font-size: 0.833em; /* 10px */
	list-style: none;
	margin: -20px 0 0 0;
	padding: 0;
	position: relative;
	top: 34px;
	right: 0;
}
#toolkit li {
	display: inline;
	padding: 0 15px 0 10px;
}

/* Footer */
address.footer { clear: both; margin: 0 auto; padding: 0 0 10px; color: #CCC; font: 9px Verdana, Arial, helvetica, sans-serif; line-height: 15px; width:810px; }
address.footer a { color:white;}
address img { border: 0; }


/****************************************
 * Multi-Purpose Classes
 ****************************************/

.clear {
	clear: both;
}
.hide {
	display: none;
}
.small {
	font-size: 0.833em; /* 10px */
	line-height: 1.400em; /* 14px */
}
.right {
	text-align: right;
}
.indent {
	margin: 0 0 0 45px;
}
li.active a{
	background-color:#fff;
	font-weight:bold;
}

#course-list{
	display:block;
	width:550px;
	list-style:none;
	margin:0;
	padding:0;
}
li.school {
	list-style:none;
}
li.class{
	list-style:none;
}
.addSpace li {
	 margin-bottom: 0.5em;
}
.removeSpace li {
	margin-bottom: 0em;
}
.removeStyle li {
	list-style-type: none;
}
.lowerAlpha li {
	list-style-type: lower-alpha;
}
ol.upperAlpha {
	list-style-type: upper-alpha;
}

/* OCS Styles */

dt {
	font-weight:bold;
	margin:10px 0 5px 0;
}
dd {
	margin:0;
}
dl {
	margin:20px 0;
}
/*********************************
* Course listings
**********************************/

.course-listings {
/*	font-family:Georgia,"Times New Roman",Times,serif;	*/
}
.course-listings ul {
margin:10px 0;
}

dt.course-folder-name {
   font-size: 12pt;
   font-weight:bold;
}

.course-listings dt {
   font-weight:bold;
}

.ctitle {
   font-weight:bold;
}
.course-listings ul {
	padding:0 0 0 0;
	list-style-type:none;
	list-style-image:none;
	list-style-position:outside;
}

table, table td {
	border:1px solid #000000;
}

#content table .shade {
	background-color: #ededed;
}

#nav3 ul {
	margin: 0 0 0 0px;
	padding: 0;
	list-style:none;
	font-size:11px;
}
#nav3 ul li {
	color: #333;
	margin: 0;
	padding: 0;
	border-bottom:1px dotted #BBB; 
}
#nav3 ul li:last-child { border:0 }
#nav3 a { display:block; padding: 8px; }
#nav3 a:hover { background-color: #FAFAFA; text-decoration:none; }


#nav3 ul.level2 {
        background-color:#e0e0e0;
        margin:0;
}
#nav3 ul.level2 li {
        border:none;
}
#nav3 ul.level2 li a {
        padding:8px 8px 8px 23px;
}

#nav3 ul.level3 {
        background-color:#d0d0d0;
        margin:0;
}
#nav3 ul.level3 li {
        border:none;
}
#nav3 ul.level3 li a {
        padding:8px 8px 8px 43px;
}