/* @override http://www.salemcc.edu/glass/css/main.css */

/* @group reset */

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, font, 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 {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

body { line-height: 1; }

strong { font-weight: bold }

ol, ul { list-style: none; }

:focus { outline: 0; }

ins { text-decoration: none; }

del { text-decoration: line-through; }

th {
	font: bold 12px/18px Verdana, Arial, Helvetica, Geneva, sans-serif;
	color: #333;	
}

td {
	font: normal 12px/18px Verdana, Arial, Helvetica, Geneva, sans-serif;
	color: #333;
}

/* @end

*/

/* @group global */

.clear { clear: both; }

body { background: #dddab9 url(images/bg.gif) repeat-x 0 0; }

blockquote {
	margin-top: 0px;
	margin-right: 18px;
	margin-bottom: 0px;
	margin-left: 18px;
	padding-top: 0px;
	padding-right: 6px;
	padding-bottom: 0px;
	padding-left: 6px;
}

.floatright	{ float:right; }

.floatleft { float:left; }

.imgfloatright {
	float: right;
	padding: 4px;
	border: 1px solid #cac6a2;
	margin: 3px 10px 10px 15px;
}

.imgfloatleft {
	float: left;
	padding: 4px;
	border: 1px solid #cac6a2;
	margin: 5px 20px 10px 5px;
}

.imgborderright {
	padding: 4px;
	border: 1px solid #cac6a2;
	margin: 3px 10px 10px 15px;
}

.imgborderleft {
	padding: 4px;
	border: 1px solid #cac6a2;
	margin: 5px 20px 10px 5px;
}

img.student { margin: 10px 0 10px 10px; }

#gallery a { border-bottom: none; }

div.gallery {
	float: left;
	width: 218px;
	margin: 15px 0;
}

div.gallery img { padding: 9px; }

.indent { padding-left: 9px; padding-bottom: 12px; }

/* @end */

/* @group backgrounds */

.whitebg { background-color: #fff; }
.redbg { background-color: #62180d;}
.beigebg { background-color: #f3f0d8;}

/* @end */

/* @group grid */

.grid_1 { width:60px; }
.grid_2 { width:140px; }
.grid_3 { width:220px; }
.grid_4 { width:300px; }
.grid_5 { width:380px; }
.grid_6 { width:460px; }
.grid_7 { width:540px; }
.grid_8 { width:620px; }
.grid_9 { width:700px; }
.grid_10 { width:780px; }
.grid_11 { width:860px; }
.grid_12 { width:940px; }
.grid_13 { width:940px; }

.column {
	padding: 0 10px;
	overflow: hidden;
	float: left;
	display: inline;
}

.row {
	width: 960px;
	margin: 0 auto;
	overflow: hidden;
}
.row .row {
	margin: 0 -10px;
	width: auto;
	display: inline-block;
}

/* @end */

/* @group header */

#header {
	position: relative;
	left: -8px;
	background: url(images/bg-header-960.jpg) no-repeat 0px 0;
	height: 129px;
	overflow: visible;
	padding-right: 15px;
}

#header h1 { visibility: hidden; }

#header h6 { visibility: hidden; }

#header a #logo {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 105px;
	height: 97px;
}

#header a #logo { background: url(images/scc-logo.gif) no-repeat 0 0; }

#header a #logo:hover { background-position: 0 -122px; }


/* @end */

/* @group lists */

ul.disc {
	list-style-type: disc; margin-left: 25px; }

ul {
	list-style-type: none;
	font: normal 12px/18px Verdana, Arial, Helvetica, sans-serif;
	margin: 0 0 10px 12px;
}

li a, li a:link, li a:visited {
	border-bottom: none;
	font-weight: bold;
}

li a:hover {
	border-bottom: 1px solid #333;
}

#globalnav2 {
	position: absolute;
	top: 0px;
	left: 119px;
}

#globalnav2 ul {
	list-style-type: none;
	height: 28px;
	margin: 0px;	
}

#globalnav2 li { float: left; height: 28px; }

#globalnav2 a, #globalnav2 a:link, #globalnav2 a:visited {
	color: #fff;
	font: normal 10px/10px Verdana, Arial, Helvetica, sans-serif;
	letter-spacing: .1em;
	text-decoration: none;
	border-bottom: none;
	padding: 9px 14px;
	display: inline-block;
}  

#globalnav2 a:hover, #globalnav2 .current {
	background: url(images/bg-globalnav2-hover.gif) repeat-x 0 -3px;
}

#globalnav { background: url(images/bg-globalnav.jpg) no-repeat 0px 0; }

#globalnav ul {
	list-style-type: none;
	height: 33px;
	margin-left: 22px;
	margin-bottom: 0px;
}

#globalnav li {
	display: inline;
	height: 33px;
}

#globalnav a, #globalnav a:link, #globalnav a:visited {
	display: inline-block;
	height: 15px;
	padding: 9px 20px;
	color: #fff;
	font: bold 12px/12px Verdana, Arial, Helvetica, Geneva, sans-serif;
	letter-spacing: .1em;
	text-decoration: none;
	border-bottom: none;
}

#globalnav a:hover, #globalnav .current a {
	background: url(images/bg-globalnav-hover.gif) repeat-x 0 0px;
}

a, a:link, a:visited {
	color: #006951;
	text-decoration: none;
	border-bottom: 1px dotted #006951;
}

a:hover {
	color: #333;
	text-decoration: none;
	border-bottom: 1px solid #333;
}

