/*  
Theme Name: CEIU-SEIC English
Theme URI: http://ceiu-seic.ca
Description: by spadewerk
Version: 1.0
author: Brandon Johnson
author URI: http://spadewerk.com
*/

* {
	margin: 0;
	padding: 0;}
	
html, body {
	height: 100%;}
	
body {
	font-family: "Lucida Grande", "Lucida", "Lucida Sans", arial, sans-serif;
	font-size: 12px;
	color: #333;
	line-height: 16px;
	background-color: #fff;
	background-image: url(images/bg_body.jpg);
	background-repeat: repeat-x;
	margin: 0px;
	padding: 0px;}
	
div#printinfo {display:none}
	
a {
	text-decoration: none;
	border: none;}
	
em {
	margin: 0px;
	padding: 0px;}
	
p,h1,h2,h3,h4 {
	margin: 0px;
	padding: 0px;}
	
ul,li,ol {
	margin: 0px;
	padding: 0px;
	list-style-type: none;}
	
img,img a {
	margin: 0px;
	padding: 0px;
	border: none;
	text-decoration: none;}
	
.wp-caption {
	border: 0px;
	text-align: center;
	background-color: #fff;
	margin: 10px;}
	
.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;}
	
.wp-caption p.wp-caption-text {
	text-align: center;
	font-size: 11px;
	font-weight: bold;
	padding: 0 4px 5px;
	margin: 0;}
	
blockquote {
	margin: 15px 30px 0 10px;
	padding-left: 20px;
	border-left: 5px solid #ddd;}

blockquote cite {
	margin: 5px 0 0;
	display: block;}
	
div#wrapper {/* sets the width and centering on screen */
	position: relative;
	left: 50%;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	width: 960px;
	background-image: url(images/bg_wrapper.png);
	background-repeat: repeat-y;
	margin-top: 0;
	margin-left: -480px;
	margin-right: auto;
	margin-bottom: -320px;}
	
div#wrapperevents {/* sets the width and centering on screen */
	position: relative;
	left: 50%;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	width: 960px;
	margin-top: 0;
	margin-left: -480px;
	margin-right: auto;
	margin-bottom: -320px;}
	
div#headertop {
	margin: 0px;
	padding: 0px 0px 0px 0px;
	background-image: url(images/bg_body.jpg);
	background-repeat: repeat-x;
	width: 960px;
	height: 30px;}
	
div#title {
	font-size: 22px;
	font-weight: bold;
	color: #fff;
	margin: 0px;
	padding: 5px 0px 0px 10px;
	float: left;}
	
div#title a {
	color: #fff;}
	
div#title a:hover {
	color: #fff;}
	
div#headerbot {
	margin: 0px;
	padding: 0px 0px 0px 0px;
	width: 960px;
	height: 30px;}
	
div#lft {
	vertical-align: top;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	width: 200px;
	float: left;}
	
div#logo {
	text-align: center;
	margin: 0px;
	padding: 30px 0px 30px 0px;
	border-bottom-width: 5px;
	border-bottom-style: solid;
	border-bottom-color: #e8e8e8;}
	
div#addthis {
	margin: 0px;
	padding: 10px}
	
#searchwrapper {
	width:180px; /*follow your image's size*/
	height:30px;/*follow your image's size*/
	background-image: url(images/bg_search.png);
	background-repeat:no-repeat; /*important*/
	padding:0px;
	margin: 10px 0px 0px 10px;
	position:relative; /*important*/}
 
#searchwrapper form { display:inline ; }
 
.searchbox {
	border:0px; /*important*/
	background-color:transparent; /*important*/
	position:absolute; /*important*/
	top:4px;
	left:10px;
	width:140px;
	height:26px;}
 
.searchbox_submit {
	border:0px; /*important*/
	background-color:transparent; /*important*/
	position:absolute; /*important*/
	top:0px;
	left:150px;
	width:30px;
	height:30px;}
	
div#fontsize {
	margin: 16px 10px 0px 0px;
	padding: 0px;
	float: right;
	position: relative;
	z-index: 20;}
	
div#fontsize img a {
	margin: 0px;
	padding: 0px;}
	
div#rht {
	vertical-align: top;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	width: 200px;
	float: right;}
	
