html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
.clearBoth{
	clear: both;
}
.alignCenter{
	display: block;
	margin-left: auto !important;
	margin-right: auto !important;
}
/* ------------------ Set HTML element sizing -------------------- */
body{
	font-family: 'Lato', sans-serif;
	background-image:url("//img.centralcollege.info/JAM/main/template-images/bg.jpg");
	background-repeat:repeat;
}
/* ------------------ Site navigation  -------------------- */
#siteNavigation{
	position: fixed;
	top: 0px;
	left: 200px;
	z-index: 2;
	background-color: #333333;
	height: 30px;
	width: 100%;
	padding-top: 10px;
	min-width: 800px;
}
#siteNavigation ul li{
	display:inline;
}
#siteNavigation ul li a{
	padding: 0px 4px;
	color: #fff;
	cursor:pointer;
	padding: 12px 10px;
	text-decoration:none;
}
#siteNavigation ul li a:hover{
	background-color:#cb2026;
	color:#fff;
}

/* ------------------ Site Extras Nav -------------------- */
#siteExtras{
	position: fixed;
	top: 40px;
	left: 750px;
	z-index: 2;
	height: 20px;
	width: 205px;
	text-align:right;
	font-size:.75em;
	border-radius: 0px 0px 6px 6px;
	background-image:url("//img.centralcollege.info/JAM/main/template-images/grayBG.png");
	background-repeat:repeat;
	padding:1px 10px 0 5px;
}
#siteExtras ul{
	margin-top:3px;
}
#siteExtras ul li{
	display:inline;
	color: #fff;
}
#siteExtras ul li a:link, #siteExtras ul li a:visited{
	padding: 3px 10px;
	color: #fff;
	text-decoration: none;
}
#siteExtras ul li a:hover{
	background-color:#cb2026;
	color:#fff;
}
.quickHide, .searchHide{
	padding: 5px 0px;
	margin-top: 10px;
	text-align:center;
	cursor:pointer;
	background-image:url(images/redBG.png);
	background-repeat:repeat;
	border-radius: 0px 0px 6px 6px;
	color: #fff;
}

/* ------------------ Left navigation  -------------------- */
#leftAnchored{
	position: fixed;
	top:0;
	left: 0;
	width: 200px;
	min-height: 100%;
	background-image:url("//img.centralcollege.info/JAM/main/template-images/grayBG.png");
	background-repeat:repeat;
	z-index: 80;
}

#logo{
	background-color: #fff;
	z-index:1;
}
#navigation{
	background-color: #cb2026;
	z-index: 9999;
}

#navigation .sectionNav a{
	font-size: .8em;
	border-bottom: 1px solid #990000;
	color: #fff;
	display:block;
	padding: 10px;
	text-decoration: none;
	text-transform:uppercase;
}
#navigation .sectionNav .sectionHead{
	background-color: #660000;
	color: #fff;
	font-weight:bold;
	font-size: 1.2em;
}
#navigation .sectionNav a:hover{
	background-color: #990000;

}
#navigation .selected{
	background-color:#990000;
	color: #fff;
}
.applyGive{
	padding: 10px 20px;
	background-color: #333;
}
.applyIcon{
	background-image: url("//img.centralcollege.info/JAM/main/template-images/icon-sprite.png");
	background-position: 0px 0px;
	background-repeat:no-repeat;
	padding: 5px 0 5px 35px;
}
.giveIcon{
	background-image: url("//img.centralcollege.info/JAM/main/template-images/icon-sprite.png");
	background-position: 0px -50px;
	background-repeat:no-repeat;
	padding: 3px 0 5px 35px;
}
.applyGive a:link, #navigation .applyGive a:visited{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	font-size: 1em;
	padding-top:3px;
	text-decoration: none;
	color: #ccc;
}
.applyGive a:hover{
	color: #cb2026 !important;
}