a.button {
	color: #fff;
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
	border-bottom: none;
	background: url(images/button.gif) no-repeat center 2px;
	padding: 5px 9px ;
	}

a.button:hover { background-position: center -38px; }

p.bot {
	font-size: 10px;
}

p.bot a:hover {
	color: #ff6600;
	border-bottom: none;
}

ul.navcol { margin-left: 0px; }

ul.navcol a, ul.navcol a:link, ul.navcol a:visited {
	display: block;
	font-weight: normal;
	color: #000;
	padding: 3px 0;
	border-top: 1px solid #cac6a2;
	border-bottom: none;
}

ul.navcol a:hover, ul.navcol .current {
	text-decoration: none;
	border-bottom: none;
	background-color: #e1debf;
}

ul.conference {
	list-style-type: none;
	margin-left: 0px;
}

li.conference {
	display: inline-block;
	margin: 0px 14px 0px 0px;
	padding: 2px 0px 0px 0px;
}

li.current a { border-bottom: 1px solid #006951; }


/* @end */

/* @group typestyles */

h1 {
	font: normal 30px/36px Verdana, Arial, Helvetica, Geneva, sans-serif;
	color: #333;
}

h1.small {
	font-size: 16px;
	line-height: 20px;
	padding: 10px 0 0 0px;
	margin-bottom: 8px;
}

h2 {
	font: normal 24px/30px Verdana, Arial, Helvetica, Geneva, sans-serif;
	color: #333;
}

h3 {
	font: normal 18px/22px Verdana, Arial, Helvetica, Geneva, sans-serif;
	color: #333;
}

h4 {
	font: bold 12px/18px Verdana, Arial, Helvetica, Geneva, sans-serif;
	color: #333;
	padding-top: 5px;
	text-transform: uppercase;
	margin: 0 0 5px 0;
}

h5 {
	font: bold 12px/14px Verdana, Arial, Helvetica, Geneva, sans-serif;
	color: #333;
}

h6 {
	font: bold 10px/14px Verdana, Arial, Helvetica, Geneva, sans-serif;
	color: #333;
}

p {
	font: normal 12px/18px Verdana, Arial, Helvetica, Geneva, sans-serif;
	color: #333;
	margin-bottom: 5px;
}

.captiontext {
	font-size: 10px;
	line-height: 12px;
}

.breadcrumb, .breadcrumb a, .breadcrumb a:link, .breadcrumb a:visited {
	text-decoration: none;
	border-bottom: none;
}

.smcaps {
	font-size: 10px;
	font-weight: bold;
	letter-spacing: .2em;
	text-transform: uppercase;
}

.caps {
	text-transform: uppercase;
	font-size: 10px;
	font-weight: bold;
}

.leftrule {
	border-left: 1px solid #006951;
	padding: 3px 0 6px 10px;
}

.rulebelow {
	border-bottom: 1px solid #d5d1ab;
	padding-bottom: 3px;
}

.rulebelowdotted {
	border-bottom: 1px dotted #d5d1ab;
	padding-bottom: 3px;
}

.ruleabovethick { border-top: solid 3px #006951; }

.nospacebefore {
	margin-top: 0px;
	padding-top: 0px;
}
.nospaceafter {
	margin-bottom: 0px;
	padding-bottom: 0px;
}
.spacebeforesm { margin-top: 6px; }
.spacebefore { margin-top: 12px; }
.spacebeforelg { margin-top: 24px; }
.spaceafter { margin-bottom: 12px; }
.spaceaftersm {	margin-bottom: 6px; }
.spaceafterlg { margin-bottom: 24px; }

/* @group colors */

.red { color: #8d2211; }

.green { color: #006951; }
.highlight {
	background-color: #eeebd1;
	width: 23%;
	padding: 3px 8px;
}


/* @end */



/* @end */

/* @group wrap */

.wrap a, .wrap a:link, .wrap a:visited {
	display: block;
	text-decoration: none;
	border-bottom: none;
}

.wrap a:hover { background-color: #e1debf; }

/* @end */

/* @group lightbox */

#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;
text-decoration: none;
border-bottom: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;
	border-bottom: none;	
}


/* @end */

/* @group slideshow */

.slideshow {
	font-size: 22px;
	line-height: 14px;
	font-style: italic;
	color: #fff;
	font-family: Georgia, "Times New Roman", Times, serif;
	margin: -40px 0 0 18px;
}

#slider{ padding-top: 10px; }
	
#slider ul, #slider li{
	margin:0;
	padding:0;
	list-style:none;
}

#slider li{ 
	width:460px;
	height:246px;
	overflow:hidden; 
}	

#prevBtn, #nextBtn{ 
	display:inline-block;
	width:12px;
	height:25px;
	position: relative;
	top: -135px;
	left: 0px;
}

#nextBtn { left: 432px;}	
												
#prevBtn a, #nextBtn a{
	display:block;
	width:12px;
	height:25px;
	background:url(images/btn_prev.gif) no-repeat 0 0;	
	border-bottom: none;
}	

#nextBtn a{ 
	background:url(images/btn_next.gif) no-repeat 0 0;	
}	

/* @end */

/* @group footer */

.footer {
	border-top: solid 11px #006951;
}

/* @end */

/* @group iconize */


/* Iconize 0.5 */

/* extensions */

a[href$='.pdf'] { 
	background: url(images/icon_pdf.gif) no-repeat center right;
	padding: 0 20px 0 0;
}

/* use this class to make sure that images won't get iconized */

a.imagelink {
	padding-right: 0px !important;
	background: none !important;
	border-bottom: none;
}


/* @end */