/* widgets on the left*/

div#homeblurb {
	font-size: 12px;
	color: #666;
	line-height: 14px;
	font-weight: normal;
	margin: 0px 0px 10px 0px;
	padding: 10px 10px 10px 10px;}
	
div#homeblurb p {
	margin: 0px;
	padding: 0px 0px 10px 0px;}
	
div#homeblurb a {
	color: #68a934;
	text-decoration: none;}
	
div#homeblurb a:hover {
	color: #333;
	text-decoration: none;}
	
div#lftbox {
	font-family: "Lucida Grande", "Lucida", "Lucida Sans", arial, sans-serif;
	font-size: 12px;
	color: #666;
	line-height: 14px;
	font-weight: normal;
	margin: 10px 0px 5px 0px;
	padding: 0px 0px 10px 0px;
	width: 200px;}
	
div#lftbox a {
	color: #666;}
	
div#lftbox h2 {
	font-family: "Myriad", "Myriad Pro", Lucida Sans, arial, sans-serif;
	font-size: 13px;
	color: #666;
	line-height: 14px;
	font-weight: bold;
	margin: 0px;
	padding: 5px 0px 5px 10px;
	background-color: #f4f4f4;}
	
/* left buttons */
	
.lftbutton {
	color: #333;
	font-size: 15px;
	font-weight: bold;
	margin: 0px 0px 5px 0px;
	padding: 10px;
	text-decoration: none;
	background-color: #f2f4f1;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #e8e8e8;}
	
.lftbutton a {
	color: #68a934;}
	
.lftbutton a:hover {
	color: #333;}
	
.printbutton {
	color: #333;
	font-size: 15px;
	font-weight: bold;
	margin: 0px 0px 5px 0px;
	padding: 10px;
	text-decoration: none;
	background-color: #f2f4f1;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #e8e8e8;}
	
.printbutton a {
	color: #68a934;}
	
.printbutton a:hover {
	color: #333;}
	
/* language selector */
	
div#language {
	color: #333;
	font-size: 15px;
	font-weight: bold;
	margin: 0px;
	padding: 15px;
	text-decoration: none;
	background-color: #f2f4f1;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #e8e8e8;}
	
div#language a {
	color: #68a934;}
	
div#language a:hover {
	color: #333;}
	
/* widgets on the right */
	
.rhtbox {
	font-family: "Lucida Grande", "Lucida", "Lucida Sans", arial, sans-serif;
	font-size: 12px;
	color: #666;
	line-height: 14px;
	font-weight: normal;
	margin: 10px 0px 5px 0px;
	padding: 0px 0px 10px 0px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #e8e8e8;}
	
.rhtbox a {
	color: #666;}
	
.rhtbox h2 {
	font-family: "Myriad", "Myriad Pro", Lucida Sans, arial, sans-serif;
	font-size: 13px;
	color: #333;
	line-height: 14px;
	font-weight: bold;
	margin: 0px;
	padding: 5px 0px 5px 10px;
	background-color: #f4f4f4;}
	
div#lft img a {
	margin: 0px;
	padding: 0px;
	border: none;}
	
div#mid {
	vertical-align: top;
	margin: 0px;
	padding-top: 30px;
	padding-bottom: 0px;
	padding-left: 15px;
	padding-right: 15px;
	width: 530px;
	float: left;}
	
div#postmeta {
	color: #999;
	font-size: 12px;
	padding-top: 10px;}
	
div#postmeta a {
	color: #68A934;
	font-size: 12px;}
	
div#mid a {
	color: #68a934;
	text-decoration: none;}
	
div#mid img a {
	text-decoration: none;
	border: none}
	
div#mid a:hover {
	color: #333;
	text-decoration: none;}
	
div#mid p {
	margin: 0px 0px 10px 0px;;}
	
div#mid ul {
	padding: 0px;
	margin: 5px 0px 10px 15px;
	list-style-type: none;}
	
div#mid ul li {
	margin: 0px;
	padding: 0px 0px 5px 20px;
	ine-height: 16px;
	list-style-type: none;
	background: transparent url(images/listimgarrow.gif) no-repeat top left;}
	
div#mid ol {
	margin: 0px 0px 10px 10px;
	padding: 0px 0px 0px 30px;}
	