/* ------------------ Body Content  -------------------- */
#bodyContent{
	background-color:#fff;
	margin: 123px 0 0 250px;
	width: 70%;
	max-width: 750px;
	padding: 0 0 1% 0;
}
#bodyContent h1{
	background-color: #990000;
	color: #EBE1D6;
	font-family: 'Rokkitt', serif;
	font-size: 3em;
	padding: 10px;
}
#bodyContent h2{
	background-color: #660000;
	color: #fff;
	font-size: 1.1em;
	padding: 10px;
}
#bodyContent h3{
	border-bottom: 1px solid #ccc;
	color: #cb2026;
	font-weight: bold;
	font-size: 1em;
	margin: 10px 5px;
	padding: 5px;
}
#bodyContent h4{
	color: #cb2026;
	font-size: 1em;
	margin: 10px 5px;
	padding: 5px;
}
#bodyContent p{
	margin: 10px;
	font-size: 1em;
	line-height: 1.5em;
}
#bodyContent strong{
	font-weight: bold;
}
#bodyContent a:link, #bodyContent a:visited{
	color: #990000;
}
#bodyContent a:hover{
	color: #cb2026;
	text-decoration: underline;
}
#bodyContent ul, #bodyContent ol{
	margin: 10px 5px 5px 30px;
}
#bodyContent ul li{
	list-style: disc;
	margin-bottom: 5px;
	margin: 1% 1% 1% 5%;
	line-height: 1.5em;
}
#bodyContent ol li{
	list-style: decimal;
	margin: 2% 1% 2% 5%;
	line-height: 1.5em;
}

.two-column-list li{
	float: left;
	width: 43%;
}

#bodyContent img{
	border: 1px solid #ccc;
	margin: 1%;
}
#bodyContent .noMargin{
	margin: 0px !important;
}
#bodyContent .noBorder{
	border: none !important;
}
#bodyContent blockquote{
	background-color: #efefef;
	margin: 3%;
	padding: 3%;
	border: 3px dotted #ccc;
	border-bottom: 15px solid #ccc;
	color: #990000;
	font-size: 1.2em;
	line-height: 1.3em;
}
#bodyContent pre{
	font-family:"Courier New", Courier, monospace;
	margin: 10px;
	width: 750px;
	overflow: hidden;
}
#featuredPhoto{
	float: right;
}
#breadcrumb{
	margin: 15px;
	text-transform:lowercase;
	color:#999;
}
#breadcrumb a:link, #breadcrumb a:visited{
	text-decoration: none;
	color: #999;
}
#breadcrumb a:hover{
	color: #000;
}
#bodyHighlight{
	font-size: 1em;
	color: #56728f;
	padding: 10px;
}
.directoryListing{
	width: 45%;
	margin: 1%;
	float: left;
	text-align: center;
}
.twoColumnBlockText{
	width: 45%;
	margin: 1%;
	float: left;
}
/* ------------------ Profile -------------------- */
.profileBanner{
	position: relative;
	float:left;
	color: #fff;
}
.profileBanner img{
	border: none !important;
	margin: 0 !important;
}
.profileInfo{
	position:absolute;
	right: 1.5em;
	top: 2.5em;
	max-height: 200px;
	max-width: 20em;
	min-height: 150px;
	background-image: url('//img.centralcollege.info/JAM/main/template-images/grayBG.png');
	background-repeat: repeat;
	border-radius: 5px 5px 5px 5px;
}
.profileHeading{
	border-bottom: 2px solid #990000;
	color: ##FFFFFF;
	font-family: 'Rokkitt',serif;
	font-size: 1.5em !important;
	padding: 0.1em;
}


/* ------------------ Global Classes for styling elements  -------------------- */
table, td, th{
	margin: 5px;
	padding: 5px;
}
td{
	line-height: 1.2em;
}
/* BaseTable styles */
table.tableBase{
	width: 80%;
	margin: 0 auto;
}
.centerTable{
	margin: 0 auto;
    width: 80%;
}


/* Table that boxes in the contents */
.tableBox th{
	font-weight:bold;
	background-color: #990000;
	color: #fff;
	border:1px solid #990000;
}
.tableBox td{
	border: 1px solid #ccc;
}

/* Table with line dividers */
.tableBorder th{
	font-weight:bold;
	color:#cb2026;
	border-bottom:1px solid #cb2026
}
.tableBorder td{
	border-bottom: 1px solid #ccc;
}

