/*---------------------------------
-------------- Reset --------------
----------------------------------*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}
body {line-height:1;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display:block;}
nav ul {list-style:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after, q:before, q:after {content:'';content:none;}
a {margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;}
ins {background-color:#ff9;color:#000;text-decoration:none;}
mark {background-color:#ff9;color:#000;font-style:italic;font-weight:bold;}
del {text-decoration: line-through;}
abbr[title], dfn[title] {border-bottom:1px dotted;cursor:help;}
table {border-collapse:collapse;border-spacing:0;}
hr {display:block;height:1px;border:0;border-top:1px solid #cccccc;margin:1em 0;padding:0;}
input, select {vertical-align:middle;}


/*---------------------------------
-------------- Grid ---------------
----------------------------------*/
.container_12 {margin-left: auto;margin-right: auto;width: 960px;}
.container_12 {margin-left: auto;margin-right: auto;width: 960px; box-shadow: 6px 0px 10px -7px #888, -6px 0px 10px -7px #888;}
.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12 {display:inline;float: left;position: relative;margin-left: 10px;margin-right: 10px;}
#ie6 #contact-us.grid_4, #ie6 #find-us-online.grid_4, #ie6 #quick-links.grid_4 {display:inline;margin-left:0;}

.alpha {margin-left: 0;}
.omega {margin-right: 0;}

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

.clear {clear: both;display: block;overflow: hidden;visibility: hidden;width: 0;height: 0;}

.clearfix:after {clear: both;content: ' ';display: block;font-size: 0;line-height: 0;visibility: hidden;width: 0;height: 0;}
.clearfix {display: inline-block;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}


/*---------------------------------
----------- Main Styles -----------
----------------------------------*/
body {color:#262626;font-size:100%;font-family:Tahoma, Geneva, sans-serif;}
h1, h2, h3, h4, h5, h6 {font-family:"Helvetica Neue", Arial, Helvetica, sans-serif;margin-bottom:10px;}
h1 {font-size:24px;line-height:1.3em;color:#03244d;font-weight:bold;}
h2 {font-size:14px;line-height:1.2em;color:#888;margin-bottom:20px;}
h3 {font-size:18px;}
h4 {font-size:16px;}
h5 {font-size:14px;}
h6 {font-size:12px;}
p {line-height:22px;margin:0 0 24px 0;}
a:link, a:visited, a:active {color: #9e6313;text-decoration: underline;}
a:hover {text-decoration: none;color: #9e6313;}
li ul, li ol {margin: 0 1.5em .3em; }
ul, ol {margin: 0 1.5em 1.5em 3em;}
ul ul {margin: 0 1.5em 0 3em;}
ul {list-style-type: disc;}
ol {list-style-type: decimal;}
ol li ol li {list-style-type: lower-alpha;}
dl {margin: 0 0 1.5em 0;}
dl dt {font-weight: bold;}
dd {margin-left: 1.5em;}
table {border: 0px solid #e1e1e1;margin: 10px 0;}
th {text-align: left;background: #ddd;border-bottom: 0px solid #ccc;padding: 5px;font-weight: 600;}
tr td {border-bottom: 0px solid #eaeaea;padding: 5px;vertical-align: top;}
/*tbody tr:nth-of-type(odd){background:#ececec;}*/
blockquote {border-left:4px solid #333;margin:10px 20px 10px 10px;padding-left:10px;}
@font-face {font-family: 'MuseoSans500';src: url('https://www1.dcccd.edu/images/efc/museosans_500-webfont.eot');src: url('https://www1.dcccd.edu/images/efc/museosans_500-webfont.ttf') format('truetype');font-weight: normal;font-style: normal;}

.leftPhoto {margin: 3px 5px 0 0; float:left;}
.rightPhoto {margin: 3px 0  0 5px; float:right;}
.red {color:#b00000;}
.warning {color:#f00}
.warning:before {content:url(../../images/error2.html); vertical-align:middle;}

/*#mission{padding:10px 10px 0 10px; text-align: center; margin-bottom:-10px;}*/


/* Header & Logo Area */
#header-wrap  {background: #ffffff;} /* {background: transparent url(../images/banner1.jpg); width:100%;} */
#header-wrap #mission {font-family: 'MuseoSans500', sans-serif; font-size:14px; color:#03244d; width:125%}
#header-wrap #h1{font-family: 'MuseoSans500', sans-serif; font-size:14px; color:#03244d; width:125%}
#ie6 #header-full {background: #ffffff;} /* url(../images/header-bg-new.png) 0 0 repeat-x;} */
#logo {background:#ffffff;height:120px;border-bottom:solid 1px #ffffff;} /* change: border-bottom:solid 1px #ffc375 */
#logo h1 {padding:31px 0 0 0;}

#special-links {font-family: 'MuseoSans500', sans-serif;font-size:12px;color:#03244d;text-align:right;padding:0;margin: 0; }
#special-links a:link, #special-links a:visited, #special-links a:active {color: #03244d;text-decoration: underline;}
#special-links a:hover {text-decoration: none;color: #03244d; }

#search {background:url(../../images/efc/catalog/search-box-new-1.png) no-repeat scroll left top transparent;height:30px;position:relative;width:209px;margin:32px 5px 8px 260px;}
#ie6 #search {margin:0 0 0 251px;}
#search form {background:none repeat scroll 0 0 transparent;border:medium none;padding:0;}
#search input.text {background:none repeat scroll 0 0 transparent;border:medium none;color:#fff;float:left;margin:6px 0 0 8px;width:164px;padding:0;}
#ie6 #search input.text {margin:6px 0 0 7px;}
#search textarea, #search input, #search select {border:medium none;margin:0;padding:0;}

nav#main-nav {background:#03244d;height:40px;font-size:14px;}
nav#main-nav a:link, nav#main-nav a:visited, nav#main-nav a:active {color: #fff;text-decoration: none;text-shadow: 1px 1px 0px #000;}
nav#main-nav a:hover {text-decoration: none;color: #fff;background:#03152b;}

nav#main-nav ul {font-family: 'MuseoSans500', sans-serif;margin:0;padding:0;float:left;width:100%;text-transform:uppercase;}
nav#main-nav ul li {margin:0;padding:0;list-style:none;float:left;margin:0;position: relative}
nav#main-nav ul li a {text-decoration:none;display:block;padding:12px 32px;/* padding:14px 32px; */color:white;background:#03244d;-webkit-transition: all 300ms ease-in-out;-moz-transition: all 300ms ease-in-out;-o-transition: all 300ms ease-in-out;transition: all 300ms ease-in-out;font-size:14px!important; }
#ie6 nav#main-nav ul li a {padding-top:13px;padding-bottom:13px;}
nav#main-nav ul li a:hover {background:#03152b;}
nav#main-nav ul li#nav-about a {padding:12px 30px;} /* nav#main-nav ul li#nav-about a {padding:14px 30px;} */
#ie6 nav#main-nav ul li#nav-about a {padding-top:13px;padding-bottom:13px;}

nav#main-nav ul li div.dropmenu {
	display:none;
	
	-webkit-transition: opacity 1s ease-out; opacity: 0; height: 0; overflow: hidden;
	background:#ebebeb;
	background:rgba(235,235,235,.95);

	border:#000 solid 1px;
	border-top:none;
	padding-bottom:24px;
	
	position:absolute;
	top:40px;	z-index:221;	
	overflow: visible;

	}

nav#main-nav ul li:hover > div.dropmenu {
	opacity: 1; height: auto; display: block; overflow:visible; }	

nav#main-nav ul li div.dropmenu div ul li {margin:0;padding:12px 0 0 0; float:none;text-transform:none; }
nav#main-nav ul li div.dropmenu div ul li a {text-decoration:none; display:inline;color:#03152b; background:none; padding:12px 0 0 0!important; text-shadow:none; display:block; }
nav#main-nav ul li div.dropmenu div ul li a:active {text-decoration:underline;}

#nav-admissions-sub{width:480px;}
#nav-finance-sub{width:480px;margin-left:-125px;}
#nav-services-sub{width:320px;	margin-left:-65px;}
#nav-campuslife-sub{width:480px;margin-left:-135px;}
#nav-academics-sub{width:480px;	margin-left:-145px;}

#nav-lib-sub{width:320px; margin-left:-100px;}
#nav-about-sub{	width:320px; margin-left:-165px;}

/* Rotator & Student Menu Area */
#rotator {width:630px;height:375px;background:#fff;}
#student-menu {width:310px;height:375px;background:#e8e3bd;}
#ie6 #student-menu {display:inline;width:310px;margin:0;}
#pleasant-grove-campus {font-family: 'MuseoSans500', sans-serif;font-size:14px;height:26px;padding-top:12px;background:#cbc6a1 url(../../images/efc/campus.html) 95px 12px no-repeat;text-align:right;}
#ie6 #pleasant-grove-campus {width:320px;}
#pleasant-grove-campus a {text-decoration:none;color:#262626;padding:0 40px 10px 10px;}
#pleasant-grove-campus a:hover {text-decoration:underline;}
ul#student-menu-nav {font-family: 'MuseoSans500', sans-serif;font-size:17px;text-transform:uppercase;padding:0;width:250px;text-align:right;float:right;margin:23px 31px 0 0;}
#ie6 ul#student-menu-nav {display:inline;width:258px;margin-right:25px;}
ul#student-menu-nav li {margin:0;padding:0;list-style:none;}
ul#student-menu-nav li a {text-decoration:none;display:block;padding:11px 5px 11px 0;color:#262626;background:#e8e3bd;border-bottom:1px solid #262626;-webkit-transition: all 300ms ease-in-out;-moz-transition: all 300ms ease-in-out;-o-transition: all 300ms ease-in-out;transition: all 300ms ease-in-out;text-shadow: 1px 1px 0px #fff;}
#ie6 ul#student-menu-nav li a {padding:2px 5px 2px 0;}
ul#student-menu-nav li a:hover {background:#ded9b7;}
/* Slider */
.anythingSlider { width: 630px; height: 375px; position: relative; margin: 0 auto 15px; }
.anythingSlider .wrapper { width: 630px; overflow: auto; height: 375px; margin: 0; position: absolute; top: 0; left: 0; }
.anythingSlider .wrapper ul { width: 32700px; list-style: none; position: absolute; top: 0; left: 0; background: #fff; margin: 0; }
.anythingSlider .wrapper ul li { display: block; float: left; padding: 0; height: 375px; width: 630px; margin: 0; z-index:20; }
.anythingSlider .arrow { display: block; height: 40px; width: 40px; background: transparent url(../../images/efc/arrows.html) no-repeat 0 0; text-indent: -9999px; position: absolute; top: 0; cursor: pointer; z-index:21; }
.anythingSlider .forward { background-position: 0 0; right: -0px; }
.anythingSlider .back { background-position: -46px 0; left: -0px; }
.anythingSlider .forward:hover { background-color:#000; }
.anythingSlider .back:hover { background-color:#000; }
.thumbNav { position: relative; top: 335px; text-align: center; z-index:22; background: url(../../images/efc/slider-nav-bg.html) repeat-x; display:none; }
.thumbNav li { display: inline; }
.thumbNav a { color: #fff; font: 11px/18px Georgia, Serif; display: inline-block; padding: 10px 8px; height: 20px; margin: 0 5px 0 0; text-align: center; }
.thumbNav a:hover { background: #000; }
.thumbNav a.cur { background: #000; }
.start-stop { display:none; }
.anythingSlider .wrapper ul ul { position: static; margin: 0; background: none; overflow: visible; width: auto; border: 0; }
.anythingSlider .wrapper ul ul li { float: none; height: auto; width: auto; background: none; }
.anythingSlider .wrapper a {color:#fff;}

ul.social-network-nav {float:left;margin:30px 0 0 33px;}
.social-network-nav {display:inline;}
ul.social-network-nav li {margin:0 30px 0 0;padding:0;list-style:none;float:left;height:24px;width:24px;text-indent:-9999em;background: url(../../images/efc/social-icons.png) no-repeat top left;}
ul.social-network-nav li a {text-decoration:none;display:block;background: url(../../images/efc/social-icons.png) no-repeat top left;}
ul.social-network-nav li.sprite-facebook a {background-position: 0 0; width: 24px; height: 24px;}
ul.social-network-nav li.sprite-facebook a:hover {background-position: -25px 0; width: 24px; height: 24px;}
ul.social-network-nav li.sprite-flickr a {background-position: -75px 0; width: 24px; height: 24px;}
ul.social-network-nav li.sprite-flickr a:hover {background-position: -50px 0; width: 24px; height: 24px;}
ul.social-network-nav li.sprite-myspace a {background-position: -100px 0; width: 24px; height: 24px;}
ul.social-network-nav li.sprite-myspace a:hover {background-position: -125px 0; width: 24px; height: 24px;}
ul.social-network-nav li.sprite-rss a {background-position: -150px 0; width: 24px; height: 24px;}
ul.social-network-nav li.sprite-rss a:hover {background-position: -175px 0; width: 24px; height: 24px;}
ul.social-network-nav li.sprite-twitter a {background-position: -200px 0; width: 24px; height: 24px;}
ul.social-network-nav li.sprite-twitter a:hover {background-position: -225px 0; width: 24px; height: 24px;}
ul.social-network-nav li.sprite-youtube a {background-position: -250px 0; width: 24px; height: 24px;}
ul.social-network-nav li.sprite-youtube a:hover {background-position: -275px 0; width: 24px; height: 24px;}

/* Emergency Notifications on slideshow*/
.emergency {width: 630px; height: 375px; position: relative; margin: 0 auto 15px;}
.emergency .wrapper { width: 630px; overflow: none; height: 375px; margin: 0; position: absolute; top: 0; left: 0; }
.emergency .wrapper ul { width: 630px; list-style: none; position: absolute; top: 0; left: 0; background: #fff; margin: 0; }
.emergency .wrapper ul li { display: block; float: left; list-style: none; padding: 0; height: 375px; width: 630px; margin: 0; z-index:20; }
/*alert*/

.alert{ border:2px #f00 solid; padding: 5px 2px; margin-bottom:24px;}


/* Content Area */
#middle-wrap h3 {font-family:  'MuseoSans500', sans-serif;font-size:20px; text-transform:uppercase;font-weight:100; padding:0 0 20px 0;margin:30px 0 10px 0;background:transparent url(../../images/efc/middle-header-bg.html) left bottom repeat-x;}
#events dl {padding:5px 5px 5px 8px;}
#events dl dt {font-size:12px;color:#666666;background:transparent url(../../images/efc/calendar.html) left center no-repeat;padding:0 0 12px 35px;}
#events dl dd {font-size:14px;padding-left:35px;margin:-10px 0 20px 0;}
#events dl {margin-bottom:0;}
#more-events {font-size:11px;float:right;margin:10px 25px 25px 0;}
#programs {text-align:center;}
#programs h3 {text-align:left;}
#programs img {border:1px solid #262626;margin-bottom:23px;}
#news dl {padding:0 10px 10px 10px;}
#news dl dt {font-weight:bold;font-size:16px;margin-bottom:4px;}
#news dl dd {font-size:14px;margin:0 0 19px 0;line-height:16px;}
.centered {text-align:center}
.canceled {text-decoration: line-through;}

/* Subpage With Left Nav */
#left-navigation {padding:20px 0;}
#left-navigation ul {margin:0;list-style-type:none;}
#left-navigation ul ul {margin:0;padding:0;}
#left-navigation ul li {font-size:13px;border-bottom:1px solid #c1c1c1;}
#left-navigation ul li.selected {padding:8px 0 8px 9px;}
#left-navigation ul li.selected span {display:block;margin-bottom:5px;}
#left-navigation ul li ul li.selected {padding:0px;font-weight:bold;}
#left-navigation ul li ul li {margin:0;padding:0;border:none;background:transparent;}
#left-navigation ul li a {display:block;text-decoration:none;color:#333;padding:10px 8px;font-family:Arial, Helvetica, sans-serif;-webkit-transition: all 300ms ease-in-out;-moz-transition: all 300ms ease-in-out;-o-transition: all 300ms ease-in-out;transition: all 300ms ease-in-out;cursor: pointer;}
#left-navigation ul li ul li a {padding:6px 8px 6px 20px;}
#left-navigation ul li a:hover {text-decoration:none;background:#ddd;}
#left-navigation h4 { font-size:13px;padding:20px 0 0 0;color:#03244d; }
#two-column-content {padding:20px 10px;}
#two-column-content h1 {margin-bottom:0;}
#two-column-content ul.two-col-list {float:left;margin:0 96px 12px: 0;}

/* table of contents navigation section*/
ul.toc_nav { width: 50%; padding: 0 20px; margin: auto; }
ul.toc_nav li.expanded { list-style: none URL(../../images/efc/arrowdown2.html); }
ul.toc_nav li.closed { list-style: none URL(../../images/efc/arrowright2.html); }
ul.toc_nav li ul { list-style: none; }
ul.toc_nav li ul li { padding-top: 5px; }

/* dl tables */
dl.table {display:table;width:100%}
dl.table div {display:table-row;}
dl.table dt {display:table-cell;width:50%;padding-bottom:8px; font-weight:normal;}
dl.table dd {display:table-cell;width:50%;padding-bottom:8px;}
	
/* Single Page */
#single-content {padding:20px 10px}

#single-content div.three-col{ width:300px; margin:0 20px 12px 0; padding-left:0; float:left}
#single-content div.three-col li{margin-bottom:12px;}
#single-content div.two-col{ width:440px; margin:0 6px 12px 0; padding-left:0; float:left}
#single-content div.two-col li{margin-bottom:8px;}
#single-top { padding-top:20px;}
#single-bottom { padding-bottom:20px;}

/* Three & Two Column Page */
#three-col-content, #two-col-content {padding:20px 0;}

/* Page Title */
#single-content + h1, #two-col-content + h1 { padding-bottom: 8px; }


/*Faculty pages*/
.facultylist {width:100%;}

/* Images With Captions*/
div.figure {  float: left;  width: 20%;  border: thin silver solid;  margin: 0.3em 0.3em ;  padding: 0.3em 0.3em}
div.figure p {  text-align: center;  font-size: 10px;  text-indent: 0; margin:6px 0; line-height:12px; }

/* Footer Area */
#footer-wrap {background:#ffffff;} /*{background:#e8e3bd;} width:100%;} */
#main-footer {background:#e8e3bd;min-height:40px;}
#main-footer h2 {font-family:'MuseoSans500', sans-serif;font-size:18px;font-weight:100;text-transform:uppercase;margin:37px 0 25px 0;}
.vcard {margin:0 0 30px 0; line-height:1.1em;}
.vcard a {color:#262626;}
.adr a {text-decoration:none; border-bottom:1px dotted #262626;}
.adr a:hover {text-decoration:underline; border:none;}
#contact-links a {font-size:14px;color:#262626;text-decoration:none;border-bottom:1px dotted #262626;}
#contact-links a:hover {border:none;text-decoration:underline;color:#000;}
#main-footer ul.social-network-nav {margin:0;}
#main-footer ul.social-network-nav li {margin:0 39px 0 0;}
#main-footer ul.social-network-nav li.sprite-facebook a {background-position: -25px 0; width: 24px; height: 24px;}
#main-footer ul.social-network-nav li.sprite-flickr a {background-position: -50px 0; width: 24px; height: 24px;}
#main-footer ul.social-network-nav li.sprite-myspace a {background-position: -125px 0; width: 24px; height: 24px;}
#main-footer ul.social-network-nav li.sprite-rss a {background-position: -175px 0; width: 24px; height: 24px;}
#main-footer ul.social-network-nav li.sprite-rss  {margin:0;}
#main-footer ul.social-network-nav li.sprite-twitter a {background-position: -225px 0; width: 24px; height: 24px;}
#main-footer ul.social-network-nav li.sprite-youtube a {background-position: -275px 0; width: 24px; height: 24px;}
.flickr_badge { float: left; margin-top:30px; }
.flickr_badge_image { padding: 5px; margin: 0 10px 10px 0; background: #fff; float: left;-webkit-transition: all 300ms ease-in-out;-moz-transition: all 300ms ease-in-out;-o-transition: all 300ms ease-in-out;transition: all 300ms ease-in-out; }
.flickr_badge_image:hover { background:#f7971c;}


#quick-links ul {margin:0;padding:0;float:left;width:100%;list-style-type:none; }
#quick-links ul li {margin:0;padding:0;list-style:none;float:left;}
#quick-links ul li a {font-family:"Helvetica Neue", Arial, Helvetica, sans-serif;text-decoration:none;display:block;
padding:15px 33px 13px 33px; font-size:14px!important;color:#03244d; background-image:url(../../images/efc/catalog/Web-icons-blue.png); background-repeat:no-repeat;}
#quick-links ul li a:hover {text-decoration:underline;}

#quick-links ul li#schedule a{background-position:0px -210px;}
#quick-links ul li#ecampus a{background-position:0px -35px ;}
#quick-links ul li#econnect a{background-position:0px -80px;}
#quick-links ul li#pg a{background-position:0px -125px; padding-left:38px}
#quick-links ul li#athletics a{background-position:0px -170px;}
#quick-links ul li#emergency a{background-position:0px 7px; padding-right:none}

#twitter_div {width:264px;height:81px;background:transparent url(../images/efc/catalog/twitter-bubble.html) no-repeat; margin-top:20px;padding:3px 5px 7px 5px;font-size:12px;}
#twitter_div ul {list-style-type:none;margin:0;}
#twitter_update_list li span {display:block;float:left;clear:both;}
#twitter_update_list li span a {display:inline;}
#twitter_update_list li a {display:none;}

/* Sub Pages Footer Area */
.sub-pages-footer #main-footer {padding-top:10px;min-height:240px;}
.sub-pages-footer #quick-links-area {margin-top:25px;}
/*.sub-pages-footer #main-footer #quick-links h2 {margin-bottom:0;margin-top:27px;width:100%;}*/
.sub-pages-footer #main-footer h2 {margin-bottom:30px;margin-top:30px;width:100%;}
.sub-pages-footer #main-footer #quick-links h2 {margin-bottom:0;margin-top:30px;width:100%;}
.sub-pages-footer #quick-links ul.social-network-nav {padding-right:80px;position:absolute;top:25px;left:180px;}
.sub-pages-footer #quick-links ul.social-network-nav li a {border-bottom: none;}
.sub-pages-footer #quick-links #quick-links-area ul {margin-right: 5px;font-size}

/* Sub Footer Area */
/*#sub-footer {text-align:center;font-size:12px;padding:10px 0;}*/

#sub-footer-wrap {background-color:#fff; text-align:center;width:100%;}
#sub-footer {text-align:center;font-size:12px;padding:10px 0; width:99%; }
#sub-footer a {color:#262626;}