div#mid ol li {
	line-height: 16px;
	margin: 0px;
	padding: 0px 0px 5px 15px;
	list-style-type: decimal;
	list-style-position: outside;}
	
div#mid h1 {
	font-family: "Myriad", "Myriad Pro", Lucida Sans, arial, sans-serif;
	font-size: 22px;
	color: #68a934;
	line-height: 24px;
	font-weight: bold;
	margin: 15px 0px 15px 0px;
	padding: 0px 0px 15px 0px;
	background-image: url(images/sep_heading.gif);
	background-repeat: no-repeat;
	background-position: bottom;}
	
div#mid h2 {
	font-family: "Myriad", "Myriad Pro", Lucida Sans, arial, sans-serif;
	font-size: 18px;
	color: #666;
	line-height: 20px;
	font-weight: bold;
	margin: 20px 0px 15px 0px;
	padding: 5px 0px 0px 0px;}
	
div#mid h2 a {
	font-family: "Myriad", "Myriad Pro", Lucida Sans, arial, sans-serif;
	font-size: 20px;
	color: #666;
	text-decoration: none;}
	
div#mid h2 a:hover {
	color: #7cc21c;
	text-decoration: none;}
	
div#mid h3 {
	font-family: "Myriad", "Myriad Pro", Lucida Sans, arial, sans-serif;
	font-size: 16px;
	color: #458852;
	line-height: 18px;
	font-weight: bold;
	margin: 10px 0px 10px 0px;
	padding: 0px;}
	
div#mid h3 a {
	text-decoration: none;
	color: #458852;}
	
div#mid h4 {
	font-size: 16px;
	color: #333;
	line-height: 18px;
	font-weight: normal;
	margin: 0px 0px 15px 0px;
	padding: 10px 0px 0px 0px;}
	
div#mid h5 {
	font-size: 14px;
	color: #458852;
	line-height: 14px;
	font-weight: bold;
	margin: 0px 0px 10px 0px;
	padding: 0px;}
	
div#mid h5 a {
	text-decoration: none;
	color: #000;}
	
/* breadcrumbs */

.breadcrumbs {
	font-size: 11px;
	font-style: normal;
	line-height: 11px;
	color: #fff;
	margin: 0px;
	padding: 10px;
	background-color: #68A934;}
	
.breadcrumbs a, .breadcrumbs a:visited {
	color: #fff;
	text-decoration:none}
	
.breadcrumbs a:hover {
	color: #ccc;
	text-decoration:none}
	
/* top navigation */

#nav {
	display: block;
	margin: 0 auto;
	padding: 0px;
	height: 30px;
	float: right;}
	
#nav .menu-header,
div.menu {
	font-size: 11px;
	height: 30px;}
	
#nav .menu-header ul,
div.menu ul {
	list-style: none;
	margin: 0;}
	
#nav .menu-header li,
div.menu li {
	float: left;
	position: relative;}
	
#nav a {
	color: #fff;
	font-weight: normal;
	display: block;
	line-height: 30px;
	padding: 0 8px;
	text-decoration: none;}
	
#nav ul ul {
	box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
	display: none;
	position: absolute;
	top: 30px;
	left: 0;
	float: left;
	width: 170px;
	z-index: 99999;}
	
#nav ul ul li {
	min-width: 170px;}

#nav ul ul li a {
	font-size: 11px;
	color: #666;
	font-weight: normal;}
	
#nav ul ul li a:hover {
	color: #68a934;
	font-weight: normal;}
	
#nav ul ul ul {
	left: 100%;
	top: 0;}
	
#nav ul ul a {
	background: #fff;
	line-height: 1em;
	padding: 5px 5px 5px 10px;
	width: 155px;
	height: auto;}
	
#nav li:hover > a,
#nav ul ul :hover > a {
	color: #333;}
	
#nav ul li:hover > ul {
	display: block;}
	
#nav ul li.current_page_item > a,
#nav ul li.current-menu-ancestor > a,
#nav ul li.current-menu-item > a,
#nav ul li.current-menu-parent > a {
	color: #333;}
	
* html #nav ul li.current_page_item a,
* html #nav ul li.current-menu-ancestor a,
* html #nav ul li.current-menu-item a,
* html #nav ul li.current-menu-parent a,
* html #nav ul li a:hover {
	color: #333;}
	
