/*Basics and defaults*/
* {margin: 0px;padding: 0px;}
body {font-family: Georgia;font-size: 62.5%;height: 100%;width: 100%;
	background: #11171F url('../img/tiles.PNG') left top;
}
h1 {padding: 0 0 2em 0;text-align: center;font-size: 1.5em;color: #FFF;}
h2 {padding: 0 0 2em 0;text-align: center;color: #FFF;}
h3 {color: #FFF;text-align: center;}
h4 {font-size: 1.5em;color: #FFF;text-align: left;}
h5 {color: #FE5;font-size: 1.1em;}
h5.alleft{float: left; text-align: left; width: 340px;}
h5.alright{float: right; text-align: right; width: 347px;}
dt {font-size: 1.4em;color: #FFF;}
dd {font-size: 1.2em;color: #FE5;}
p {color: #FE5;font-size: 1.2em;}
a {display: inline;text-decoration: none;color: #FFF;}
td {color: #FE5;}
form {display: inline;clear: both;}
input{display: inline;clear: both;}
ol{padding: 1em 0 1em 2.3em;color:#fff;}
ol li {padding: 4px 0;}
/*End*/	

#wrap {
	margin-right: auto;
	margin-left: auto;
	width: 1044px;
	font-size: 1.3em;
	background: url('../img/side.png') repeat-y left top;
}

#content {
	margin-right: auto;
	margin-left: auto;
	width: 1024px;
	border-bottom: 1px solid #273649;
	background: url('../img/bricks.png') repeat-x 0 300px;
}

#top {
	float: left;
	min-width: 1023px;
	width: 1023px;
	height: 95px;
	background: url('../img/grid.png') left top;
	border-right: 1px solid #273649;
	}

#top h4 {
	font-family: "Book Antiqua";
	font-weight: 400;
	text-align: left;
	font-size: 2.1em;
	text-indent: 1em;
	margin: 0;
	padding: 21px 0 5px 0;
	color: #FE5;
	background: url('../img/bar.png') repeat-x left bottom;
}
#top h5 {
	float: left;
	width: auto;
	text-align: left;
	padding: 0 6em 0 12em;
	font-family: "Book Antiqua";
	font-style: italic;
	font-size: 15px;
	color: #FFF;
	display: inline;
	}
#top a {
	font-size: .9em;
	color: #FE5;
	padding: .5em;
	display: inline;
	}
#top ul, #top li, #ccsuBar ul, #ccsuBar li {
	list-style: none;
	display: inline;
	}

#headLinks a, #ccsuLinks a {display: block;width: 6em;}
#headLinks li {float: left;width: 6em;}
#headLinks li ul, #ccsuLinks li ul {
	position: absolute;
	width: 6em;
	visibility: hidden;
	}
#headLinks .wider {width: 9.5em;}
#headLinks li ul a, #ccsuLinks li ul a {
	font-size: .9em;
	color: #FE5;
	margin: 0;
	padding: 0;
	padding-top: .5em;
	background: #161F2A;
	border-bottom: 1px solid #11171F;
	}
#headLinks li ul, #ccsuLinks li ul {z-index: 10;}
#ccsuLinks li ul a {background: #11171F;border-bottom: 1px solid #161F2A;}

#headLinks li ul a:hover, #ccsuLinks li ul a:hover {
	color: #FFF;
	margin: 0;
	padding: 0;
	padding-top: .5em;
	padding-left: 1em;
	padding-bottom: .5em;
	background: #06407B;
	}
#headLinks li ul a, #headLinks li ul a:hover, #ccsuLinks li ul a {padding-left: 1em;padding-bottom: .5em;}

#ccsuLinks li {float: left; width: auto;}
#ccsuLinks .cM1 {width:149px;}
#ccsuLinks .cM2 {width:167px;}
#ccsuLinks .cM3 {width:163px;}
#ccsuLinks .cM4 {width:204px;}

/*CCSU buttons for clicked and unclicked*/
#AboC .buClose {display: block;width: 154px;height: 25px;text-indent: -999em;
	background: url('../img/about.png') left bottom;
}
#AcaC .buClose {display: block;width: 167px;height: 25px;text-indent: -999em;
	background: url('../img/academics.png') left bottom;
}
#AdmC .buClose {display: block;width: 166px;height: 25px;text-indent: -999em;
	background: url('../img/admissions.png') left bottom;
}
#AluC .buClose {display: block;width: 207px;height: 25px;text-indent: -999em;
	background: url('../img/alumni.png') left bottom;
}
#AthC .buClose {display: block;width: 155px;height: 25px;text-indent: -999em;
	background: url('../img/athletics.png') left bottom;
}
#CamC .buClose {display: block;width: 174px;height: 25px;text-indent: -999em;
	background: url('../img/campuslife.png') left bottom;
}
#AboC .buOpen {display: block;width: 154px;height: 25px;text-indent: -999em;
	background: url('../img/about.png') left top;
}
#AcaC .buOpen {display: block;width: 167px;height: 25px;text-indent: -999em;
	background: url('../img/academics.png') left top;
}
#AdmC .buOpen {display: block;width: 166px;height: 25px;text-indent: -999em;
	background: url('../img/admissions.png') left top;
}
#AluC .buOpen {display: block;width: 207px;height: 25px;text-indent: -999em;
	background: url('../img/alumni.png') left top;
}
#AthC .buOpen {display: block;width: 155px;height: 25px;text-indent: -999em;
	background: url('../img/athletics.png') left top;
}
#CamC .buOpen {display: block;width: 174px;height: 25px;text-indent: -999em;
	background: url('../img/campuslife.png') left top;
}
/*End*/

