@charset "UTF-8";

* {
margin:0;
padding:0;
}

html,body {
font: 12px/135% Tahoma, Geneva, Verdana, Arial, Helvetica, sans-serif;
color: #585858; 
background: #e5decf url(imgs/pattern.gif);	
padding: 0;		
margin: 0;	
}




#menu {
	margin: 10px 0;padding: 0;
	list-style: none;
}

ul {
	list-style-position: outside;
}

/* Links */
a {
text-decoration: none;color: #6968ab; 	
}

a:hover {
color: #000;
}

/* Headers */

h1 {
font: 2em "Arial Narrow",sans-serif; color: #3855a3;width: 100%;border-bottom: 1px solid #7faaca;padding:4px 0; margin: 0 0 15px
}

h2 {
font: bold 12px Verdana, Arial, Helvetica, sans-serif; line-height: 32px; text-transform: uppercase; color: #990000;
}
 
h3 {
font: normal 14px Georgia, serif; color: #000; text-transform: uppercase; 
}



.center {
text-align:center
}
/* Images */


img.float-left {
margin: 5px 10px 5px 5px;
border: 1px solid #a99e87
}

a:hover img {
border: 1px solid #645b48;
}

#contentWrap {
width: 970px;
height: auto;
overflow: hidden;
margin: 0 auto;
padding: 20px 0 0
}

.cbb {
padding: 0 10px;
margin: 1em 0;
background: #fff;
border: 1px solid #666;
}

.cb {
margin: 0;
}

.bt {
background: url(imgs/box.png) no-repeat 100% 0;
margin: 0 0 0 18px;
height: 12px;
}

.bt div {
height: 12px;
width: 18px;
position: relative;
left: -18px;
background: url(imgs/box.png) no-repeat 0 0;
font-size:0;
line-height:0;
}

.bb {
background: url(imgs/box.png) no-repeat 100% 100%;
margin: 0 0 0 12px;
height: 14px;
}

.bb div {
height: 14px;
width: 12px;
position: relative;
left: -12px;
background: url(imgs/box.png) no-repeat 0 100%;
font-size:0;
line-height:0;
}

.i1 {
padding: 0 0 0 8px;
background: url(imgs/borders.png) repeat-y 0 0;
}

.i2 {
padding: 0 8px 0 0;
background: url(imgs/borders.png) repeat-y 100% 0;
}

.i3 {
display:block;
margin:0;
padding:1px 7px;
background:#fff;
}

.i3:after {
content:"."; 
display:block; 
height:0; 
clear:both; 
visibility:hidden;
}

.i3 {display:inline-block;}
.i3 {display:block;}

/* ================================================ 
   end of Roger's tutorial
================================================ */

#header {
background: url(imgs/headerBg.jpg);
width: 933px;
height: 246px;
overflow: hidden;
}

#content {
padding: 2px 4px 6px;
}

#logo {
float:left;
width: 225px;
height: 90px;
margin: 25px 0 0 22px;
}

a.logo {
voice-family:inherit;
display:block;
width: 100%;
height: 90px;
float:left;
background:none;
border:0;
margin:0;
}

a.logo em,a.click em {
display:none;
}

#toolBar {
float: right;
padding: 0;
margin: 90px 180px 0 0
}

#toolBarUl li {
margin: 0;
padding: 0;
display: inline;
list-style-type: none;
}

#toolBarUl a:link, #toolBarUl a:visited {
float: left;
line-height: 14px;
padding: 0 22px 6px;
text-decoration: none;
color: #708491;
}

#toolBarUl a:link.active, #toolBarUl a:visited.active, #toolBarUl a:hover {
color: #000;
}

#toolBarUl li.contact a{
background: url(imgs/contactIcon.gif) no-repeat top center;
padding-top: 38px
}

#toolBarUl li.email a{
background: url(imgs/signUpIcon.gif) no-repeat top center;
padding-top: 38px
}

#toolBarUl li.news a{
background: url(imgs/newsIcon.gif) no-repeat top center;
padding-top: 38px
}

#menuWrap {
float: right;
padding: 0;
margin: 30px 0 0;
background: url(imgs/menuBg.jpg) no-repeat top left;
width: 667px;
height: 39px;
}

#menu li {
margin: 0;
padding: 0;
display: inline;
list-style-type: none;
}

#menu a:link, #menu a:visited {
float: left;
font-size: 11px;
line-height: 14px;
font-weight: bold;
padding: 0 12px 6px 12px;
text-decoration: none;
color: #243881;
}

#menu a:link.active, #menu a:visited.active, #menu a:hover {
color: #d32d01;
}


#sidebar {
background: url(imgs/sideBarBg.jpg) no-repeat top left;
width: 212px;
height: 253px;
float: left;
overflow: hidden;
margin: 0;
padding: 90px 25px 10px;
}

#sidebar h2 {
font:  oblique 17px "Arial Narrow", Arial, serif;
font-weight: 700;
color: #fff;
line-height: 22px;
text-align: center;
}
#sidebar h2.number {
margin: 10px auto;
font:  oblique 21px "Arial Narrow", Arial, serif;
font-weight: 700;
width: 95%;
text-align: center;color: #fdf800;
}
#sidebar h3 {
color: #fdf800;
margin: 10px 10px 0;
text-align: center;
font:  oblique 15px "Arial Narrow", Arial, serif;
font-weight: 700;
clear: both
}

#sidebar p {
color: #a7d2d8;
padding: 10px 10px 0;
text-align: center;
font:  oblique 17px "Arial Narrow", Arial, serif;
font-weight: 700;
line-height: 17px
}
#sidebar p a, #sidebar p a:link {
color: #a7d2d8;
}
#sidebar p a:hover {
color:#fff
}
#main {
float: right;
width: 650px;
overflow: hidden;
margin: 0 0 20px
}

a.click {
voice-family:inherit;
display:block;
width: 74px;
height: 18px;
float:left;
background:none;
border:0;
margin:238px 0 0 95px;
}