﻿/* 
------------------------------------ 
General 
------------------------------------ 
Blue: 107ec7
Orange: e3881c
Green: 59ab1b
*/
html { overflow:scroll; }
* {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
}
body {
	color: #000000;
	background-color: #ffffff;
	margin: 0px;
	line-height: 15px;
	-webkit-text-size-adjust: none;
	-webkit-user-select: none;
}
td, th, input, select, textarea, optgroup {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	vertical-align: top;
}
td {
	vertical-align: top;
}
a {
	color: #107ec7;
}
img {
	border: none;
}
input, textarea {
	border: 1px solid #a7a6aa;
	padding-top: 3px;
	padding-bottom: 3px;
	background-position: 2px 1px;
	background-repeat: no-repeat;
}
/* 
------------------------------------ 
Website Template
------------------------------------ 
*/
.ITOBody {
	width: 100%;
}
.ITOBody .SideR {
	width: 50%;
	background-image: url('../images/HeaderRight.gif');
	background-repeat: no-repeat;
	background-position: left top;
}
.ITOBody .SideL {
	width: 50%;
	background-image: url('../images/HeaderLeft.gif');
	background-repeat: no-repeat;
	background-position: right top;
}
#ITO {
	width: 766px;
}
/* ------------------------[HEADER] */
#ITO #Header {
	height: 182px;
	background-image: url(../images/Header.gif);
}
#ITO #Header #Logo {
	text-align: center;
	padding-top: 56px;
	padding-bottom: 19px;
}
#ITO #Header #Menu {
	padding-left: 130px;
	height: 54px;
}
#ITO #Header #Menu td {
	height: 54px;
	background-image: url(../images/MenuDivider.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#ITO #Header #Menu td img {
	height: 8px;
	width: 100px;
	background-repeat: no-repeat;
	background-position: left top;
}
#ITO #Header #Menu td a {
	display: block;
	padding: 23px 20px 23px 20px;
}
#ITO #Header #Menu td a #mnuAboutUs {
	background-image: url('../images/mnuAboutUs.gif');
}
#ITO #Header #Menu td a:hover #mnuAboutUs {
	background-image: url('../images/mnuAboutUsHover.gif');
}
#ITO #Header #Menu td a #mnuServices {
	background-image: url('../images/mnuServices.gif');
}
#ITO #Header #Menu td a:hover #mnuServices {
	background-image: url('../images/mnuServicesHover.gif');
}
#ITO #Header #Menu td a #mnuProducts {
	background-image: url('../images/mnuProducts.gif');
}
#ITO #Header #Menu td a:hover #mnuProducts {
	background-image: url('../images/mnuProductsHover.gif');
}
#ITO #Header #Menu td a #mnuContactUs {
	background-image: url('../images/mnuContactUs.gif');
}
#ITO #Header #Menu td a:hover #mnuContactUs {
	background-image: url('../images/mnuContactUsHover.gif');
}
/* --------------------[NAVIGATION] */
#ITO #Nav {
	padding: 12px 0px 0px 10px;
}
#ITO #Nav .BackG {
	background-image: url('../images/picHeader.png');
	width: 750px;
	height: 110px;
}
#ITO #Nav .BackG .Parts {
	padding-left: 500px;
	height: 55px;
}
#ITO #Nav .BackG .Parts .Callus {
	padding: 13px 0px 0px 25px;
	color: #666666;
}
#ITO #Nav .BackG .Parts .Callus img {
	float: left;
	margin-right: 20px;
}
#ITO #Nav .BackG .Parts .Callus span {
	color: #000000;
	font-weight: bold;
}
#ITO #Nav .BackG .Parts .SiteNav {
	padding: 18px 0px 0px 25px;
	color: #107ec7;/*#e3881c;*/
	font-weight: bold;
}
#ITO #Nav .BackG .Parts .SiteNav a {
	font-weight: normal;
	color: #666666;
	text-decoration: none;
}
#ITO #Nav .BackG .Parts .SiteNav a:hover {
	color: #6c6c6c;
	text-decoration: underline;
}
/* ------------------------[FOOTER] */
#ITO #Footer {
	height: 84px;
	vertical-align: top;
	background-image: url('../images/Footer.gif');
	background-repeat: repeat-x;
	background-position: left top;
}
#ITO #Footer #FooterL {
	height: 84px;
	background-image: url('../images/FooterLeft.gif');
	background-repeat: no-repeat;
	background-position: left top;
}
#ITO #Footer #FooterR {
	height: 84px;
	background-image: url('../images/FooterRight.gif');
	background-repeat: no-repeat;
	background-position: right top;
}
#ITO #Footer #FooterContent {
	padding-left: 235px;
	padding-top: 28px;
	color: #9b9b9b;
}
#ITO #Footer a {
	color: #9b9b9b;
	text-decoration: none;
}
#ITO #Footer a:hover {
	color: #8a8a8a;
	text-decoration: underline;
}
/* -----------------------[CONTENT] */
#ITO #Content {
	width: 100%;
	line-height: normal;
}
/* ------------------------[EVENTS] */
div.Events {
	width: 100%;
	height: 70px;
}
div.Events div {
	height: 25px;
}
div.Events div a {
	text-decoration: none;
}
div.Events div a span.EventsDate {
	display: table-cell;
	background-color: #8b959d;
	color: #ffffff;
	text-decoration: none;
	font-size: 10px;
	padding: 3px 10px 3px 10px;
	cursor: pointer;
}
div.Events div a span.EventsTitle {
	display: table-cell;
	background-color: transparent;
	color: #373737;
	text-decoration: none;
	font-size: 11px;
	font-weight: bold;
	padding: 2px 0px 2px 5px;
	cursor: pointer;
}
div.Events div a:hover span.EventsTitle {
	text-decoration: underline;
}
div.MoreEvents {
	height: 25px;
}
div.MoreEvents a {
	color: #176c9d;
}
/* ------------------------[NEWS] */
.News {
}
.News .Title {
	display: block;
	background-repeat: no-repeat;
	background-image: url('../images/EventDate.gif');
	background-position: left top;
	text-decoration: none;
	padding: 2px 0px 7px 4px;
}
.News .Title div {
	font-size: 11px;
	color: #ffffff;
	width: 100px;
	float: left;
	width: 60px;
}
.News .Title span {
	font-weight: bold;
	color: #333333;
}
.News .Content {
	padding: 0px 10px 20px 65px;
	color: #666666;
}
.News .Content span {
	color: #c3780c;
}
.News .Content a {
	color: #176c9d;
}
/* ----------------------[ITEMS] */
.Items {
	width: 260px;
	float: left;
}
.Items .Title {
	display: block;
	background-repeat: no-repeat;
	background-image: url('../images/IconBack.gif');
	background-position: left top;
	text-decoration: none;
	padding: 2px 0px 5px 4px;
}
.Items .Title div {
	font-size: 8pt;
	color: #ffffff;
	width: 25px;
	float: left;
}
.Items .Title div img {
	padding-top: 2px;
}
.Items .Title span {
	font-weight: bold;
	color: #333333;
}
.Items .Content {
	padding: 5px 10px 20px 30px;
	color: #666666;
}
.Items .Content span {
	color: #c3780c;
}
.Items .Content a {
	color: #176c9d;
	text-decoration: none;
}
.Items .Content div {
	font-size: 8pt;
	color: #e3881c;
	width: 60px;
	float: left;
	font-weight: bold;
}
/* ----------------------[FORMS] */
.Forms {
}
.Forms .Title {
	display: block;
	background-repeat: no-repeat;
	background-image: url('../images/IconBack.gif');
	background-position: left top;
	padding: 2px 0px 3px 4px;
	font-weight: bold;
	color: #e3881c; /*c3780c;*/
}
.Forms .Title div {
	width: 25px;
	float: left;
}
.Forms .Title div img {
	padding-top: 2px;
}
.Forms .Question {
	padding: 10px 10px 10px 30px;
	color: #666666;
}