#mathban {clear: both;background: #273649 url('../img/mathbanner3.png') no-repeat left 50%;
min-height: 180px;height: 180px;}
#mathban h1, #mathban img {display: none;height: 0;}

/*Side bar and Center (clinks) Folder styles*/
#links, #clinks {list-style: none;}
#links div, #clinks div  {
	position: relative;
	margin-left: 2em;
	display: none;
	visibility: hidden;
	background: #161F2A;
	}
#links div a, #clinks div a {
	display: block;
	padding: 5px 8px;
	white-space: nowrap;
	overflow: hidden;
	color: #FE5;
	}
#links div a:hover, #links div .current, #clinks div a:hover {
	color: #FFF;
	background: #11171F;
	}
#links div .current, #links a:hover.current {
	padding-left: 10px;
	background: #11171F url('../img/pointer.PNG') no-repeat left 50%;
}
	
#links div .external, #clinks .external {
	padding-right: 12px;
	background: #161F2A url('../img/Icon_External_Link.png') no-repeat right 50%;
}
#links a:hover.external, #links a:active.external, #clinks a:hover.external, #clinks a:active.external {
	padding-right: 12px;
	background: #11171F url('../img/Icon_External_Link.png') no-repeat right 50%;
}

#links li, #clinks li {
	margin: 0 1px 0 0;
	font-size: 1.2em;
	clear: both;
	}
#links a, #clinks a {
	display: block;
	padding: 4px 8px;
	color: #FE5;
	border: 1px solid #374B64;
	border-right: 1px solid #11171F;
	border-bottom: 1px solid #11171F;
	background: #161F2A;
	}
#links a:hover, #links a:active, #clinks a:hover, #clinks a:active {
	display: block;
	color: #FFF;
	border: 1px solid #fff;
	border-right: 1px solid #efa;
	border-bottom: 1px solid #efa;
	background: #11171F;
	}
