@charset "utf-8";
/* CSS Document */

/* ************************************************************************************* */
html { }
body{ margin:  0; padding: 0; font-family: Arial, Helvetica, sans-serif; background: #fff url(../img/bg.jpg) top center repeat-x fixed; }
#skip_links	{display:none;}

.wrapper 	{width:1020px;}
.body 		{width:1000px;}

.sideR 	{margin:0 10px 0 0;}
.sideL 	{margin:0 0 0 10px;}

.sidebar 	{width:210px; margin:0;background: #ffffff; height: 400px;}
.sidebarindex 	{width:300px; margin: 10px 19px 0 1px; padding:0; min-height:0; height:320px;}
.sidemenu { font:normal 12px/18px Verdana; min-height: 400px; background: #ffffff;}


.barsindex 	{width: 640px; margin:0 0 0 20px; padding:0 5px 0 0; background:#FFFFFF;}
.barsmid 		{width:550px; padding: 0 15px 25px 15px; background:#FFFFFF;  min-height:500px; margin-top:10px;}
.bars 		{width: 730px; padding: 0 25px 25px 25px; min-height:530px; height:auto;background: #fff url(../img/bgcore.png) top left repeat-y;}
.full 		{width: 935px; padding: 0 25px 25px 20px;  min-height:530px; float:left; background:#FFF;}

.floatR {float:right;}
.floatL {float:left;}

#main { margin:  0px; padding: 0px; /* url('../img/bg_header.png') repeat-x;*/}
#wrapper { margin:0px auto;}

#top{ position:relative; float:left; margin:0px auto 0 20px; font-size:11px; color:#ffffff;	}

#body { position:relative; float:left; /*background: url(../img/body.png) repeat-y center top;*/ margin:5px auto 0 auto;}
#header { position:relative; display:block; margin: 0px auto; color:#ffffff;}
#masthead{ display:block; height: 130px; margin: 0px auto; color:#fff; /*background: #375db2 url('../img/header_bg.jpg');*/}
.logo { float: left; margin:0px;padding:0; width:322px; padding:27px 0 0 30px;font: 32px/37px normal; font-family: Oswald;text-shadow: 1px 1px 4px #000000;}
.logo a { text-decoration:none; color:#577aa1; margin:0px;padding:0; color:#fff;}
.logo img{ border: 0px; }
.tab { float: right; width: 300px; margin:0;padding: 60px 22px 0 0; font: normal 11px Arial;}

#search {display:block; width:268px; float: right; margin: 0; padding: 0; height:22px; }

#search form { display:block; float:right; padding:0;}
#search form .keywords { background:url(../img/search-field.png) no-repeat; border:0; height:40px; width:214px; padding:0px 0px 0px 12px; line-height:13px; margin:0; font:normal 11px Arial, Geneva, sans-serif; color:#000; float:left;}
#search form .keywords { padding:2px 0px 3px 11px\0/; }
#search form .button {   float: right; margin:0; padding:0;}

.links { display:block;  float: right;  padding: 20px 15px 0 15px;font: normal 13px Arial; text-transform:uppercase; color: #fff;}
.links a { color: #fff; text-decoration: none;font: normal 11px Arial;}
.links a:hover { text-decoration: underline;}


/** NAVIGATION**/
#navigation {margin:0 auto;position:relative;height:37px;border-bottom:1px solid #efdc02;display:block;}

/*** Superfish Menu ***/
.sf-menu, .sf-menu * {margin:0;padding:0;list-style:none;}
.sf-menu {line-height:1.0;}
.sf-menu ul {position:absolute;top:-999em;width:12em; /* left offset of submenus need to match (see below) */}
.sf-menu ul li {width:100%;}
.sf-menu li:hover {visibility:inherit; /* fixes IE7 'sticky bug' */}
.sf-menu li {float:left;position:relative;}
.sf-menu a {display:block;position:relative;}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {left:0;top:38px;z-index:99;}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {top:-999em;}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {left:13em; /* match ul width */top:0;}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {top:-999em;}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {left:13em; /* match ul width */top:0;}
ul.sf-menu li li li:hover li ul,
ul.sf-menu li li li.sfHover li ul {top:-999em;}
/*** Skin ***/
.sf-menu {float:left;margin-bottom:1em;font:normal 13px 'Oswald';text-transform:uppercase; }
.sf-menu a {border-left:1px solid #efdc02;padding:.7em 2.25em .7em 2.25em;text-decoration:none;}
.sf-menu a, .sf-menu a:visited {color:#083666;}
.sf-menu > li:first-child > a {border-left:0;padding-left:3em ;}
.sf-menu li {/*background: url(../img/navigation-s4.png) 0 0 repeat;*/}
.sf-menu li li a{border-bottom:1px solid #efdc02;padding:.6em 1em .6em 1em;}
.sf-menu li li {background:#ffef38; font: 12px Arial; text-transform:none;}
.sf-menu li li li {background:#ffef38;}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {outline:0;color:#003366;/*background:#416dab;*/}
/*** Arrows **/
.sf-menu a.sf-with-ul { min-width:0;}
/*.sf-sub-indicator {position:absolute;display:block;right:.75em;top:1.05em;width:10px;height:10px;text-indent:-999em;overflow:hidden;background:	url('../img/arrows-ffffff.png') no-repeat -10px -100px; }*/
.sf-sub-indicator{visibility:hidden;right:0;width:0;height:0;top:0;display:none;}
a > .sf-sub-indicator { top:.8em;background-position: 0 -100px;}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {background-position: -10px -100px;}
/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {background-position: -10px 0;}
/*** shadows for all but IE6 ***/
.sf-shadow ul {background:	url('../img/shadow.png') no-repeat bottom right;padding: 0 8px 9px 0;-moz-border-radius-bottomleft: 17px;-moz-border-radius-topright: 17px;-webkit-border-top-right-radius: 17px;-webkit-border-bottom-left-radius: 17px;}
.sf-shadow ul.sf-shadow-off {background: transparent;}
.no-js .sf-menu li ul {padding-top:-1px; margin-top:-1px;}
.no-js .sf-menu li ul li:first-child {border-top:1px solid #efdc02; }

#content {  margin: 25px 10px 0; padding: 0px; background: #fff url(../img/bg-content1.png) top left repeat-y; overflow:hidden;}
#contenthome {  margin: 25px 10px 0; padding: 0px; background: #fff; overflow:hidden;}

a img {border:0px;} 

#sidemenu { display: block; font:normal 11px/14px Arial; min-height: 200px; position:relative; height:auto; padding-bottom:15px;}
.sidebar p, .sidebar h1, .sidebar h2, .sidebar h3, .sidebar h4 , .sidebar h5, .sidebar address  {  padding: 10px 13px 5px 20px; margin:0; } 
.sidebar h2{font-size: 19px;padding:15px 10px 10px 20px;color:#527fbc; border-bottom: 1px solid #e1e1e0;}
.sidebar h2 a {color:#091e4e; text-decoration:none; }
/* ---------- Left sidebar list styles ---------- */
.sidebar ul { margin: 0; padding: 0; list-style-type: none; color: #1f4069;  text-transform:uppercase; }	
.sidebar ul li { padding:0; border-bottom: 1px solid #e1e1e0;}
/* This is a hack to correct line spacing problem in Windows Internet Explorer */
* html .sidebar ul li { padding-top: 1px; padding-bottom: 1px; }	
.sidebar ul li a { position: relative; display: block; text-decoration: none; padding: 12px 10px 11px 20px; margin: 0; color: #091e4e; font-weight: bold; }	
/* For when the item is both linked and current */
.sidebar ul li .t-here { color: #d2b655; }
/* For when the item is both linked and current */
.sidebar ul li .here { color: #003366; border: solid 1px #e1e1e0; }	
/* This is a hack to correct line spacing differences in Windows Internet Explorer */
* html .sidebar ul li a { padding-top: 1px; padding-bottom: 1px;}
.sidebar ul li a:hover { color:#7490ad;}
/* ----- Second level of list ----- */
.sidebar ul li ul { margin: 0; padding: 0 0 5px 0;  text-transform: none;}	
.sidebar ul li ul li  { font-weight: normal; font-size: 11px; border:0; }	
.sidebar ul li ul li a { padding: 3px 10px 3px 20px; margin: 0; color: #527fbc; }	
.sidebar ul li ul li.here { padding-left: 14px; color: #d2b655; }
.sidebar ul li ul li a:hover { color:#c6a234; background: #ffffff;}
/* ----- Third level of list ----- */
.sidebar ul ul ul { margin: 0; padding: 0 0 5px 0;  text-transform: none;}	
.sidebar ul ul ul li  { font-weight: normal; font-size: 11px;}	
.sidebar ul ul ul li a { padding: 3px 10px 3px 27px; margin: 0; color: #8e8e8e; }	
.sidebar ul ul ul li.here { padding-left: 14px; color: #d2b655; }
.sidebar ul el ul li a:hover { color:#c6a234; background: #ffffff;}

.side_add li li:first-child { border-top: solid 1px #e1e1e0;  padding-top:6px; }

.side_add li li a.nav-path-selected  { background: #fff;}

/* This is a hack to correct line spacing differences in Windows Internet Explorer */
* html .sidebar ul li ul li a, * html .sidebar ul li ul li.here { padding-top: 0; padding-bottom: 0; }
/* ---------- Left sidebar Level 2 navigation styles ---------- */
.sidebar #level2_nav { margin: 0; padding: 0; }

/* ---------- Blog Details ---------- */
.sidebar .ccmDateNav ul {margin-top:5px;}
.sidebar .ccmDateNav ul li {margin: 0 0 0 22px; background: url(../img/side_bg_blog.gif) bottom no-repeat;}
.sidebar .ccmDateNav ul li ul {margin-top: 0px;  margin-left: 10px; background: url(../img/side_bg_blog.gif) bottom no-repeat;}
.sidebar .ccmDateNav ul li ul li, 
.sidebar .ccmDateNav ul li ul li a { background: url(../img/side_bg_blog.gif) bottom no-repeat; margin-left: -7px; margin-right:13px;}

#core { display: block; clear:both; font: normal 13px/20px Arial; overflow:hidden;}

#core a:link {color:#7490ad}
#core a:visited {color:#7490ad}
#core a:hoverr {color:#7490ad}

#breadcrumbs {  border-bottom: 1px solid #e1e1e0; background:#fff;}

#content .breadcrumbs { margin: 0px 0px; padding: 13px 20px;font: normal 11px Arial; text-transform:uppercase;}
#content .breadcrumbs a { color: #000; text-decoration: none;}
#content .breadcrumbs a:hover { color:#7490ad; text-decoration: underline;}

.ccm-autonav-breadcrumb-sep {padding: 2px 7px;font: normal 12px Arial;}

#core  p, #core  ul { font: normal 13px/22px Arial; color: #000; }
#core  ul {/*margin-left: 20px;*/ }
#core  ul li { /*padding:5px 0 5px 5px;*/}
#core  ul li ul { list-style: circle; padding:3px 0 3px 5px; font: normal 12px/22px Arial;}
#core  ul ul ul { list-style: disc; padding:3px 0 3px 5px; font: normal 12px/22px Arial;}

#core .nav li  { list-style: none; }

#core b, #core strong { }

#core form { padding-top:10px; }
#core .form1 { width:90%; BORDER-RIGHT: #336699 1px solid; BORDER-LEFT: #336699 1px solid; BORDER-BOTTOM: #336699 1px solid; padding: 5px;color: #000000;  font-size: 11px; }
#core .form2 { width:90%;BORDER-TOP: #336699 1px solid; BORDER-RIGHT: #336699 1px solid; BORDER-LEFT: #336699 1px solid; BORDER-BOTTOM: #336699 1px solid; padding: 5px;color: #000000; font-size: 11px; }

/* Faculty Listings */
#core   a.facultybg:hover  { bgcolor:#ff0000; padding:3px; margin:10px; border: solid 3px #000000; width:300px: height:200px;}
#core .fac_photos { position: relative; float: left; padding: 0 10px 10px 0; clear:both; height:194px;}
#core .fac_photos img {border:solid 1px #d5d5d5; padding:5px;}
#core .fac_photo { display: inline; position: relative; float: left; padding: 0 10px 10px 10px; width:60px;}
#core .fac_photo img {border:solid 1px #d5d5d5; padding:4px;}
#core .fac_listing { padding: 5px 10px 10px 10px; word-spacing: 0pt; height:100px;  display: inline; position: relative; float: left; width:620px;}

.faculty-listing {width: 320px; }

.sidebarindex a:link, .sidebarindex a:visited, .sidebarindex a:hover {color:#7490ad;}

/* News & Events & Contact  */
/* ************************************************************************************* */

.spot {  margin: 0 auto; font: normal 11px Arial; padding-top:0px;}
.spotnews1, .spotnews2 {width: 298px; height:359px;float: left; margin: 20px 10px 0 20px; position:relative; border: 1px solid #3d659d;  color:#fff; }
.spotnews1, .spotnews2 {margin: 10px 10px 0 0px; height: 190x; background: #4c75af; }
.spot a:link , .spot a:visited, .spot a:hover  { color:#fff;} 

.spotcontact {width: 298px;float: left; margin: 20px 10px 0 0px; position:relative; border: 1px solid #e1e1e0; padding-bottom:10px;  }

.spot h2, .spotnews1 h2 {font-size:14px;line-height:17px; text-transform:uppercase;padding: 10px 5px 10px 15px; margin:0 0 0px 0; border-bottom: 1px solid #3d659d; color:#fff;}
.spot h3 {font-size: 1em;padding: 0px; margin:0px;color: #003366;}
.spot p {padding: 3px 5px 3px 15px; margin:0px;font-size:12px; line-height:19px;}
.spot .image {float: left;margin: 0 7px 0 0;padding: 5px; border: solid 1px #d5d5d5;background: #ffffff;}

.spotcontact h2 {font-size:14px;line-height:17px; text-transform:uppercase;padding: 10px 5px 10px 15px; margin:0 0 8px 0; border-bottom: 1px solid #e1e1e0; color:#7490ad;}
.spotcontact a:link , .spotcontact a:visited, .spotcontact a:hover  { color:#7490ad;} 

.spotnews1 .newsitem { margin:0px 10px 0px 10px; padding:10px 5px; color: #fff;}

.event_box {margin:0;padding:0;}
.tabsne { margin:0; padding: 0; clear: both;  display:block;}
.tabsne ul {width:298px; margin:0;padding:0;}
.tabsne li { display: inline; }
.cnews {background: #3d659d; clear:left; display:block;  min-height: 139px; }
.tabsne li a { background: #4c75af; padding: 0 10px 0 0; float:left;font: Oswald 14px;line-height:17px; text-transform:uppercase;margin:0; text-decoration:none; }
.spotnews1 a h2 { border-bottom: 0px none; padding-bottom:0px; color:#fff;}
.tabsne li.active a { background: #3d659d;}
.spotnews1 li a.tab {width:auto; padding-bottom:12px;}

.viewall { padding: 5px 17px;}
.weather {margin:0 10px 10px 15px;line-height:19px;font-size:12px; padding-top:0px;}
.weather_title {}
.temperature {float:right; font: 33px Oswald; line-height:42px; margin-top:0;padding:20px 10px 10px 20px; height:100px; border-left: 1px solid #3d659d;}

/* Footer */
/* ************************************************************************************* */
#footer{ height:80px; clear:both; width:100%; background: #ffed1c; /* url(../img/bg_footer.png);*/ font-size:11px; color:#1c3d87;}
#footerpad {margin:0px auto; display:block; position:relative;  height:3px;}
#foot {margin:0px auto; display:block; position:relative; clear:both; top:10px; color:#ffec0d;}
.fmenu { padding:0; margin:0 0 0 30px;}
#foot ul,#foot ul li {list-style:none;padding:0px;margin:0px;}
#foot ul {margin-top:0px;}
#foot ul li {display:inline; padding-left: 7px; border-left: 1px solid #6487ae;	}
#foot ul li:first-child { padding-left:0px; border-left:0px solid #ffffff;}
#foot ul li a {  margin-right:7px;}
#footer a, #footer a:visited { color:#1c3d87; text-decoration:none;}
#footer a:hover, #footer a:visited:hover {color:#1c3d87; text-decoration:underline;}
.ucd { float: right; margin-right:25px;}
.copyright { color:#1c3d87; display:block; margin: 10px 0 0 30px; text-transform:uppercase;}
.copyright a { }

/* ************************************************************************************* */

.clr { clear:both; padding:0; margin:0; background:none;}
.clear { clear: both; height: 1px; margin: 0 0 10px 0; padding: 0;   }

/* Package additions*/

/*
 * jQuery FlexSlider v2.2.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 */


/* Browser Resets
*********************************/
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;}


/* FlexSlider Necessary Styles
*********************************/
.flex-container {margin-top:20px; padding: 0;}
.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 640px; display: block;}
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}

/* FlexSlider Default Theme
*********************************/
.flexslider { margin: 0 0 10px; background: #fff; border: 0px none; position: relative; zoom: 1; }
.flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.loading .flex-viewport { max-height: 300px; }
.flexslider .slides { zoom: 1; }
.carousel li { margin-right: 5px; }

/* Direction Nav */
.flex-direction-nav {*height: 0; display:none;}
.flex-direction-nav a  { display: block; width: 40px; height: 40px; margin: -20px 0 0; position: absolute; top: 50%; z-index: 10; overflow: hidden; opacity: 0; cursor: pointer; color: rgba(0,0,0,0.8); text-shadow: 1px 1px 0 rgba(255,255,255,0.3); -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; }
.flex-direction-nav .flex-prev { left: -50px; }
.flex-direction-nav .flex-next { right: -50px; text-align: right; }
.flexslider:hover .flex-prev { opacity: 0.7; left: 10px; }
.flexslider:hover .flex-next { opacity: 0.7; right: 10px; }
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity: 1; }
.flex-direction-nav .flex-disabled { opacity: 0!important; filter:alpha(opacity=0); cursor: default; }
.flex-direction-nav a:before  { font-family: "flexslider-icon"; font-size: 40px; display: inline-block; content: '\f001'; }
.flex-direction-nav a.flex-next:before  { content: '\f002'; }

/* Pause/Play */
.flex-pauseplay a { display: block; width: 20px; height: 20px; position: absolute; bottom: 5px; left: 10px; opacity: 0.8; z-index: 10; overflow: hidden; cursor: pointer; color: #000; }
.flex-pauseplay a:before  { font-family: "flexslider-icon"; font-size: 20px; display: inline-block; content: '\f004'; }
.flex-pauseplay a:hover  { opacity: 1; }
.flex-pauseplay a.flex-play:before { content: '\f003'; }

/* Control Nav */
.flex-control-nav {width: 100%; position: absolute; bottom: 8px;  left:12px; z-index:100;}
.flex-control-nav li {margin: 0 3px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width: 11px; height: 11px; display: block; background: url(../img/slide-dot.png);  cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -moz-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -o-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); box-shadow: inset 0 0 3px rgba(0,0,0,0.3); }
.flex-control-paging li a:hover { background: #fff79c; }
.flex-control-paging li a.flex-active { background: url(../img/slide-active.png);  cursor: default;   }

.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}

@media screen and (max-width: 860px) {
  .flex-direction-nav .flex-prev { opacity: 1; left: 10px;}
  .flex-direction-nav .flex-next { opacity: 1; right: 10px;}
}

/* Tables */
#core table {/*border: 1px solid #cccccc; padding:10px;*/}
/*  Generic Styling, for Desktops/Laptops */
#core table { width: 100%; border-collapse: collapse; }
/* Zebra striping */ 
#core  tr:nth-of-type(even) { background: #f6f6f6; }
#core th { background: #e1e1e0; color: #083666; font-weight: bold; 
}
#core td, #core th { padding: 6px; border: 1px solid #eee; text-align: left; }

.spot table {width:95%; margin:5px auto 0 auto; padding-top:10px;}
.spot td, .spot th {  border:0;padding: 5px 10px 7px 10px;}
.spot tr:nth-of-type(even) { background: none; }

/* ----------------------------------------------------
	FORMS
------------------------------------------------------- */

	/* all form elements common */
	#core input, #core select,  #core textarea{
		font-family: Arial, Helevtica, Verdana, san-serif;
		font-size:12px;    
		position:relative;
		outline: none;
		padding:8px; 
		color:#8C8C8C;
		background:#fff;
		border:1px solid #eee; 
		-moz-box-box-shadow:inset 0px 1px 1px #fff, inset 0px 5px 5px #F4F4F4;
		-webkit-box-shadow:inset 0px 1px 1px #fff, inset 0px 5px 5px #F4F4F4;
		box-shadow:inset 0px 1px 1px #fff, inset 0px 5px 5px #F4F4F4;			
	} 

	/* image buttons, checkbox and radio */
	#core input[type="image"],input[type="checkbox"],#core input[type="radio"]{
		width:auto;
		border:0;
		padding:0;
		-moz-box-shadow:none !important;
		-webkit-box-shadow:none !important;
		box-shadow:none !important;
	}
	
	/* buttons */
	#core  form input[type="button"], #core  form input[type="submit"]{  
		text-align:center;
		display:inline-block !important;
		font-size:12px;
		line-height:100%;
		position:relative; 
		text-decoration:none; 
		border:0;
		padding:3px 10px 2px 10px;
		cursor:pointer; 
		min-width:100px; 
		background: #bdbdbd;
		border: solid 1px #ccc !important;
		filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#F7F7F7', endColorstr='#D8D8D8');   
		background: -webkit-gradient(linear, left top, left bottom, from(#F7F7F7), to(#D8D8D8));  
		background: -moz-linear-gradient(top,  #F7F7F7, #D8D8D8);  
		border-color: #D8D8D8 #CBCBCB #B2B2B2;
		color: #898989 !important;
		text-shadow: 0 1px 0 #F4F4F4;
		-webkit-box-shadow: 0 1px 1px #c9c9c9, inset 0 1px 0 #fff;
		-moz-box-shadow: 0 1px 1px #c9c9c9, inset 0 1px 0 #fff;
		box-shadow: 0px 1px 2px #D1D1D1, inset 0 1px 0 #fff !important; 
	}

	#core  form input:focus, #core form select:focus, #core form textarea:focus{
		border:1px solid #eee;		
		-moz-box-shadow: 0px 2px 2px #eee;
		-webkit-box-shadow: 0px 2px 2px #eee;
		box-shadow: 0px 2px 2px #eee;	
	}	

	#core form input[type="button"]:hover, #core form input[type="submit"]:hover{
		filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#F7F7F7', endColorstr='#D8D8D8');  
		background: -webkit-gradient(linear, left top, left bottom, from(#F7F7F7), to(#D8D8D8));  
		background: -moz-linear-gradient(top,   #D8D8D8, #F7F7F7);  
		border-color: #D8D8D8 #CBCBCB #B2B2B2;  
	}
	
	#core .sidebar_content form input:focus, #core .sidebar_content form select:focus, #core .sidebar_content form textarea:focus, #core .sidebar_content form input[type="button"], #core .sidebar_content form input[type="submit"]{
		-moz-box-shadow: none !important;
		-webkit-box-shadow: none !important;
		box-shadow: none !important;	
	}
	
	/* labels */
	 #core form label{
		display:block;
		float:none;
		line-height:100%;
		padding:4px 0 7px 0 !important;
		margin-top:4px;
		position:relative;
		color:#8B8B8B;
	}
	
	/* list in forms */
	#core form ul, #content form li{
		list-style-type:none;
		list-style-position:outside;                
		border:0;
		margin:0 0 20px 0 !important;
		padding:0 !important;
		display:block;
		clear:both;
		background:0 !important;
	}
	
	#core form ul li {
		margin:0px 0 15px 0px !important;
		border:0 !important;
	}
	
	
	/* form field widths for content area */ 
	#core input[type="text"]{
		width:300px;
	}
	
	#core textarea{
		width:500px;
		overflow:auto;
	}
	
	/* form field widths for columns */ 
	.box input[type="text"]{
		width:94%;
	}
	
	.box textarea{
		width:94%;
		overflow:auto;
	} 
	
	/* form field widths for sidebar*/ 
	.sidebar_content input[type="text"], .sidebar_content  select, .sidebar_content textarea{
		width:160px !important;
	}
	
	/* form validation */  
	#core #validate_form label.error {
		display:none !important;
		color: red;
		border: 1px solid red;
	}
	
	#core #validate_form .error{
		color: red;
		border: 1px solid red;
	} 
	
	/* Form Messages*/
	.ok_box{
		padding:20px;
		width:auto;
		margin:0 0 30px 0;
		position:relative;
		display:inline-block;
		-moz-border-radius:10px;
		-webkit-border-radius:10px;
		border-radius:10px;
		-moz-box-shadow: 0 4px 4px #CBCBCB;
		-webkit-box-shadow: 0 4px 4px #CBCBCB;
		box-shadow: 0 4px 4px #CBCBCB;
		text-shadow: 1px 1px 0px #FBFFF8;
		background:#E5FFC6;
		border:1px solid #B8CD9F;
		color:#90A17D;		
	}    
	
	.ok_box h3{
		font-size:18px;
		color:green;
	}
	
	.error_box, #loader{
		padding:20px;
		width:auto;
		margin:0 0 30px 0;
		position:relative;
		display:inline-block;
		-moz-border-radius:10px;
		-webkit-border-radius:10px;
		border-radius:10px;
		-moz-box-shadow: 0 4px 4px #CBCBCB;
		-webkit-box-shadow: 0 4px 4px #CBCBCB;
		box-shadow: 0 4px 4px #CBCBCB;
		text-shadow: 1px 1px 0px #FFEBE5;
		background:#ffcccc;
		border:1px solid #ff9999;
		color:#c31b00;		
	}
	
	fieldset, legend {margin:5px 0; padding:0; border: 0px none;}




/*
=============================================== WIDE  Display ===============================================
*/

@media only screen and (min-width:1210px){
.wrapper 	{width:1170px; margin-top:0px;}
.body 		{width:1150px;}
.sidebar 	{width:250px; }

.sidebarindex 	{width:300px; margin: 10px 35px 1px 0; padding:0; min-height:0; height:320px;}
.barsindex 	{width: 770px; margin:0 0 0 20px; padding:0;}

.barsmid    {width: 900px;}
.bars 		{width: 840px;  padding: 0 25px 25px 25px;}
.full 		{width: 1085px; padding: 0 25px 25px 20px;}
#content    {background: #fff url(../img/bg-content2.png) top left repeat-y;}

#body{/*background: url(../img/body_1370.png) 0 0 repeat-y;*/}
.sf-menu a {padding:.7em 3.05em .7em 3.05em;}
.sf-menu > li:first-child > a {padding-left:3.2em ;}

.powerSlide img { padding:0; border:0px; width:1180px; height:422px;}

.flexslider, .flexslider .slides img {width: 770px;}

.spotnews1, .spotnews2{height: 210px; height:432px}
.spotnews1, .spotnews2, .spotcontact {width: 313px;}
.cnews {height:171px;}

.temperature {float:right; font: 33px Oswald; line-height:42px; margin-top:0;padding:20px 10px 10px 20px; height:142px; border-left: 1px solid #3d659d;}

#footerpad {/*background:#f4f5f7; */width:1150px; margin:0 auto;}
}

@media only screen and (min-width:480px) and (max-width:720px){
/*.wrapper 	{width:620px; margin: 0 auto;}
.body 		{width:600px;}
.sidebar 	{width:600px;margin:0;background:#f4f5f7;}
.bars,.full,.barsindex, .sidebarindex,.barsmid,.column1of3  {width:590px; margin:0 0 0 5px; padding: 0 5px 25px 5px; border:0px; background: #fff;}
.sidebarindex { height:auto; margin-top:5px;}
.ne_news, .ne_events {width:230px;}
.floatR {float:left;}
#top{margin:10px auto 0 20px;}
#body{ margin-top:0px;}
#core {min-height:0px;}
#header, #masthead {height:auto;}
#masthead {}
.logo {width:230px; margin: 5px auto; float:none;  padding: 0; }
.tab { width: 250px; margin:0 auto 10px; float:none; padding: 0px;position:relative;}
#search {width:240px; margin: 0 auto; padding: 0; float:none; }
#search form .keywords { width:185px; }
#header .links {float:none; text-align:center;}

#navigation {height:77px; margin-bottom:10px}	

.sf-menu li a{ border-bottom: 1px solid #efdc02; }

#content {margin: 25px 0 0 5px;}
.sidebar {padding:0;}
#sidemenu {min-height:0px;width: 600px; padding:0;margin-bottom:0px; height:auto;}
#sidemenu p, #sidemenu h1, #sidemenu h3, #sidemenu h4 , #sidemenu h5, #sidemenu address { margin:10px; padding: 0 0 0 3px;} 
#sidemenu h2{margin:0;padding: 5px 0 5px 10px; border-bottom: 1px solid #fff;}
#sidemenu .sidebarindex h1{margin:0;}
.sidebar ul li { padding:0; border-bottom: 1px solid #fff;}
.sidebar ul li a {padding-left:10px;}

.flex-container {  margin-top: 10px; }
.flexslider, .flexslider .slides img {width: 580px;}

.spotnews1, .spotnews2, .spotcontact {width: 580px; margin-left:0;}
*/

}


/*
=============================================== MOBILE (Portrait) ===============================================
*/

@media only screen and (max-width:480px){

.wrapper 	{width:310px; margin: 0 auto;}
.body 		{width:300px;}
.sidebar 	{width:300px;margin:0; background:#f4f5f7;}
.bars,.full,.barsindex, .sidebarindex,.barsmid,.column1of3  {width:280px; margin:0 0 0 5px; padding: 0 5px 25px 5px; border:0px; background: #fff;}
.sidebarindex { height:auto; margin-top:5px;}
.ne_news, .ne_events {width:280px;}
.floatR {float:left;}
#top{margin:10px auto 0 20px;}
#body{ margin-top:0px;}
#core {min-height:0px;}
#header, #masthead {height:auto;}
.logo {width:280px; margin: 5px auto 0 auto; float:none; text-align:center; padding: 0; display:block; position:relative;}
.tab { width: 300px; margin:0 auto 10px; float:none; padding: 0px;position:relative;}
#search {width:290px; margin: 0 auto; padding: 0; float:none; }
#search form { margin-right:30px;}
#search form .keywords { width:185px; }
#header .links {float:none; text-align:center;}

#navigation {z-index:1100; position:relative}
.sf-menu a.sf-with-ul {padding-right: 1.5em; min-width:1px;}
.sf-sub-indicator {position:absolute;display:block;right:.75em;top:1.05em;width:10px;height:10px;text-indent:-999em;overflow:hidden;background:	url('../img/arrows-ffffff.png') no-repeat -10px -100px; }
.sf-menu , .sf-menu  ul, .sf-menu li {width:300px; }	
.sf-menu ul {	position: relative; left:0px; /* left offset of submenus need to match (see below) */ }
.sf-menu li:hover ul,.sf-menu li.sfHover ul,.sf-menu ul li:hover ul,.sf-menu ul li.sfHover ul{ left:0;top:0px; /* match top ul list item height */z-index: 1003;}
.sf-menu ul li a { width:290px !important; padding-left:20px;}
.sf-menu ul {border:none; -moz-box-shadow:none -webkit-box-shadow:none; box-shadow: none;}
ul.sf-menu li li li.sfHover ul, .sf-vertical li:hover ul, .sf-vertical li.sfHover ul, ul.sf-menu li li.sfHover ul {left:0px !important ; }
.sf-sub-indicator {visibility:visible;}
.sf-menu li li .sf-sub-indicator { right:3.3em;  }
.sf-menu li li { /* !important; */overflow:hidden; }
.sf-menu li li li li .sf-sub-indicator { right:em;  }
.sf-menu li li a { left: 0; padding-left:20px; padding-right:50px; }
.sf-menu li li li a { left: 0; padding 0 1.5em 0 25px;}
.sf-menu li li li li a { left: 0; padding-left:30px; }
/*** SKIN ***/
.sf-menu {float:left;margin-bottom:	1em;font: normal 15px 'Oswald';}
.sf-menu a {border-top:	1px solid #efdc02;padding:.5em 1em;text-decoration:none;}
.sf-menu > li:first-child > a {padding-left:1em ;}
.sf-menu a, .sf-menu a:visited  {}
.sf-menu li {background:#ffed1c;}
.sf-menu li li a{border-bottom:0;font:normal 13px 'Oswald';text-transform:uppercase;}
.sf-menu li li {font-size:13px;}
.sf-menu li li li {font-size:12px; background:#f6e200;}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {}
.no-js .sf-menu li li {display:none;}

#content {margin: 25px 0 0 5px;}
#contenthome {margin: 25px 0 0 5px;}
#content .breadcrumbs { padding:10px 10px; }
.sidebar {padding:0;}
#sidemenu {min-height:0px;width: 300px; padding:0;margin-bottom:0px; height:auto;}
#sidemenu p, #sidemenu h1, #sidemenu h3, #sidemenu h4 , #sidemenu h5, #sidemenu address { margin:10px; padding: 0 0 0 3px;} 
#sidemenu h2{margin:0;}

#sidemenu .sidebarindex h1{margin:0;}
.sidebar ul li { padding:0; border-bottom: 1px solid #fff;}
.sidebar ul li a {padding-left:10px;}
.side_add li li:first-child { border-top: solid 1px #fff;  padding-top:6px; }
.side_add li li a.nav-path-selected  { background: #f4f5f7;}

#core .fac_photos { position: relative; float: left; padding: 0 10px 10px 10px; clear:both; height:194px;}
#core .fac_photos img {border:solid 1px #d5d5d5; padding:5px;}
#core .fac_photo { padding: 0 5px 0px 0px; width:260px;}
#core .fac_listing { padding: 0px 5px 20px 5px; width:250px; margin-bottom:10px;}

#core h1 { margin: 7px 7px 10px 0; }

/* Tables */
/* Force table to not be like tables anymore */
table, thead, tbody, th, td, tr { display: block; }
/* Hide table headers (but not display: none;, for accessibility) */
thead tr { }
tr { border: 0px solid #ccc; }
td { /* Behave  like a "row" */border: none; position: relative;padding-left: 50%; }
td:before {/* Now like a table header */position: absolute;/* Top/left values mimic padding */top: 6px;left: 6px;width: 45%; padding-right: 10px; white-space: nowrap;}

.faculty-listing {width:265px; padding: 7px 5px 0 0; margin: 5px 10px 15px 5px;height: auto; min-height:0;}

a.button { display:block;}

.spot {width:288px; margin:0;}

.spot table {width:100%; margin:0 auto;}
.spot td, .spot th {  border:0;padding: 8px 10px 3px 10px;}
.spot tr:nth-of-type(even) { background: none; }

.spot td.ccm-calendar-all-name { padding: 0px 10px 10px 10px;}

.spot h2 {}
.spotnews1{height:auto;}
.spotnews1 li a.tab{padding-bottom:5px;}
.spotcontact { position:relative; border: 1px solid #e1e1e0; margin-top:20px;}
.viewall { padding: 5px 10px;}


#footer{height:130px;}
#footer .fmenu{display:none;}
#footerpad{visibility:hidden; height:0px;}
.copyright,.ucd {float:left;margin: 3px 0 3px 10px;display:block;clear:both; padding-left:5px; padding-right:25px;}
.fmenu {float:left;margin: 3px 0 3px 10px;display:block;clear:both;}
#foot ul li, #foot ul li:first-child {padding: 0 5px;  border: 0px; line-height:20px; display: inline-table; }

#header img, #core img,.youtube-player,.flex-container {max-width:280px;height:auto;}
.image-right,.image-left { position: relative; margin: 0;float:none; }
.image-right-border,.image-left-border  { position: relative; margin: 0; padding: 6px; border: solid 1px #d5d5d5;	}

/* Package additions*/
.calhide{visibility:hidden; width:0; height:0;}

}