/* top navigation */

#nav2 {
	display: block;
	margin: 0 auto;
	padding: 0px;
	height: 30px;
	background-color: #e8e8e8;}
	
#nav2 .menu-header2,
div.menu {
	font-size: 12px;
	width: 960px;
	height: 30px;
	background-color: #e8e8e8;}
	
#nav2 .menu-header2 ul,
div.menu ul {
	list-style: none;
	margin: 0;}
	
#nav2 .menu-header2 li,
div.menu li {
	float: left;
	position: relative;}
	
#nav2 a {
	color: #333;
	font-weight: bold;
	display: block;
	line-height: 30px;
	padding: 0 8px;
	text-decoration: none;}
	
#nav2 ul ul {
	box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
	display: none;
	position: absolute;
	top: 30px;
	left: 0;
	float: left;
	width: 170px;
	z-index: 99999;}
	
#nav2 ul ul li {
	min-width: 170px;}

#nav2 ul ul li a {
	font-size: 11px;
	color: #666;
	font-weight: normal;}
	
#nav2 ul ul li a:hover {
	color: #68a934;
	font-weight: normal;}
	
#nav2 ul ul ul {
	left: 100%;
	top: 0;}
	
#nav2 ul ul a {
	background: #fff;
	line-height: 1em;
	padding: 5px 5px 5px 10px;
	width: 155px;
	height: auto;}
	
#nav2 li:hover > a,
#nav2 ul ul :hover > a {
	color: #68a934;}
	
#nav2 ul li:hover > ul {
	display: block;}
	
#nav2 ul li.current_page_item > a,
#nav2 ul li.current-menu-ancestor > a,
#nav2 ul li.current-menu-item > a,
#nav2 ul li.current-menu-parent > a {
	color: #68a934;}
	
* html #nav2 ul li.current_page_item a,
* html #nav2 ul li.current-menu-ancestor a,
* html #nav2 ul li.current-menu-item a,
* html #nav2 ul li.current-menu-parent a,
* html #nav2 ul li a:hover {
	color: #68a934;}
	
/* sidebar navigation */
	
#subnav {
	font-size: 11px;
	margin: 0px 0px 15px 0px;
	padding: 0px;}
	
#subnav ul {
	margin: 0px 0px 0px 0px;
	padding: 0px;}
	
#subnav li.page_item {
	margin: 0px;
	padding: 0px 0px 0px 10px;
	list-style-type: none;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #e8e8e8;}
	
#subnav li.page_item a {
	color: #333;
	font-weight: bold;
	line-height: 12px;
	margin: 0px;
	padding: 3px 0px 4px 0px;
	text-decoration: none;
	display: block;}
	
#subnav li.page_item a:hover {
	color: #458852;
	text-decoration: none;}
	
#subnav li.current_page_item a {
	color: #458852;
	font-weight: bold;
	background-color: none;}
	
#subnav li li.page_item {
	padding-left: 0px;
	line-height: 12px;
	background-color: none;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #fff;}
	
#subnav li li.page_item a {
	color: #666;
	font-size: 11px;
	font-weight: normal;
	margin: 0px;
	padding-left: 0px;
	text-decoration: none;}
	
#subnav li li.current_page_item a {
	color: #458852;
	font-weight: bold;
	background-color: none;}
	
#subnav li li.current_page_item a:hover {
	font-weight: bold;}
	
#subnav li li a:hover {
	color: #001d5b;
	font-weight: normal;}
	
#subnav li li li.page_item a {
	color: #999;
	font-size: 12px;
	font-weight: normal;
	margin: 0px;
	padding-left: 10px;
	text-decoration: none;
	background-color: transparent;}
	
#subnav li li li.current_page_item a {
	color: #68a934;
	font-weight: normal;
	background-color: none;}
	
#subnav li li li.current_page_item a:hover {
	color: #68a934;
	font-weight: normal;}
	
#subnav li li li a:hover {
	color: #001d5b;
	font-weight: normal;}
	
/* footer area */
	
div#footer {
	position: relative;
	width: 100%;
	height: 320px;
	background-color: #e8e8e8;}
	