#links .closed, #links a:hover.closed, #links a.closed, #clinks .closed, #clinks a:hover.closed, #clinks a.closed {
	padding-left: 21px;
	background: #161F2A url('../img/gnufolder1.PNG') no-repeat left 50%;
}
#links .open, #links a:hover.open, #links a.open, #clinks .open, #clinks a:hover.open, #clinks a.open {
	padding-left: 21px;
	background: #11171F url('../img/gnuopen1.PNG') no-repeat left 50%;
}
#links a.house {
	padding-left: 21px;
	background: #161F2A url('../img/house.PNG') no-repeat left 50%;
}
#links a:hover.house {
	padding-left: 21px;
	background: #11171F url('../img/house.PNG') no-repeat left 50%;
}
#clinks a.goto {margin-top: 20px;}
/*End*/

#leftContent{
	clear: both;
	float: left;
	width: 26%;
	padding-bottom: 4em;
	background: url('../img/maya4.png') no-repeat center bottom;
}


#rightContent{float: right;width: 74%;padding-bottom: 4em;}

#rightText{
	border-left: 2px solid #273649;
	border-top: 2px solid #273649;
	float: left;
	width: 717px;
	border-right: 2px solid #11171F;
	border-bottom: 2px solid #11171F;
	background: #11171F url('../img/Itza.jpg') left top;
	clear: both;
}
/*#rightText a{font-size: 1.1em;color:#29F;}
#rightText a:hover{text-decoration: underline;color:#efa;}*/
	
#subsectText{float: left;width:717px;}
#subsectRight{float: right;width: 60%;}
#subsectLeft{float: left;width: 40%;}

	
#toe{text-align: center;clear: both;padding-top: 4em;background: url('../img/maya3.PNG') no-repeat center top;
}
#toe a {padding: 16px 8px 0 8px;}

.bigger{font-size:1.4em;}
.bg {width: 94%;padding: 0 10px;margin: 0 auto;background: #11171F;}
.heavy {font-weight:800;}
.bold {font-weight: bold;}
.fast {font-style:italic;}
.italic {font-style:italic;}
.cenbold {text-align: center;font-weight:800;}
.cenitalic{text-align: center;font-style:italic;}
.lined{text-decoration:underline;}
.clear{clear: both;}
.gutter {padding: 10px;margin-left: 5px;}

.p1 {padding: 0 0 3em 0;}

.person {font-weight: 900;font-size: 15px;color: #FFF;}

.inline {display: inline;}
.W3C {display: inline; padding: 5px 10px; text-align: right;}

#section {float: left;list-style: none;clear: both;}
#section li {
	float: left;
	margin: 0 1px 0 0;
	font-size: 1.2em;
	}

#section a {
	float: left;
	display: block;
	padding: 4px 5px;
	color: #FE5;
	text-decoration: none;
	border: 2px solid #11171F;
	border-bottom: none;
	background: #26263F;
	min-width: 100px;
	}

#section a:hover, #section a:active, #section .current a {
	color: #FFF;
	border: 2px solid #273649;
	border-bottom: none;
	background: #11171F;
	}
#section .dead a, #section .dead a:hover{color:#555;}

/*imported from FinalSite */
#ss_div form { display:inline;font-size: 0px;}
#ss_div {position: absolute; vertical-align: top; margin: 8px 0 0 795px; color: #9ecee0; }

.search_bar { display:inline;}

#keywords{
	background: #273a77; 
	border: 0px solid #ffffff;
	width: 138px;
	height: 17px;
	color: #becee0;
	padding: 0 0 0 3px;
	margin-top: 0px;
	vertical-align: top;
	display: inline;
	}

/*End import*/

