/* reset
------------------------------------------- */
* { margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0; }

body { margin: 0; padding: 0; }

ul, ol, dl { margin: 0; padding: 0; list-style: none; }

fieldset, img { border: none; }
button { overflow: visible; cursor: pointer; }
legend { display: none; }

a { color: #3671BA; text-decoration: none; }
a:hover, a:focus, a:active { color: #3671BA; text-decoration: none; outline: none; }

.clear { clear: both; padding: 0px; margin: 0px;}
.left { float: left;}
.right { float: right; }
blockquote { display: block; padding: 5px; text-align: left; }
.imgBoxGroup { display: block; width: 43%; float: left; text-align: center; margin-right: 15px; background-color: #F6F6F6 !important; }

/* general
------------------------------------------- */
body { font: 12px/18px Arial, Verdana, "Lucida Grande", Lucida, sans-serif; color: #2D2D2D; background-color: #36759E;}

#webside { width: 100%; background-color: #fff; position: relative;}

#websideSidebar { background: #36769E url('../gfx/logo.jpg') left top; width: 275px; color: #fff; position: absolute; left: 0px; top: 0px; margin: 0px; padding: 0px;}
#websideSidebar a { color: #fff; 	font-size: 16px; 	font-family: Arial, Helvetica, sans-serif;	text-decoration: none;}
#websideSidebar ul { padding: 0px; margin: 0px; list-style: none; float: right; border: none; } 
#websideSidebar ul li { padding: 0px 20px 10px 0px;  }
.breakLine { border-top: 2px solid #34BAED; margin: 0px 10px 0px 0px; padding: 0px; line-height: 5px;}
#websideSidebar ul li a { display: block; text-align: right;  }
#websideSidebar ul li a:hover { color: #34BAED; }
#websideSidebar ul li a.active { color: #34BAED; }
#websideSidebar #submenu { margin: 0px; padding: 0px; border-bottom: none; }
#websideSidebar #submenu li a { color: #EBF271; }
#websideSidebar #submenu li a:hover { color: #FFF; }
#websideSidebar #submenu li a.active { color: #FFF; }


#websideContent {   background: #fff url('../gfx/pattern.jpg'); position: absolute; left: 275px; top: 0px; right: 0px; }
#content { width: 710px; margin: 20px;}

#flash { width: 710px; height: 160px;  margin-bottom: 20px; }
h1, h2, h3 { color: #218FCD; margin-bottom: 20px; font-weight: normal;}
h1 { font-size: 24px; }
h2 { font-size: 16px; }
#content p { padding-bottom: 20px; text-align: left; font-size: 13px; line-height: 18px; }
#content .imageBox { padding:10px; margin: 10px; background-color: #CDFFFF; }
#content .imageBox img { border: 5px solid #fff; }
#content .column_1x3 { float: left; width: 30%; margin: 0px 20px 20px 0px;}

#contactUsBox { padding: 10px; background-color: #CDFFFF; color:#5B6969; font-size: 16px; font-weight: bold;}

#footer { margin: 20px 0px; padding-top: 20px; border-top: 1px solid #D3D3D3; color: #D3D3D3; font-size: 90%;}
.colorGrey { color: #666; }