/* Start of CMSMS style sheet 'helicalgroup' */
/* BASICS & TEXT */
body { background-color: #F4F5F6; font-family: Tahoma, Arial, Helvetica, sans-serif; }
p { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: .8em; line-height: 1.3em; color:#333; }
h1 { font-weight: normal;  font-family: Arial, Helvetica, sans-serif; color:#281A67; font-size: 1.2em; line-height: 42px; margin: 0 0 0 0; }
h2 { color:#281A67; font-size: .8em; line-height: 1.3em; padding-top: 10px; }
h3 { color:#281A67; font-size: .8em; line-height: 1.3em; }
a { color: #B13A5A; text-decoration: none; }
a:hover { color: #B13A5A; text-decoration: underline;  }
.subTitle { color: #2E2168; font-size: 20px;   }
.slogan { font-family: Arial, Helvetica, sans-serif; color:#281A67; font-size: 20px; text-align: right; }
.clear { clear: both; }

/* PAGE LAYOUT */
#pageHolder { width: 780px; margin: auto; }

#topBar { height: 20px; background: #C3D998; border:1px solid #fff; } 
#breadCrumb { font-size: .7em; position: relative; top: 8px; left: 20px; color: #333; width: 580px; }
.box { border: 1px solid #fff; padding: 0 5px 0 10px; margin: 20px 0 0 0; }
.prevNext { font-size: .8em; float:right; border: 1px solid #fff; padding: 2px 4px 2px 4px;  }
.menuDate { font-size: .7em; color: #333; }
.newsDate { font-size: .8em; color: #333; line-height: 1.6em; }
.menuDate:first-line { font-size: .8em;  color: #000; }

/* MENUS */
#menu { font-family: Arial, Helvetica, Sans-Serif; background: #93BC38; border-left: 1px solid #fff; border-right: 1px solid #fff; height: 24px; }
#menu ul { padding:0 0 0 10px; margin: 0 0 0 10px; list-style-type: none; }
#menu li {  padding: 4px 10px 0 10px; height: 22px; float: left; border-right: 1px solid #AECD6A; border-left: 1px solid #AECD6A;font-size: .8em; }
#menu a { display: block; text-decoration: none; color: #fff; height: 28px; padding: 4px 10px 0 10px; margin:-4px -10px 0 -10px; }
#menu a:hover {  background: #C3D998; color: #291D67; }
* html #menu a { display:inline-block; margin: -4px -12px -6px -12px; } 


/* HEADER */
#flash { position: relative; height: 107px; border: 1px solid #E8EDEA; background: url(/uploads/images/search_bg.gif);padding: 0; margin: 0; } 
#searchBar { position: absolute; left: 592px; top: 80px;}
.searchButton { font-size: 10px; }
#pageHeader { position: relative; height: 95px; background: #fff; }
#introText { font-weight: bolder; padding: 0; margin: 0; }
#flashcontent { border-bottom: 1px solid #fff; padding: 0; margin: 0; height: 75px;}

/* PAGING LINKS */
.pageSelector { font-size: .7em; text-align: center; }
.pageSelector a { border: 1px solid #666; background: #eaeaea; padding: 3px 3px 3px 4px; color: #666; margin: 0 4px 0 0; text-decoration: none; }
.pageSelector a:hover { color: #281A67; background: #ccc; }
.currentPage { border: 1px solid #999; background: #eaeaea; padding: 3px 3px 3px 4px; color: #999; margin: 0 4px 0 0; }

/* MAIN BODY LAYOUT */ 
#contentMain { padding: 0; margin: 0; background: url(/uploads/images/background_image.gif) repeat-y; width: 780px; ;}
#contentMainLeft { width: 405px; padding: 20px 20px 20px 30px; margin: 0 2px 0 0; float: left; }
#contentMainLeft ul { padding: 0; margin: 0 0 0 20px; list-style-image: url(/uploads/images/bullet.gif); font-family: verdana, arial, helvetica, sans-serif; font-size: .8em; }
#contentMainLeft li { color:#333;  line-height: 1.3em; margin: 0 0 10px 0; }
#contentMainRight { position: relative; float: right; width: 315px; background: #A6CAAC;  margin: 0; padding:0;  border-bottom: 1px solid #fff; }
#contentMainRightTop {  padding: 75px 0 0 0; width: 315px; }


/* TABLES */
table { font-size: .8em; }
table p { line-height: 1.1em;  }
table ul { font-size: 1.1em; }
table li { list-style-image:none; list-style-type: square; margin: 0;  }
table li li { list-style-type: circle;  margin-top: 4px; line-height: 2em;  }


/* FOOTER */
#footer { width: 778px; height: 24px; background: #C3D998; border: 1px solid #fff; font-size: .7em; color:#281A67; text-align:center; padding: 7px 0 0 0; }
#logo { position: absolute; width: 138px; height: 67px; background: url(/uploads/images/the_helical_group_logo.jpg) no-repeat; top: 24px; left: 20px; }
#slogan { position: absolute; width: 285px; top: 63px;  height: 38px; left: 470px;}

.pageIndexSeparator { display:none; }

/* HOME MENU */

img { border: none;} 

#homeMenu {  }
.menuItem { position: relative; }
.homeMenu { position: relative;  font-family: arial, helvetica, sans-serif; background: url(/uploads/images/rightColumn_bullet_over.gif) no-repeat; display: block; width: 315px; height: 150px; margin: 0; padding: 0; border-top: 1px solid #eaeaea; }
.homeMenu a { display: block; color: #000000; font-size: .8em; width: 315px; height: 150px; display: block; float: left; color: black; text-decoration: none; }
.homeMenu img { width: 315px; height: 150px; border: 0; }
.homeMenu a:hover { visibility:visible; text-decoration: none; color: #000; }
.homeMenu a:hover img { visibility:hidden;  }
.homeMenu span { position: absolute; right: 0px; top: 15px; margin: 0px; padding: 0 5px 0 0; cursor: pointer; width: 150px; }
.homeMenu span:first-line { font-weight: bold; font-size: 1em; color:#281A67;   }
.homeThumb { position: absolute; top:0; left:0; }

/* RIGHT MENU */
#submenu ul { margin:0; padding:0; }
.submenu { position: relative; font-family: arial, helvetica, sans-serif; background: url(/uploads/images/rightMenu_bullet_over.gif) no-repeat; display: block; width: 315px; height: 40px; margin: 0 0 0 0; padding: 0; border-top: 1px solid #eaeaea; }
.submenu a { color: #000000; font-size: .8em; width: 315px; height: 40px; display: block; float: left; color: black; text-decoration: none; }
.submenu img { width: 315px; height: 40px; border: 0; }
.submenu a:hover { visibility:visible; text-decoration: none; color: #000; }
.submenu a:hover img { visibility:hidden;  }
.submenu span { position: absolute; left: 20px; top: 5px; margin: 0px; padding: 0 5px 0 0; cursor: pointer; width: 300px; }

#websiteDesigners { line-height: 2em; text-align: center; font-size: .7em; margin-top: 40px; }
#websiteDesigners a { height: 22px; color: #D8E0DB; text-decoration: none; background: url(/uploads/images/website_designers_link.gif) no-repeat right; padding: 26px; }
#websiteDesigners a:hover { height: 22px; color: #999; text-decoration: none; background: url(/uploads/images/website_designers_link_over.gif) no-repeat right; padding: 26px; }


.centerObject { text-align: center; margin: 0 auto; }

.conditionalImage { border-top: 1px solid #fff; }
/* End of 'helicalgroup' */