/*Data list styles and subsets */
dl.staff {float: left;width: 679px;display: inline;margin: 10px 20px;}
.staff dt {float: right;width: 490px;}
.staff dd.img img {float: left;margin: 0 8px 0 0;padding: 4px;border: 1px solid #374B64;border-right: 1px solid #003153;border-bottom: 1px solid #003153;background: #161F2A;}

dl.alt {float: left;width: 679px;display: inline;margin: 10px 20px;}
.alt dt {float: left;width: 490px;text-align: right;}
.alt dd {margin: 0;padding: 0;text-align: right;}
.alt dd.img img {float: right;margin: 0 0 0 8px;padding: 4px;border: 1px solid #374B64;border-right: 1px solid #003153;	border-bottom: 1px solid #003153;background: #161F2A;}
	

dl.list {float: left;padding: 0 15px 0 15px;width: 687px;background: #11171F;}
.list dt {margin: .8em 0; padding-bottom: 6px; background: url('../img/dot.PNG') repeat-x left bottom;}
.list dt.cenbold {text-align: center;font-size: 2em;}
.list dt.center {text-align: center;}
.list dd {font-size: 1.1em; padding: 0 0 10px 0; line-height: 1.6em;}
.list dd.bigger{font-size: 1.5em;}
.list dd.cenbold {font-size: 1.6em; margin-bottom: .4em;}
.list dd.space {font-size: 1.2em; font-weight: 800; margin-top: .8em; padding: 0;}
.list dd.dense {margin: 0; padding: 0; line-height: 1.1em;}
.list dd.col{display: block;width: 14em;float: left;}
.list dd.img img {margin: 20px auto;display: block;}
dt.notice{color: #F44; display: inline;background: none;}
dd.notice{display: inline;color: #F44;}
.notice a{display: inline;}

dl.inverselist{float: left;padding: 0 15px 0 15px;width: 687px;background: #11171F url('../img/fade.png') repeat-y left top;
}
.inverselist dt {width: 587px;margin: .8em 0; padding-top: 6px; background: url('../img/bar.png') repeat-x left top;
display: inline;float:left;
}
.inverselist dt.alright {width: 100px;margin: .8em 0; padding-top: 6px; background: url('../img/bar.png') repeat-x left top;
display: inline;text-align:right;
}
.inverselist dd {clear: both;font-size: 1.1em; padding: 0 0 10px 0; line-height: 1.6em;}

dl.semester {float: left;width: 390px;padding: 0 5px 5px 5px;margin: 0 10px;display: inline;background: #161F2A;}
.semester dt {padding-bottom: 6px;margin:10px 0;background: url('../img/dot.PNG') repeat-x left bottom;
}
.semester dd {font-size: .9em;margin: 0 0 0 44px;}
dd.numdate {float: left;margin: 0;}
dd.Oicon {display: block;text-align: right;padding: 3px 14px 3px 0;background: url(../img/Oicon.png) no-repeat center right;}
dd.Bicon {display: block;text-align: right;padding: 3px 14px 3px 0;background: url(../img/Bicon.png) no-repeat center right;}

dl.tutors {float: left;width: 358.5px;min-height: 12em;margin: 0 auto;text-align: center;background: #11171F;}

dl.programs{float: left;width: 342px;min-height: 13em;font-size:.9em;text-indent: 10px;background: #161F2A;border-bottom: 2px solid #11171F;}
.programs dd.cenitalic{font-size:.9em;}

dl.notes{font-size: .8em;}
.notes dt{font-size: 1.1em;}
.notes dd{padding-top: 10px;}

dl.research {float: left;font-size:.8em;width:235px;margin: 10px auto;}
.research ul{padding-left: 15px;}

dl.publications {float: left;padding: 0 15px 0 15px;width: 687px;background: #11171F;}
.publications dt {margin: .8em 0 .2em 0; padding-bottom: 6px; background: url('../img/dot.PNG') repeat-x left bottom;}
.publications li {margin: .6em 0;}
.publications p {display: inline;font-size:1.1em;}
.publications a.cenbold{display: block;padding: 3px 12px;width:70px;border: 1px solid #374B64;border-right: 1px solid #11171F;border-bottom:  1px solid #11171F;}
.publications a.cenbold:hover{color: #FE5;border: 1px solid #fff;background: #11171F;}

dl.calendar {padding: 15px 0 20px 30px;background: #11171F;}
.calendar dt{font-size: 2.3em;text-indent: 9px;color: #efa;}
.calendar dd{padding-left: 80px;color: #fff;}
.calendar a{color: #29F;}
.calendar a:hover{color: #efa;text-decoration: underline;}
.calendar dt.date {width: 50px;text-align: center;font-size: 1.5em;text-indent: 0;padding-top: 30px;}
.calendar dd.date {width: 48px;height: 48px;text-align: center;background: #236;border: 1px solid #555;color: #efa;font-size: 2.3em;float: left;padding: 0;}
.calendar dd.small {padding-top: 12px;height: 36px;font-size: 1.2em;}
/*end*/

/*Table classes and sub styles */
table.calendar {table-layout: fixed;border-collapse: collapse;width: 290px; color: #FE5;background: #161F2A;}
.calendar th{padding: 3px;}
.calendar td{text-align: center;vertical-align: middle;padding: 3px;}
td.Bicon {background: #06407b;}
td.Oicon {background: #e6e68f;color: #000;}

table.courses{table-layout: fixed;border-collapse: collapse;width: 655px;margin: 0 0 15px auto;}
.courses td {font-size: .9em;color: #FE5;}
.courseData th {color: #FFF;font-size: 1.1em;text-align: left;vertical-align: bottom;padding: 28px 0 0 0;}
.tableHead td {font-size: .8em;}

table.placement {margin: .8em 0;}
.placement tr .cenbold {border-bottom: 1px solid #fff;}
.placement tr.balt {background: #273649;}
.placement td {font-size: 1.1em; padding: .4em 0; padding-left: .4em;}

table.programs {table-layout: fixed;border-collapse: collapse;width: 655px;margin: 0 auto 0 15px;padding-bottom:30px;}
.programs th {padding: 10px 0 5px 0;font-size:1.3em;text-align: left;vertical-align: bottom;color: #aaa;}
.programs td {font-size:.9em;}
.programs th.cenitalic {font-size: 1em; padding:0;}
.programs th.smaller {font-size: 1em;}
td.center {color: #FFF;}

table.schedule {table-layout: fixed;margin: 0 auto;float: left;width: 100%;background: #11171F;}
.schedule th {font-size:1.1em;font-weight:normal;color: #FE5;padding: 2px;background: #26263F;}
.schedule th.cenbold {font-size: 1.3em;color:#efa;}
.schedule th.alleft {text-align: left;text-indent: 5px;}
.schedule td {color: #FFF;text-align: center;}
.schedule tr.alt {background: #273649;}
.schedule td.bl {background: #273649;}
#rightText td.time{background: #383852;}
#rightText .alt td.time{background: #26263F;}

table.faculty{table-layout:fixed;padding: 15px;margin: 0 auto;width: 97%;}
.faculty th{font-weight:400;text-align: left;color:#efa;padding:8px;}
tr.alt {background: #11171F;}
tr.top {background: #169;padding: 4px;}
.top td{font-size:.8em;padding: 4px 6px;}
.faculty td{min-width:83px;}

table.offered {table-layout: fixed;margin: 0 auto;background: #11171F;}
.offered tr.alt{background: #273649;}
.offered th {font-size:1em;font-weight:normal;color: #FE5;padding: 2px;background: #26263F;}
.offered th.cenbold {font-size: 1.1em;color:#efa;}
.offered td {font-size: .9em;text-align: left;padding: 3px;}
/*End*/

/*Google Search*/
#cse-search-box {float: right; text-align: right;padding: 1px 12px 9px 0;}
#cse-search-box .btn {background: #11171F;color: #9ecee0;border: 1px outset #29F;}
#cse-search-box .btn_hover {background: #11171F;color: #efa;border: 1px outset #efa;}
/*End import*/