.footer, .push {
	padding-top: 30px;
	background-color: #fff;
	height: 320px; /* .push must be the same height as .footer */
	clear: both;
	border-top-width: 5px;
	border-top-style: solid;
	border-top-color: #e8e8e8;}
	
div#footercontent {
	font-size: 11px;
	color: #666;
	position: absolute;
	left: 50%;
	margin-left: -480px;
	margin-top: 0px;
	padding: 0px;
	width: 960px;}
	
div#footercontent a {
	color: #666;}
	
div#footercontent a:hover {
	color: #458852;}
	
div#footerbot {
	text-align: right;
	font-size: 10px;
	color: #999;
	margin: 0px;
	padding: 15px 0px 15px 0px;
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #cfcfcf;
	clear: both;}
	
div#footerbot a {
	color: #999;}
	
div#footerbot a:hover {
	color: #333;}
	
.footercol {
	color: #666;
	margin: 0px;
	padding: 20px 22px 20px 0px;
	width: 170px;}
	
.footerlinebot	{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #cfcfcf;}
	
/* news and events */

.sep	{ 
	width: 100%;
	height: 20px;
	margin: 10px 0px 10px 0px;
	padding: 0px; 
	background: url(images/sepnews.gif) repeat-x;}
	
.seplist	{
	width: 100%;
	height: 1px;
	margin: 5px 0px 5px 0px;
	padding: 0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #f1f1f1;}
	
/* paging navigaton at bottom of blog and publications */
	
div#navigation {
	margin: 0px 0px -25px 0px;
	padding: 5px 25px 0px 24px;
	background-color: #57b4ff;
	width: 670px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #d3d3d3;
	height: 30px;}
	
.alignleft {
	margin: 0px;
	padding: 0px;
	float: left}
	
.alignright {
	margin: 0px;
	padding: 0px;
	float: right;}
	
/* site contents*/
	
.sitecontents {
	font-size:11px;}
	
.sitecontents a {
	color: #333;}
	
/* Google search results */
	
#cse-search-box div input {
	width: 120px;}
	
#cse-search-results {
	width: 530px;}

#cse-search-results iframe{
	width: 530px;
	overflow: hidden;}
	
/* Event Calendar */

div#cal {
	margin: 0px;
	padding: 30px 0px 20px 0px;
	width: 730px;
	float: right;}
	
div#cal a {
	color: #68A934;}

div#tec-content {
	font-family: "Lucida Grande", "Lucida", "Lucida Sans", arial, sans-serif;
	font-size: 12px;
	color: #333;
	line-height: 16px;
	margin: 0px;
	padding: 15px 0px 15px 0px;}
	
.entry-content {
	font-family: "Lucida Grande", "Lucida", "Lucida Sans", arial, sans-serif;
	font-size: 12px;
	color: #333;
	line-height: 16px;}
	
div#tec-content a {
	color: #68a934;
	text-decoration: none;}
	
div#tec-content a:hover {
	color: #333;
	text-decoration: none;}

div#tec-content p {
	margin: 0px 0px 10px 0px;}
	
div#tec-content ul {
	list-style-type: none;
	padding: 0px;
	margin: 5px 0px 10px 15px;}
	
div#tec-content ul li {
	line-height: 16px;
	margin: 0px;
	list-style-type: none;
	padding: 0px 0px 5px 20px;
	background: transparent url(images/listimgarrow.gif) no-repeat top left;}
	
/* form styes */	
	
input {
	font: 11px;
	color:#666;}
	
.submit_button:hover, input[type="submit"]:hover {
	background: #458852;}

input[type="submit"] {
	font: 10px "Lucida Grande", "Lucida", "Lucida Sans", arial, sans-serif;
	font-weight: bold;
	color: #ffffff;
	background:#333333;
	border: 0px;
	height: 25px;
	padding: 2px 6px 2px 6px;
	margin: 9px 0px 10px 5px;
	cursor: pointer;}
	
select {
	font: 12px "Lucida Grande", "Lucida", "Lucida Sans", arial, sans-serif;
	font-weight: normal;
	color: #666666;
	background:#ffffff;
	border: 1px solid #ccc;
	width: auto;
	height: 35px;
	padding: 8px;
	margin: 0px 0px 0px 0px;}