/* reset */
body, div, img, p, span, a, h1, h2, h3, h4, h5, h6, ul, ol, li, form, fieldset, label, input, button, textarea, select, table, tr, th, td {margin:0; padding:0; border:0; outline:0}
body						{font:12px/18px Arial, Helvetica, sans-serif; font-weight:normal; color:#666}
button,fieldset,img 			{border:none}
ol, ul							{list-style:none}
li.level2 {margin-left:15px;}

/* Anchors */

a			{text-decoration:underline; color:#666}
a:hover		{color:#666}
button      {cursor:pointer}

#login			{display:block; width:94px; height:28px; background:url(../images/btn_login.jpg); float:right}
#login:hover		{background-position:0px -28px}

#logout			{display:block; width:94px; height:28px; background:url(../images/btn_logout.jpg); float:right}
#logout:hover		{background-position:0px -28px}

#yourPage			{display:block; width:94px; height:28px; background:url(../images/btn_yourPage.jpg); float:right;position:relative;top:35px;margin-right:-94px;}
#yourPage:hover		{background-position:0px -28px}

a.moreGreen			{display:block; width:160px; height:27px; background:url(../images/btn_moreGreenColor.jpg); margin-top:15px}
a.moreGreen:hover	{background-position:0px -27px}

a.moreBlue			{display:block; width:160px; height:27px; background:url(../images/btn_moreBlue.jpg); margin-top:15px}
a.moreBlue:hover	{background-position:0px -27px}

a.addEvent			{display:block; width:160px; height:27px; background:url(../images/btn_addEvent.jpg); margin-top:15px; display:none}
a.addEvent:hover	{background-position:0px -27px}

a.topBtn			{display:block; width:26px; height:27px; background:url(../images/btn_topGreen.jpg); margin-top:15px}
a.topBtn:hover	{background-position:0px -27px}

a.backBtn			{display:block; width:76px; height:27px; background:url(../images/btn_backBlue.jpg); margin-top:15px}
a.backBtn:hover	{background-position:0px -27px}

a.moreGrey			{display:block; width:115px; height:27px; background:url(../images/btn_moreGreyDark.jpg); margin-top:10px}
a.moreGrey:hover	{background-position:0px -27px}

a.news			{display:block; width:115px; height:27px; background:url(../images/btn_news.jpg); margin-top:10px; float:right; position:relative}
a.news:hover		{background-position:0px -27px}

.inner_right .moreGrey		{float:right}

a.productItems			{display:block; width:115px; height:27px; background:url(../images/btn_products.jpg); margin-top:10px; float:right; position:relative}
a.productItems:hover		{background-position:0px -27px}


/* Misc. rules */

h1 span, button span, .news span, .moreBlue span	{position:absolute; left:-999em}
.clear	{clear:both}
.defaultText	{color:#777}
.clientText		{color:#333}
.login_form p, .login_form a		{color:#777; font-size:10px}
.highlight {color:#167bbf}

/* Headings */

p                      {padding-bottom:10px}
h1			{display:block; width:420px; height:60px; background: #000 url(../images/logo.jpg); float:left}
#middle h1	{font:21px/26px Arial, Helvetica, sans-serif; color:#167bbf; font-weight:normal; background:none}
h2			{font:13px/20px Arial, Helvetica, sans-serif; color:#167bbf}
h3			{font:13px/16px Arial, Helvetica, sans-serif; font-weight:bold; color:#888}
h4			{font:21px/26px Arial, Helvetica, sans-serif; font-weight:normal; color:#167bbf; }
h5, h5 a			{font:12px/18px Arial, Helvetica, sans-serif; color:#167bbf; text-decoration:none;}
h6			{font:13px/20px Arial, Helvetica, sans-serif; color:#88c233; font-weight:bold; margin:5px 0 10px 0}

#Home h2	{color:#88c233}
h6 span		{font-style:italic; font-weight:normal}
h4.pagetitle	{font:22px/28px Arial, Helvetica, sans-serif; margin-top:5px}
h4.client    	{font:22px/28px Arial, Helvetica, sans-serif; margin-top:5px}
h6#longtitle	{font-size:19px}

/* General Layout */

body		{background: #000 url(../images/bg_body.jpg) repeat; position:relative}
.wrapper	{width:950px; margin:0 auto; background-color:#ffffff}
#header				{width:100%; height:110px; padding-top:10px; background: #000 url(../images/bg_header.jpg) repeat}
#header	.wrapper	{width:888px; height:95px; padding:15px 36px 0 36px}

#client #header			{background: #000 url(../images/bg_headerClient.jpg) repeat}

#content	{width:940px; background-color:#ffffff; min-height:600px; margin:0 auto; padding:20px 10px; position:relative}
#left		{width:200px; float:left; padding:0 10px; margin-right:10px}
#middle		{width:470px; float:left; margin:0 5px}
#right		{width:220px; float:right; margin-right:10px}
#footer 	{width:960px; margin:0 auto; clear:both; float:none; margin-top:10px}

#shadow		{height:20px; width:100%; position:absolute; top:120px; left:0; z-index:10; background:url(../images/bg_shadow.png) repeat-x}

/* Specific Divisions */

.focal {display:none}
#focalWrap  {height:210px}
#header .wrapper		{position:relative}

#footer p				{text-align:center}
#callUs				{width:200px; height:33px; background:url(../images/btn_callUs.jpg); margin-bottom:10px; float:right}

#left img, .inner_left img				{display:none}
.inner_right						{margin:0 5px}

#left .news			{border:5px solid #f0f0f2; width:160px; padding:10px; margin-bottom:10px; background-color:#75c044}
#left .cal			{border:5px solid #f0f0f2; width:160px; padding:10px; margin-bottom:10px; background-color:#FFF}
/* #left .news img		{float:left; margin:0 10px 6px 0} */
#left .news img		{margin-bottom:10px}
.news h3, .news p		{color:#fff}

#middle .focal			{width:410px; height:180px; border:5px solid #f0f0f2; position:relative; padding:20px 10px 0 10px}
#middle .focal p		{text-align:right; width:260px; float:right; clear:both}
#middle .focal img		{height:30px; float:right; margin-bottom:10px}
#middle .focal .title		{position:absolute; bottom:0; left:0; width:410px; padding:5px 10px 0px 10px; height:20px; background:#ccc; color:#666; line-height:20px; text-align:left}

#middle .focal a		{display:block; float:right; clear:both; background:url(../images/focal_read.png) no-repeat; color:#5fbb47; margin:20px 0 0 0; padding-left:20px; text-decoration:underline; font-weight:bold}
#middle .focal a:hover	{color:#00aeef}

#middle .intro h2		{padding:10px 30px 0 20px}
#middle .intro p		{padding:0px 30px 0 20px}

#middle .top_stories	{border:5px solid #f0f0f2; width:410px; padding:10px; margin-top:10px}
#middle .top_stories h4	{padding:10px 30px 10px 0; border-bottom:1px solid #f0f0f0; margin-bottom:10px}

.story				{width:120px; margin-left:10px; float:left; padding-right:10px}
.story.first			{margin-left:0px}
.story p {display:block;height:93px;overflow:hidden;}

#right .clients		{border:5px solid #f0f0f2; padding:10px; margin-top:10px}

.aboutUsWrap				{width:660px; float:left; margin-left:10px}
.aboutUsWrap	.inner_left		{width:200px; float:left; margin:0 20px 0 0}
.aboutUsWrap	.inner_right	{width:430px; float:right}
.aboutUs						{border-bottom:1px solid #e3e3e5; padding:10px 0; clear:both}

.servicesItem				{float:none; clear:both; padding-bottom:20px}
.servicesItem p			{display:none}
.servicesItem ul			{float:right; width:350px}
.servicesItem image		{float:left}

/* Menu with sliding doors */

ul#nav 			{width:885px; float:left; height:30px;  list-style:none; margin:8px 0; clear:both;}
/* #nav li 		{text-align:left; padding-right:58px; display:inline} */
#nav li 		{text-align:left; padding-right:44px; display:inline}
#nav li a          {color:#777; font: 14px/30px Verdana, Arial, Helvetica, sans-serif; cursor:pointer; text-decoration:none}
#nav a:hover	{color:#167bbf}
#nav li.contact	{padding-right:0px; float:right}


/ * font-size:13px; text-align:center; text-transform:uppercase; font-weight:bold} */

.ee_miniCalNext				{text-align:right}
.ee_miniCalPrev				{text-align:left}
.ee_miniCalendarNav a			{display:inline-block; width:28px; height:24px; overflow:hidden; text-indent:28px}
.ee_miniCalNext a				{background:url(../images/calenderNext.jpg)}
.ee_miniCalPrev a				{background:url(../images/calenderPrev.jpg)}
.ee_miniCalNext a.null			{background:url(../images/calenderNextNull.jpg)}
.ee_miniCalPrev a.null			{background:url(../images/calenderPrevNull.jpg)}

.ee_miniCalendarDays			 {width:100%; text-align:center; margin-bottom:10px}
.ee_miniCalendarDays th, .ee_miniCalendarDays td		 {width:14px; height:14px; text-align:center}
.ee_miniCalendarDays th, .ee_today		{background-color:#777; color:#fff}
.ee_miniCalendarDays a			{background-color:#88c233; width:100%; height:100%; display:block; color:#fff; text-decoration:none}
.ee_miniCalendarDays a:hover		{background-color:#00aeef; width:100%; height:100%; display:block; color:#fff; text-decoration:none}
.ee_miniCalYear, #ee_miniCalendarNav tr:first-child				{display:none}

.ee_miniCalendar span {position:static}

.ee_prev, .ee_next				{color:#bbb}
.easyEventsList_title a			{color:#88c233; margin-left:10px;}
.easyEventsList_title a:hover		{color:#00aeef; text-decoration:none}

a.event			{display:block; width:157px; height:22px; line-height:22px; background:url(../images/btn_calender.jpg); text-align:center; color:#fff; margin:10px 0px}
.timedate a		{color:#777; text-decoration:none}

.clients img		{margin-top:10px}
p.paginate		{float:right; font-size:12px; margin-top:10px}
p.paginate .ditto_currentpage		{color:#88c233}
p.paginate a					{text-decoration:none}

/* File Download Snippet */

#heading {text-align:left; font-weight:bold; border-bottom:1px solid #555}
#fileDownload ,#fileDownload  {padding:3px}
#fileDownload img, div.fd-file img     {width:25px; margin-right:15px}

#fileDownload,#folder {display:block; font-size:11px; margin:0px 0 0 50px; clear:both}#folder {margin-top:30px}

a#upLevel img {margin:10px 0 0 10px}      
a#upLevel        {line-height:25px}      

.errors {font-size:10px; line-height:16px; padding-left:10px}


/* Forms */

button.go			{display:block; width:37px; height:27px; background:url(../images/btn_go.jpg)}
button.go:hover		{background-position: 0 -27px}

#search			{width:170px; float:right; margin-right:20px}
#search input	{display:block; width:118px; height:18px; padding:5px 5px 0 5px; margin-right:5px; background:url(../images/input_search.jpg); float:left; line-height:17px}

.login_form			{display:none; width:180px; border:5px solid #f0f0f2; padding:10px; position:absolute; right:-15px; top:28px; z-index:999; background-color:#fff}
.login_form input		{width:170px; height:23px; background:url(../images/input_signup.jpg); margin:3px 0; padding:0 5px}
.login_form button		{float:right}

#right .eNews				{border:5px solid #f0f0f2; padding:10px}
#right .eNews input			{width:170px; height:23px; background:url(../images/input_signup.jpg); margin:3px 0; padding:0 5px}
#right .eNews select		{width:180px; height:23px; background:url(../images/input_signup.jpg); margin:3px 0; padding:0 5px}
#right .eNews button		{width:81px; height:27px; display:block; float:left; margin-top:6px}

#right .eNews button.reset			{background:url(../images/btn_reset.jpg); margin-left:18px}
#right .eNews button.reset:hover	{background-position:0 -27px}

#right .eNews button.submit			{background:url(../images/btn_submit.jpg)}
#right .eNews button.submit:hover	{background-position:0 -27px}

button.submit			{width:81px; height:27px; display:block; float:left; margin-top:6px; background:url(../images/btn_submit.jpg)}
button.submit:hover	{background-position:0 -27px}