.Forms .Question .Buttons {
	width: 280px;
	text-align: right;
	padding-top: 15px;
}
.Forms .Question .Buttons a {
	text-decoration: none;
	font-weight: bold;
	color: #666666;
}
/*
.Forms .Question input {
	width: 170px;
	margin-bottom: 2px;
}
.Forms .Question select {
	width: 174px;
	margin-bottom: 2px;
	height: 20px;
}
.Forms .Question textarea {
	width: 170px;
	height: 60px;
}
.Forms .Question div {
	font-size: 8pt;
	color: #333333;
	width: 100px;
	float: left;
	padding-top: 3px;
}
*/

.Forms .QuestionField
{
    width:100px;
    height:23px;
    vertical-align:middle;
}
.Forms .QuestionAnswer
{
    width:180px;
}

/* 
------------------------------------ 
Website Elements
------------------------------------ 
*/
.Divider {
	height: 5px;
	margin: 10px 0px 10px 0px;
	background-image: url('../images/dots.gif');
	background-repeat: repeat-x;
	background-position: top left;
	border: 0px;
}
.TitleText {
	font-size: 13px;
	font-weight: bold;
	color: #e3881c;
}
.TextRed {
	color: #e3881c;
}
.TextBlue {
	color: #107ec7;
}
.TextGreen {
	color: #22aa11;
}
.Bold{
	font-weight:bold;
}
.ColL {
	width: 222px;
	padding-bottom: 10px;
}
.ColC {
	width: 544px;
}
.ColC .Padd {
	padding: 35px 15px 10px 0px;
	text-align: justify;
}
.ColC .Padd .ImgC {
	float:left;margin-right:15px;
}
.SEOText {
	font-family : tahoma,sans-serif; 
	font-size : 11px; 
	color : #ffffff;
	background-color : #ffffff;
	display:none;
}
.SEOImage {
	width:0px;
	height:1px;
}

