/* =============== */
/* = Global CSS = */
/* =============== */

* {margin:0; padding:0; }

html, body {height: 100%;} /* sticky footer */

body{ background:#f3f4f4; font-family: 'Lucida Grande', 'Lucida Sans Unicode',sans-serif; font-size:13px; color:#434343;margin:0;-webkit-text-size-adjust: none; }

h1, h2, h3, h4, h5, h6 {font-family:'Lucida Grande', 'Lucida Sans Unicode'; font-weight:normal;color:#000;}
h1  { text-shadow: 2px 2px 2px #105977;  font-weight: 800;font-size:36px; color:#FFF; letter-spacing:-1px; margin-top:2px; float:left; line-height:normal;}
h2 {font-size:32px; margin: 0 0 25px;  }
h2.small { font-size:22px; margin-bottom: 15px; }
h3 {font-size:24px; margin:0 0 10px;}
h4 {font-size:12px; margin:0 0 5px; font-weight:bold; color: #777;}

input {margin:0 0 10px 0;}
p {line-height:18px; margin:0 0 25px 0; }
ul { margin:0px 0 25px 0px; padding:0 0 0 10px;}
ul li {  margin:0 15px 10px 0;padding:0 0 0 15px; list-style-type:none; }
a {color:#3084ca; text-decoration:none; font-weight:normal; }
a:hover { color: #78b9e7; }
img { border: none; }
blockquote {background: #ffffff url('../images/blockquote.png') no-repeat left top; padding-left: 50px;}

.l { text-align: left; }
.r { text-align: right; }
.left{float:left;}
.right{float:right;}
.center { text-align: center;}
.clear {clear:both;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden; }
.spotlight { padding: 20px; background: #fafafa; border: 1px solid #ececec;-webkit-border-radius: 10px; -moz-border-radius:10px;}

hr {color:#d9d9d9; background:#d9d9d9;border:0px; height:1px;margin-bottom:25px;clear:both;}
.screenshot {  margin-bottom:25px}

#wrapper {min-height:100%; height:auto !important;height:100%;margin:0 auto;/* neg val of footer height*/}

/* all content areas that are outside of grid but need to be centered with correct width */
.content { width:950px; margin: 0 auto; display: block; padding:0 20px; }
.content:after {content:"\0020";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}

#header { background: #0e7daa url('../images/bg.jpg') no-repeat center; border-bottom: 1px solid #126e8f;}
#header_nav { height:36px; padding-top:13px; background:transparent url(../images/BG_transparent_black.png) repeat scroll 0 0;
border-bottom:1px solid #16a6c6; }  
                                                            
#header_nav a.logo-chapteradmin { text-indent:-9999px; position:absolute; width:215px; height:41px; background:red; background:url('../images/logo.png') no-repeat; top: 8px; display:block;}    

ul#nav_primary { float:right; margin:-2px 0 0 0; position: relative; z-index: 999; }
ul#nav_primary li { float:left; list-style-type:none; margin:0 15px 0 0; height:27px; padding:8px 0 0 4px; background:none;  }
ul#nav_primary li a { padding:7px 8px 8px 8px; color:#ffffff; text-decoration:none; font-weight:normal; font-size: 12.5px; text-shadow: 1px 1px 1px #222; outline:none; text-shadow:1px 1px 0.5px #000; }    
 
ul#nav_primary li a:hover { color: #f4f4f4; text-decoration:underline;}
ul#nav_primary li a:active, #header_nav ul#nav_primary li a:focus { color:#FFF; } 
ul#nav_primary li.current {}
ul#nav_primary li.current a { color:#fff; background:#004c60; -webkit-border-radius: 5px; -moz-border-radius:5px; padding-bottom:7px; text-shadow:none; text-decoration:none;} 
                
/*This is the secondary ul for resources*/
ul#nav_primary ul.utilities { float:none; padding:0; margin:0; position:relative;  }
ul#nav_primary ul.utilities li { margin:0; padding:0;}  
ul#nav_primary ul.utilities li a { text-transform:uppercase;color:#56dbff; text-shadow:1px 1px 0.5px #000; font-size:11px; float:left; margin-right:2px;         }
ul#nav_primary ul.utilities li.megadropdown a { padding-bottom:20px; padding-right:20px;}  
ul#nav_primary ul.utilities li.megadropdown:hover a {  color:#fff;  -webkit-border-top-left-radius:5px;
-webkit-border-top-right-radius:5px;
-webkit-border-bottom-left-radius:0px;
-webkit-border-bottom-right-radius:0px; -moz-border-radius:5px 5px 0 0; padding-bottom:5px;  background: #004c60 url('../images/btn-bg-primarynav-arrow.png') no-repeat 74px 11px;}
ul#nav_primary ul.utilities li a:hover { color:#fff; background:#004c60; -webkit-border-radius: 5px; -moz-border-radius:5px; -khtml-border-radius: 5px;	border-radius: 5px; padding-bottom:7px; text-shadow:none; text-decoration:none;} 

ul#nav_primary li.nav_sub { padding:0 0 0 15px; margin:2px 0 0 0;background:url('../images/navspacer.png') no-repeat left;  }  

/*This is the megadrodown ul*/ 
ul#nav_primary ul.utilities li ul {display:none; width:157px; float:none; padding:10px 10px 10px 10px; margin:0; background:#004c60; position:absolute; z-index:9999; left:0px; top:23px; -webkit-border-radius: 5px; -webkit-border-top-left-radius:5px; -moz-border-radius:0px 5px 5px 5px; -khtml-border-radius: 0px 5px 5px 5px; border-radius: 0px 5px 5px 5px; }  
ul#nav_primary ul.utilities li:hover ul { display:block; -webkit-border-radius: 5px; -webkit-border-top-left-radius:5px; -moz-border-radius:5px; -khtml-border-radius: 5px;	border-radius: 5px;}   

/*This is the megadropdown li*/
ul#nav_primary ul.utilities li ul li {float:none;  line-height:auto;  padding:0 0 5px 0;  height:auto; z-index:99999}                       
ul#nav_primary ul.utilities li.megadropdown ul li a { position: relative; padding-bottom:0px; z-index:99999}
ul#nav_primary ul.utilities li ul li a strong { display:block; color:#fff; font-size:11.5px; text-transform:none; margin-bottom:2px; }    
#wrapper ul#nav_primary ul.utilities li ul li a { position: relative; color:#f4f4f4; font-size:11px; text-shadow:none; padding:10px 7px;  border-bottom:1px solid #004c60; display:block; background:#004c60; margin:0 0 0px 0 ; text-transform:none; width:143px; -moz-border-radius:0; -webkit-border-radius:0; border-radius:0;}   
#wrapper ul#nav_primary ul.utilities li ul li a:hover { background:#003d4d; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px;} 

/*login school select*/
ul#nav_primary ul.utilities li a.menu-open {
    -moz-border-radius-topleft:5px;
    -moz-border-radius-topright:5px;
    -moz-border-radius-bottomleft:0px;
    -moz-border-radius-bottomright:0px;
    -webkit-border-top-left-radius:5px;
    -webkit-border-top-right-radius:5px;
    -webkit-border-bottom-left-radius:0px;
    -webkit-border-bottom-right-radius:0px;
    background:#004c60!important;
    color:#fff!important;
}
#school_select_menu {
    -moz-border-radius-topleft:5px;
    -moz-border-radius-bottomleft:5px;
    -moz-border-radius-bottomright:5px;
    -webkit-border-top-left-radius:5px;
    -webkit-border-bottom-left-radius:5px;
    -webkit-border-bottom-right-radius:5px;
    display:none;
    background-color:#004c60;
    position:absolute;
    width:250px;
    z-index:9999;
    text-align:left;
    padding:20px;
    top: 20px; 
    right: 0px; 
    margin-top:5px;
    margin-right: 2px;
	height: 130px;
}
#school_select_menu select{ font-size: 12px;}
#school_select_menu p b{font-size:11.5px;}
#school_select_menu p {color:#fff; font-size:11px;}
a.solution_choice {text-decoration: none;}

#feature { height:70px; padding-top: 30px;} 
#feature h1 { font-weight:bold; color:-moz-linear-gradient(45deg, red, blue); text-shadow: 2px 2px 2px #105977; font-size: 48px;}
#feature #contact-us {float:right; margin-top:5px;}
#feature #contact-us p { margin:0 0 5px 0;font-size:22px; color:#FFF;  text-shadow: 1px 1px 2px #105977; font-family: "Helvetica Neue", sans-serif; font-weight: 200; margin:0 0 7px 0; text-align:right;}
#feature #contact-us a { font-size:12px; color:#FFF;  text-shadow: 1px 1px 2px #105977; font-family: "Helvetica Neue", sans-serif; font-weight: 200; margin:0 0 7px 0; float: right; padding: 2px 8px; background:transparent url(../images/BG_transparent_black.png) repeat scroll 0 0; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
#feature #contact-us a:hover { color:#56dbff; }

#showcase {display: block;overflow: hidden; position: relative; z-index: 888; width: 980px;margin: 20px auto;height: 330px;}
#showcase #prev a, #showcase #next a {display: block;height: 36px;width: 36px;float: left;margin-top: 140px; }
#showcase #prev a {background: url('../images/showcase_back.gif') no-repeat 0 -36px; margin-right: 5px;}
#showcase #prev a:hover, #showcase #prev a:hover {background-position: 0 0;border:none; }
#showcase #next a {background: url('../images/showcase_next.gif') no-repeat 0 0;margin-left: 5px;}
#showcase #next a:hover, #showcase #next a:hover {background-position: 0 -36px;border:none; }
#showcase ul li { margin: 2px;list-style-image: url(../images/bullet.png);}

#slides {float: left;}
.split, .full {-moz-border-radius: 10px;-webkit-border-radius: 10px;-webkit-box-shadow: 0px 1px 4px #999;-moz-box-shadow: 0px 1px 4px #999;box-shadow: 0px 1px 4px #999;background: url('../images/home_featured_blue.png') repeat-x;color: #fff;}
#slides h1, #slides h2, #slides h3, #slides h4{color: #fff;}
.full {padding: 30px 40px; width: 900px; height: 265px;}
.split .left {float: left;width: 550px;height: 265px;padding: 30px 40px;position: relative;background: url('../images/features_splash_left.png') 250px 100px no-repeat;}
.split .left img {position: absolute;bottom: 0;left: 40px;}
.split .right {float: right;width: 270px;height: 265px;padding: 30px 40px;background: url('../images/home_featured_dark.png') left no-repeat;-moz-border-radius-topright:10px;-moz-border-radius-bottomright:10px;-webkit-border-top-right-radius:10px;-webkit-border-bottom-right-radius:10px;}
.split .right ul { padding-left: 20px; padding-top: 5px;  }

a.button {
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	background: url('../images/bg-btn-blue.png') repeat-x scroll 0 0;
	border:1px solid #ccc;
	color:#298bb3;
	padding:6px 12px 6px;
	font-size:16px;
	margin:0 5px 0 0;
}
.button::-moz-focus-inner {
padding:0;
border:0;
}
.button:hover, .button:focus {
	background: url('../images/bg-btn-blue2.png') repeat-x scroll 0 0;
	cursor:pointer;
}

#body {
	width:920px;
	margin: 20px auto 30px;
	background: #fff;
	padding: 30px 30px;
	color: #666;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-webkit-box-shadow: 0px 1px 3px #999;
	-moz-box-shadow: 0px 1px 3px #999;
	box-shadow: 0px 1px 3px #999;
}
#body.homepage{padding: 10px 30px;}
#body.fadebg{background: #fff url('../images/body_bg_grey.png') repeat-x bottom;}
.main_content {float:left; margin:15px 19px 0px 0px; width:685px; padding-right:30px; border-right:1px solid #e9e9e9;} 
.full_width{ width:940px; margin:0 auto; position:relative; text-align:left; border-right:none}
.box920, .box665, .box410, .box200, .box317, .box318 {float:left;margin:15px 40px 15px 0px;position:relative; overflow:hidden}
.box920 {width:920px}
.box665 {width:665px}
.box410 {width:410px}
.box200 {width:200px}
.box317 {width:317px}
.box318 {width:318px}
.right_side {margin-right:0px}
.sidebar{float:left; width:180px; margin:20px 0px; color:#999; overflow:hidden; position:relative;}
.main_content_right {float:left;margin:15px 0px 25px 14px; width:695px; padding-left:30px; border-left:1px solid #e9e9e9;}

#body h1, #body h2, #body h3, #body h4, #body h5, #body h6 { font-weight:normal; color:#333; text-shadow: none; float: none;}
h1 { font-size:36px; line-height:1em; margin:0; padding-bottom:20px }
h2 { font-size:24px; line-height:1em; margin:0; padding-bottom:20px}	
h3 { font-size:18px; line-height:1em; margin:0; padding-bottom:8px}	
h4 { font-size:16px; line-height:1em; margin:0; padding-bottom:8px}
h5, h6 { font-size:14px; line-height:1em; margin:0px 0px 6px 0px; padding-bottom:8px}
#body .sub {color: #777; margin-bottom: 10px;}		
#body .no-margin { margin: 0px 0px 3px 0px; padding: 0px;}	
#body p {	margin:0px 0px 25px;	}	

#body .spotlight h1 {color: #37bccf;}
#body .spotlight h2 {}
#body .spotlight h3 {color: #666;}
#body .spotlight p {}


/*-------------------- 8. SIDEBAR --------------*/
.sidebar h2 {margin-bottom:0px; color:#666}
.sidebar h2.text_widget {margin-bottom:6px;padding-bottom:0px;}
.sidebar ul.list_widget a {font-size: 16px; color:#999; text-decoration:none; border-left:4px solid #fff; display:block; padding:4px 10px 4px 15px;}
.sidebar ul.list_widget, .sidebar ul.more_projects {margin:0px; padding:0px}
.sidebar ul.list_widget a:hover, .list a:hover {color:#333; background-color:#f8f8f8; text-decoration:none;}
.sidebar ul.list_widget a.active_page {border-left:4px solid #56dbff; color:#333}

/*-------------------- 10. MISCELLANEOUS CLASSES --------------------*/		
br.clearf { clear:both; height:0; margin:0px; padding:0px; font-size:0px; line-height:0px}
.list, .linklist, .olist {margin:0px; padding:0px; list-style:none}
.list li {background:url('../images/bullet.png') left 5px no-repeat; padding:0px 0px 0px 14px; margin-left:3px}
.linklist a {color:#666; text-decoration:none; display:block; padding:4px 10px 4px 15px; border-bottom:1px solid #e6e6e6}
.linklist a:hover{color:#333; background-color:#f0f0f0; text-decoration:none;}
.olist { list-style:decimal}
.olist li {margin:0px 0px 0px 22px;}	
a.more {padding:4px 8px; font-size:11px; text-decoration:none; color:#666; background-color:#ddd;border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; -khtml-border-radius:2px}
a.more:hover {color:#fff; background-color:#555}
.borderify {padding:1px; background:#fff; border:1px solid #ddd;}
.imgleft {float:left; margin:4px 15px 3px 0px}
.imgright {float:right; margin:4px 0px 10px 15px}
.margin20 {margin-bottom:20px}
.no_hr {background:none; margin-bottom:0px; padding-bottom:2px}

#footer {
	font-size: 11px;
	padding-bottom: 20px;
	color: #666;
}
#footer h5 {color: #666; padding-bottom: 0px;}
#footer #footer_logo{color: #888; text-align: right; width: 220px;background: transparent url(../images/logo-footer.png) right 0px no-repeat; padding-top: 45px;}
#footer .footer_widget {margin-left: 20px; float: left;}
#footer .footer_widget p{width: 290px;}
#footer #copy{color: #aaaaaa;}
#footer .footer_widget ul { margin: 0px; padding:0px;}
#footer .footer_widget ul li{ margin: 0px; padding:0px;}
#footer a{
	font-size: 11px;
	color: #888;
	text-decoration: none;
}
#footer a:hover{
	color: #777;
	text-decoration: underline;
}