/*
Theme Name: M2 Theme Version 5.1
Theme URI: http://www.m2comsys.com/
Description: Theme for M2 Corporate Website
Version: 5.1
Author: Bino Joseph
Author URI: http://www.binojoseph.com/
Tags: m2, m squared, m2comsys

	M2 Theme v5.1
	http://www.binojoseph.com/

	This theme was designed and built by Bino Joseph,
	whose details you will find at http://www.binojoseph.com/

	The CSS, XHTML and design is copyrighted by M2ComSys Inc.

*/

body,td,th { font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size: 12px; color: #000000; text-align: left; vertical-align: top }
body { background-color: #EEEEEE; background: #EEEEEE url(images/page-bg.png) repeat-x; margin: 0px }
img { border: none }
h1, h2 { padding: 0; margin: 10px 0 }
h1 { color: #000; font-size: 20px }
h2 { font-size: 18px }
h3 { font-size: 16px }
h4 { margin: 10px 0 0 0; padding: 0; border-bottom: 1px solid #008080; color: #008080; font-size: 13px }

blockquote {
    margin: 1em 3em;
    color: #333;
    border-left: 2px solid #008080;
    padding-left: 1em; }


#wrapper, #header, #sidemenu, #content, #footer, #copyright, #subMenu { width: 970px }

#wrapper { position: relative; margin: 0px auto }
#header { height: 90px }
#logoDiv  { float: left; width: 285px; height: 80px; background: url(images/logo-bg.png) no-repeat top left; text-align: center }
#headerLinks { height: 34px; text-align: left; width: 685px }
#headerInfoBar { text-align: left; padding-top: 8px }
#headerLinks, #headerInfoBar { float: left }
#sidemenu { text-align: center; height: 28px; border-bottom: 1px solid #008080 }
#subMenuDiv { position: relative; text-align: left; background-color: #008080 }
#featuredDiv { background-color: white; margin-top: 2px; padding-bottom: 2px } /* border-bottom: 1px solid #9CCDCD */
#contentDiv { background-color: #FFFFFF; text-align: left; margin-top: 2px }
#footer { clear: both; background: #008080 url(images/footer-bg.png) top repeat-x; text-align: left; padding-bottom: 25px }
#copyright { background: url(images/copyright-bg.png) top center no-repeat }

.featuredHome { float: left; width: 715px }
.newsDiv { float: right; width: 253px; border-left: 1px solid #008080; overflow: hidden }
.newsDiv, .featuredHome { height: 175px }

.contentFeatured { float: left; width: 715px; height: 265px; background: url(images/home-promos.png) no-repeat }
.contentHome { padding: 10px }
.contentEmpty { padding: 25px }
.banner250 { float: right; border: 2px white solid }

.conInrFeatured { border-top: 1px solid #7FBFBF; background-color: #FFF }
.conInrImg { float: left; padding: 10px; width: 250px; text-align: right }
.conInrDesc { float: left; padding: 25px 25px 50px 25px; width: 650px; color: #666; background: url(images/subcontent-bg.png) bottom right no-repeat }

div#contentDiv .column { 
	padding: 0 25px;
	}
div#contentDiv .column a {
	color: #09C;
	}
div#contentDiv .column a:hover {
	color: #008080;
	}
div#contentDiv #content-0 { float: right; width: 700px; text-align: justify }
#content-1, #content-2, #content-3, #content-4, #content-5 {
	clear: left;
	float: left;
	width: 170px;
	text-align: left;
	}
#content-1 p, #content-2 p, #content-3 p, #content-4 p, #content-5 p {
	margin: 0; padding: 5px 0 10px 0;
	}

.clearDiv { clear: both }

/* Menu common styles */
.topMenu, .sublinks {
	margin: 0;
	padding: 0;
	list-style: none;
	}
.topMenu li, .sublinks li {
	float: left;
	position: relative;
	}

/* Top Menu */
.topMenu {
	line-height: 34px;
	}
.topMenu li a {
	color: #FFF;
	font-weight: bold;
	text-decoration: none;
	font-size: 11px;
	padding: 0px 10px;
	text-transform: uppercase;
	}
.topMenu li a:hover { text-decoration: underline }
.topMenu .current_page_item { background: url(images/selector-arrow.png) no-repeat center bottom }

.sf-menu .current_page_item, .sf-menu .current_page_ancestor, .sf-menu .current_item_parent { 
	background: url(images/link-active.png) no-repeat top right !important;
	}
.sf-menu .current_page_item a, .sf-menu .current_page_ancestor a, .sf-menu .current_item_parent a {
	color: #FFF !important;
	}
.sf-menu ul .current_page_item, .sf-menu ul .current_page_ancestor, .sf-menu ul .current_item_parent {
	background:		#003232 !important;
	}
/* Submenu Links */
.sublinks { 
	line-height: 17px;
	height: 20px;
	}
.sublinks li a {
	color: #FFF;
	text-decoration: none;
	padding: 0px 15px;
	}
.sublinks li a:hover { text-decoration: underline }
ul.sublinks li:first-child a { background: url(images/teal.gif) left repeat-y }
.sublinks li ul { display: none }
.sublinks .current_page_item { font-weight: bold }

/* Pomotions section in homepage */
.promoDiv {
	float: left;
	width: 208px; height: 220px;
	padding: 15px;
	text-align: center;
	background-color: red;
	}
.newsTitle a {
	display: block;
	color: #FFF;
	padding: 3px 5px;
	font-weight: bold;
	text-decoration: none;
	background: #008080;
	}
.newsLinks { 
	margin: 0; padding: 0;
	list-style: none;
	}
.newsLinks li {
	padding-left: 5px;
	color: #999;
	font-size: 10px;
	}
.newsLinks li a {
	font-size: 11px;
	font-weight: bold;
	color: #008080;
	}
.newsLinks li a:hover {
	color: #000;
	text-decoration: underline;
	}
.featured {
	width: 200px; height: 220px;
	overflow: hidden;
	float: left;
	text-align: center;
	margin: 19px;
	}
.featured h3 {
	margin: 0; padding: 0;
	font-size: 15px;
	font-weight: bold;
	}
.featured a { color: #008080 }

/* Footer */
.footerLinks {
	margin: 0; padding: 0;
	list-style: none;
	}
.footerLinks li {
	float: left;
	display: inline;
	font-size: 11px;
	font-weight: bold;
	text-transform:uppercase;
	padding: 2px 20px;
	width: 202px;
	color: #FFF;
	}
 * html .footerLinks li {
    \width: 182px;  /* for IE5 and IE6 in quirks mode */
    w\idth: 182px;  /* for IE6 in standards mode */
  } 
.footerLinks li ul {
	padding: 0px; margin: 5px 0 0 0;
	list-style: none;
	}
.footerLinks li ul li {
	display: block; float: none;
	font-weight: normal; font-size: 11px;
	text-transform: none; padding: 0; margin: 0;
	}
.footerLinks li ul li a {
	text-decoration: none;
	color: #7BD0D0;
	}
.footerLinks li ul li a:hover {
	text-decoration: underline;
	color: #B2ECEC;
	}
.ftSpacer {
	background: url(images/footer-spacer.png) top left no-repeat;
	}
.copyrightText {
	padding-top: 15px;
	text-align: center;
	font-size: 10px;
	color: #666;
	}
.copyrightText ul {
	padding: 0;
	margin: 0;
	list-style: none;
	}
.copyrightText ul li {
	display: inline;
	padding-left: 15px;
	}
.copyrightText ul li a { text-transform: uppercase }
.copyrightText a {
	color: #008080;
	text-decoration: none;
	}
.copyrightText a:hover { text-decoration: underline; }
.alignleft { float: left; margin: 0 10px 10px 0; }
.alignright { float: right; margin: 5px }
.downloadDiv img {
	float: left;
	}
	
/* -search */



#search{
  margin: 4px 0 0 0;
  padding: 0;
  background: url(images/search_bg.png) no-repeat 0% 0%;
  width: 204px;
  height: 25px;
}
#headerLinks #search { float: right; }
#search form {
	margin: 0;
  padding: 0;
  border: 0;
  vertical-align: top;
	}
	
#search #s-text {
  margin: 0;
  padding: 0;
  float: left;
}
#s {
  margin: 5px 0 0 3px;
  padding: 0 0 0 5px;
  font: 12px "Lucida Grande", Verdana, sans-serif;
  width: 165px;
  border: 0;
}
#search #s-submit {
  margin: 5px 0 0 0;
  padding: 0;
  float: left;
}
#searchsubmit {
  margin: 0;
  padding: 0;
  background: url(images/search_submit.png) no-repeat 0% 0%;
  width: 18px;
  height: 18px;
  border: 0;
}
#search label {
  display: none;
}