/* 
------------------------------------ 
Panels 
------------------------------------ 
*/
/* ------------------------[SHADOW] */
#pnlShadowL {
	padding: 15px 20px 0px 10px;
}
#pnlShadowL .pnlLBack {
	background-image: url('../images/PanelLBack.gif');
	background-position: left top;
	background-repeat: repeat-y;
}
#pnlShadowL .pnlLTop {
	background-image: url('../images/PanelLTop.gif');
	background-position: left top;
	background-repeat: no-repeat;
}
#pnlShadowL .pnlLShadow {
	padding: 20px 0px 30px 25px;
	background-image: url('../images/PanelLShadow.gif');
	background-position: left bottom;
	background-repeat: no-repeat;
}
/* ------------------------[NORMAL] */
#pnlNormal {
	padding: 35px 15px 15px 25px;
	color: #373737;
}
/* ------------------------[MENUS] */
#pnlMenus {
	padding: 15px 20px 0px 10px;
}
#pnlMenus a {
	text-decoration: none;
	display: block;
	width: 155px;
	padding: 3px 0px 3px 25px;
	color: #6c6c6c;
}
#pnlMenus a.Selected, #pnlMenus a.Selected:hover {
	font-weight: bold;
	color: #e3881c;
	padding: 6px 0px 6px 21px;
}
#pnlMenus a:hover {
	color: #107ec7;
}
/* --------------------[SHADOW_DIV] */
.ShadowDiv {
	background-image: url('../Images/ShadowDiv.gif');
	background-repeat: no-repeat;
	background-position: 20px 14px;
	height: 30px;
}
.ShadowDivForm {
	background-image: url('../images/ShadowDivForm.gif');
	background-repeat: no-repeat;
	background-position: 30px 11px;
	height: 30px;
}
/* ------------------------[QUOTES] */
#Quote {
}
#Quote #TopQuote {
	background-image: url('../images/imgQuote1.jpg');
	background-position: left top;
	background-repeat: no-repeat;
}
#Quote #BottomQuote {
	background-image: url('../images/imgQuote2.jpg');
	background-position: right bottom;
	background-repeat: no-repeat;
}
#Quote #ContentQuote {
	padding: 10px 22px 10px 25px;
	color: #176c9d;
}