/* Table with hover effect */
table.tableHover{
	width: 80%;
	margin: 0 auto;
}
.tableHover th{
	font-weight:bold;
	color:#cb2026;
	border-bottom:1px solid #cb2026;
	text-align: left;
}
.tableHover td{
	border-bottom: 1px solid #ccc;
}
.tableHover tr:hover td{
	background-color: #ffff99;
	cursor: default;
}
/* ------------------ Login bar -------------------- */
#loginStatus{
	background: #efefef;
	border-bottom: 1px solid #ccc;
	padding: 1%;
	text-align: right;
}
#loginStatus .logoutButton{
	background-color: #990000;
	border: 1px solid #660000;
	color: #fff !important;
	border-radius: 5px;
	padding: 2px 5px;
	margin-left: 10px;
	text-decoration: none;
}
#loginStatus .logoutButton:hover{
	background-color: #fff;
	color: #990000 !important;
	text-decoration: none;
}
/* ------------------ Expandable Styles -------------------- */
.expandableArea{
	display: none;
	background-color: #efefef;
	box-shadow: inset 0 0px 5px #000;
	padding: 1em;
}
.expandTrigger{
	background-color: #efefef;
	border: 1px solid #ccc;
	padding: 5px;
	border-radius: 5px;
	text-decoration: none;
}
.expandTrigger:hover{
	background-color: #d8d8d8;
	text-decoration: none !important;
}

/* ------------------ Gray Button -------------------- */
.grayButton{
	background-color: #efefef;
	border: 1px solid #ccc;
	padding: 5px;
	border-radius: 5px;
	text-decoration: none;
}
.grayButton:hover{
	background-color: #d8d8d8;
	text-decoration: none !important;
}

/* ------------------ Numbers -------------------- */
.number1{
	background-image:url("//img.centralcollege.info/JAM/admission/numbers/1.png");
	background-repeat:no-repeat;
	background-position: 5px 5px;
	min-height: 133px;
	padding-left: 100px;
}
.number2{
	background-image:url("//img.centralcollege.info/JAM/admission/numbers/2.png");
	background-repeat:no-repeat;
	background-position: 5px 5px;
	min-height: 133px;
	padding-left: 100px;
}
.number3{
	background-image:url("//img.centralcollege.info/JAM/admission/numbers/3.png");
	background-repeat:no-repeat;
	background-position: 5px 5px;
	min-height: 133px;
	padding-left: 100px;
}
.number4{
	background-image:url("//img.centralcollege.info/JAM/admission/numbers/4.png");
	background-repeat:no-repeat;
	background-position: 5px 5px;
	min-height: 133px;
	padding-left: 100px;
}
.number5{
	background-image:url("//img.centralcollege.info/JAM/admission/numbers/5.png");
	background-repeat:no-repeat;
	background-position: 5px 5px;
	min-height: 133px;
	padding-left: 100px;
}
.number6{
	background-image:url("//img.centralcollege.info/JAM/admission/numbers/6.png");
	background-repeat:no-repeat;
	background-position: 5px 5px;
	min-height: 133px;
	padding-left: 100px;
}
.number7{
	background-image:url("//img.centralcollege.info/JAM/admission/numbers/7.png");
	background-repeat:no-repeat;
	background-position: 5px 5px;
	min-height: 133px;
	padding-left: 100px;
}
.number8{
	background-image:url("//img.centralcollege.info/JAM/admission/numbers/8.png");
	background-repeat:no-repeat;
	background-position: 5px 5px;
	min-height: 133px;
	padding-left: 100px;
}
.number9{
	background-image:url("//img.centralcollege.info/JAM/admission/numbers/9.png");
	background-repeat:no-repeat;
	background-position: 5px 5px;
	min-height: 133px;
	padding-left: 100px;
}
.numberDivider{
	padding-bottom: 2%;
	border-bottom: 2px #ccc dotted;
}
.numberPadding{
	padding-bottom: 2%;
}


