/* CSS Document */

* {
	margin:0; padding:0;
	font-size:100%;
}

body{
	background:url(images/body_bg.gif);
	text-align:center;
}

img {vertical-align:top;}
a img { border:0;}





.left { float:left;}
.right {float:right;}
.clear  { clear:both;}


html, input, textarea
	{
		font-family:Arial;
		font-size:0.813em;
		line-height:1.231em;
		color:#434343;
	}

input, select { vertical-align:middle; font-weight:normal;}

a {color:#0099CC;}
a:hover{text-decoration:none;}
h2 {color:#0099CC; padding: 10px 5px 10px 15px;}
h3 {color:#000000; margin:5px 5px 1px 15px; font-size:11px;}
h4 {color:#00000; padding: 10px 5px 5px 15px;}
h5 {color:#0099CC; padding: 5px 5px 10px 15px; text-decoration:underline}
h6 {color:#FF9900; padding: 5px 5px 5px 0px; text-decoration:underline; font-size:18px;}
h7 {color:#0099CC; padding: 5px 5px 10px 15px; text-decoration:none;}
strong {color:#00000; font-weight:bold; font-size:12px;}
p {padding: 5px 0 5px 0;}

/* ============================= main layout ====================== */

.link {background:url(images/link_bg.jpg) no-repeat 0 3px;padding-left:10px; display:block; float:left; margin:5px 5px 5px 5px; font-size:11.5px}
.link2 {background:url(images/link2_bg.gif) no-repeat 0 2px; padding-left:16px; display:block; float:left; margin:21px 15px 0 0;}
.link3 {color:#FFFFFF;font-weight:normal; text-align:center;}
.link4 {color:#000000; font-weight:normal; text-align:left;}




.imgindent {margin:0 25px 0 0; float:left;}
.imgindent2 {margin:0 0 0 25px; float:right;}
.imgindent3 {margin:0 25px 25px 0; float:left;}

.title {background:url(images/line.gif) bottom left repeat-x; padding-bottom:5px; margin-bottom:18px;}
.title2 {background:url(images/line.gif) bottom left repeat-x; padding-bottom:5px; margin-bottom:25px;}
.box .title {background:none; margin:29px 0 10px 21px;}
.rss {margin:29px 0 0 6px;}
.main_bg {background:#f0f0f0;}

/* ============================= header ====================== */

#header .left {padding:65px 0 0 30px;}
#header .right {padding:76px 30px 0 0;}

.slogan {padding:135px 60px 0 0; float:right;}

/* ============================= middle ====================== */

.main_indent {padding:0 37px 20px 10px;}
.column_indent {padding:26px 0 0 29px;}
.col_pad {padding-right:25px;}

.banner {margin-top:20px;}
.margin1 {margin-top:51px;}
.margin2 {margin-top:27px;}
.margin3 {margin-top:60px;}
.margin4 {margin-top:20px;}
.margin5 {margin-top:10px;}
.margin6 {margin-top:16px;}

.padding1 {padding:7px 0 15px 0;}
.padding2 {padding-top:60px;}

.box {background:#fff url(images/box_tile.gif) bottom repeat-x;}
.box .tile_right {background:url(images/box_tile.gif) right repeat-y;}
.box .tile_left {background:url(images/box_tile.gif) left repeat-y;}
.box .tile_top {background:url(images/box_tile_top.gif) top repeat-x;}
.box .corner_bottom_right {background:url(images/box_corner_bottom_right.gif) bottom right no-repeat;}
.box .corner_bottom_left {background:url(images/box_corner_bottom_left.gif) bottom left no-repeat;}
.box .corner_top_right {background:url(images/box_corner_top_right.gif) top right no-repeat;}
.box .corner_top_left {background:url(images/box_corner_top_left.gif) top left no-repeat; width:100%;}
.box .indent {padding:20px 25px 55px 20px;}
.box .indent2 {padding:20px 28px 30px 20px;}


.small {font-size:0.846em;}
.img {margin:3px 0 9px 0;}
.grey {color:#9b9b9b;}
.line {background:url(images/line.gif) bottom left repeat-x; padding-bottom:9px; margin-bottom:8px;}
.phone {float:right; margin-right:183px;}
.col2 .phone {margin-right:70px;}
.events a {font-weight:bold; text-decoration:none; color:#2191c1;}
.events a:hover {text-decoration:underline; color:#931625;}
.img_block {margin-top:5px; margin-left: 10px; margin-right:10px;}
.img_block2 {margin-bottom:60px; width:100%; overflow:hidden;}
.img_block3 {margin-bottom:51px; width:100%; overflow:hidden;}

/* ============================= footer ====================== */

#footer p {padding:10px 0 0 5px;}
#footer a {color:#FFFFFF; font-weight:normal;}

/* ============================= forms ============================= */

form .rowi {height:40px;}

.input {width:235px; height:15px; border:1px solid #7d7d7d; padding:0 0 0 5px; font-size:1em;}
textarea {width:235px; height:147px; border:1px solid #7d7d7d; padding:0 0 0 5px; overflow:auto; font-size:1em;}

/* ================================================================ 
MENU-CSS
=================================================================== */
.menu {
z-index:1000;
widht: 197px;
margin:0px 0 0px 0px; /* this page only */
}

/* remove all the bullets, borders and padding from the default list styling */
.menu ul {
padding:0px 0px 0px 2px;
margin:0;
list-style-type:none;
width:197px;
height: 35px;
width:197px;
}
/* hack for IE5.5 */
* html .menu ul {margin-left:-2px; ma\rgin-left:0;}
/* position relative so that you can position the sub levels */
.menu li {
position:relative;
background-image:url(menu_u.jpg);
height:35px;
}

/* get rid of the table */
.menu table {position:absolute; border-collapse:collapse; top:0; left:0; z-index:100; font-size:1em;}

/* style the links */
.menu a, .menu a:visited {
display:block; 
text-decoration:none;
height:35px;
line-height:35px;
width:197px;
color:#FFFFFF;
text-indent:25px;
border:1px solid #fff;
font-size:12px;
border-width:0 0px 0px 0;
}
/* hack for IE5.5 */
* html .menu a, * html .menu a:visited {background:#d4d8bd; width:150px; width:149px;}
/* style the link hover */
* html .menu a:hover {color:#FF9900; font-size: 12px;}

.menu :hover > a {
color:#FF9900;
font-size: 12px;
background-image:url(menu_o.jpg)
}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {
visibility:hidden;
position:absolute;
top:0;
left:197px; 
}
/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul {
visibility:visible;
}

/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{
visibility:hidden;
}
/* keep the fourth level hidden when you hover on second level list OR link */
.menu ul :hover ul :hover ul ul{
visibility:hidden;
}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{
visibility:visible;
}
/* make the fourth level visible when you hover over third level list OR link */
.menu ul :hover ul :hover ul :hover ul { 
visibility:visible;
}

h10 {
font-size:10px;
font-family:Arial, sans-serif;
font-weight:500;
}
h11 {
font-size:11px;
font-family: "Futura";
font-weight:600;
}

/*fonts
=====================================================================*/

  
/* For IE */
@font-face 
{
font-family: 'Futura';
src: url('FUTURAM1.eot');
}

/* For Other Browsers */
@font-face 
{
font-family: 'Futura';
src: local('Futura Medium BT'),
url('Futura_medium_bt.ttf') format('truetype');
}