/* ------------------ Alert Boxes -------------------- */
#infoBox, .infoBox{
	background-image:url(//img.centralcollege.info/icons/information.png);
	background-repeat:no-repeat;
     background-position: 5px 5px;
	border: 1px solid #006699;
	background-color:#def4fe;
	padding: 5px 5px 5px 25px;
	margin: 5px;
}
#successBox, .successBox{
	background-image:url("//img.centralcollege.info/icons/accept.png");
	background-repeat:no-repeat;
     background-position: 5px 5px;
	border: 1px solid #669900;
	background-color: #dff2bf;
	padding: 5px 5px 5px 25px;
	margin: 5px;
}
#warningBox, #yellowBox, .warningBox{
	background-image:url("//img.centralcollege.info/icons/error.png");
	background-repeat:no-repeat;
     background-position: 5px 5px;
	border: 1px solid #FFCC00;
	background-color: #FFFFCC;
	padding: 5px 5px 5px 25px;
	margin: 5px;
}
#errorBox, #redBox, .errorBox{
	background-image:url("//img.centralcollege.info/icons/exclamation.png");
	background-repeat:no-repeat;
     background-position: 5px 5px;
	border: 1px solid #CC0000;
	background-color: #FFCCCC;
	padding: 5px 5px 5px 25px;
	margin: 5px;
}



/* ------------------ Footer  -------------------- */
#footer{
	background-color:#333;
	border: 1px solid #666666;
	color: #ccc;
	font-size: .8em;
	margin: 25px 0 25px 250px;
	width: 70%;
	max-width: 750px;
}
#footer h5{
	text-transform:uppercase;
	border-bottom: 1px solid #666666;
	padding-bottom: 3px;
	font-size: 1.2em;
	color: #EBE1D6;
	font-weight: bold;
}
#footer p{
	margin: 5px;
	line-height:1em;
}
#footer a:link, #footer a:visited{
	color:#CCC;
	text-decoration: none;
}
#footer a:hover{
	text-decoration: underline;
}
#footer #lookingFor{
	width: 35%;
	margin: 5px;
	float: left;
	padding: 10px;
}

#lookingFor ul{
	margin-left: 10px;
	list-style: disc;
	color: #EBE1D6;
}
#lookingFor ul li{
	margin: 5px;
}
#footer #connect{
	width: 240px;
	margin: 5px;
	float: left;
	padding: 10px
}
#connectGroup{
	margin-bottom: 35px;
}
#footer #contactInfo{
	width: 140px;
	float: left;
	padding: 10px;
}
#footer .footerLogo{
	margin-bottom: 20px;
}

@media screen and (max-width: 600px){
	#leftAnchored{
		width: 100%;
		position: relative;
	}
	#logo{
		text-align:center;
	}
	#siteNavigation{
		position: relative;
		left: 0px;
		z-index: 2;
		background-color: #333333;
		width: 100%;
		padding-top: 10px;
		display: none;
	}
	#siteExtras{
		display:none;
	}
	.applyGive{
		display:none;
	}
	#bodyContent{
		margin: 0px;
		width: 100%;
	}
	#featuredPhoto{
		text-align: center;
		width: 100%;
	}
	#footer{
		margin: 0 auto;
		width: 100%;
	}
	#footer #lookingFor{
		float: none;
		display: block;
		width: 90%;
	}
	#footer #connect{
		float: none;
		display: block;
		width: 90%;
	}
	#footer #contactInfo{
		float: none;
		display: block;
		width: 90%;
		text-align: center;
	}
}
@media print{
	#siteNavigation,#siteExtras,#navigation, #breadcrumb{
		display:none!important
	}
	#logo{
		display:block;
		background-color:#fff;
	}
	#leftAnchored{
		float: none;
		text-align:center !important;
		margin:0 auto !important;
		position: inherit;
	}
	#bodyContent{
		width:90%;
		margin:0 auto
	}
	#bodyContent h1{
		color: #990000;
		margin: 0;
	}
	#bodyContent h2{
		margin: 0;
		border-bottom: 1px solid #990000;
		color: #fff;
	}
	#footer{
		border-top:1px solid #666;
		color:#000;
		font-size:.8em;
		width:90%;
		margin:5% auto 0
	}
	#footer h5{
		border: none;
	}
	#footer #lookingFor{
		display: none;
	}
	#footer #connect{
		float: right;
		width: 45%;
	}
	#footer #contactInfo{
		float: left;
		width: 45%;
		text-align: center;
	}
}