/* CSS Document */
body{padding:0px; margin:0px; background: #fff url(../images/bkgd_top.jpg) 0 0 repeat-x; color:#a4a4a4; font:10px/14px Tahoma, sans-serif;}
div, p, ul, h2, h3, h4, img{padding:0px; margin:0px;}
ul{list-style-type:none;}

.clear {clear: both; margin: 0px}

ul.bullet li{font:12px/14px Tahoma, sans-serif; padding-left:5px;}
ul.bullet li a{color:#000; text-decoration:none;}
ul.bullet li a:hover{color:#FF0000; text-decoration:underline;}

p span.headline{font:18px/20px Trebuchet MS, sans-serif; color:#000; padding-left:5px; text-transform:capitalize;}

/* TOP */

#topPanel{width: 820px; height: 98px; margin:0 auto; position:relative;}

#topPanel h2{display:block; padding:2px 0 0 11px; font:14px/18px tahoma, sans-serif; font-weight: normal; color:#fff; margin-bottom:7px;}

#logo{position:absolute; top:15px; left:4px}
#number{position:absolute; top:56px; left:522px}


/* NAVIGATION */

#nav {width: 827px; height: 38px; margin:0 auto; margin-bottom: 10px; position:relative;}

#menu {
	float: left;
	width: 827px;
	height: 38px;
	margin: 0 auto;
}

#menu ul {
	margin: 0;
	padding: 0px 0px 0px 0px;
	list-style: none;
	line-height: normal;
}

#menu li {
	display: block;
	float: left;
}

#menu a {
	display: block;
	float: left;
	width: 132px;
	height: 20px;
	margin-left:3px;
	padding: 20px 2px 0px 0px;
	background: url(../images/button_gry.png) no-repeat left top;
	text-decoration: none;
	text-align: center;
	text-transform: capitalize;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
}

#menu a:hover { 
	background: url(../images/button1.png) no-repeat left top;
	text-decoration: none; 
}

#menu .current_page_item a {
	background: url(../images/button1.png) no-repeat left top;
}

#menu .first {
}  

/* HEADER */

#header{width: 820px; height: 319px; top:10px; margin:0 auto; position:relative; background:url(../images/hme_header.jpg) 0 0 no-repeat}

#adheader{position:relative; top:5px; width:450px; left:330px}

.adheader {postion:relative; left:0; width:450px; margin:0 auto; }

.adheader h2 { postion:relative; top:0; font:28px/32px Trebuchet MS, sans-serif; color:#FFF; font-weight: normal;}

.adheader p { font:16px/18px Trebuchet MS, sans-serif; color:#fff; padding-top:15px; width:450px; }

#slogan{
	position:absolute;
	top:257px;
	left:580px;
}

#toma{
	position:absolute;
	top:247px;
	left:360px;
}

/* CONTENT */

#content{width: 820px; margin:0 auto; position:relative; background:url(../images/b_content.gif) 0 0 repeat-x; margin-top:7px;}

#leftPan{width:443px; float:left; margin-right:15px}
#news{width:430px; margin:23px 0 22px 10px}
#news h2{ postion:relative; top:0; font:28px/32px Trebuchet MS, sans-serif; color:#000; font-weight: normal;}
.newsstory{width:430px; margin-bottom:10px}
.newsstory li{list-style-type:none; margin-left:20px; color:#2f2f2f; font:12px/18px Tahoma, sans-serif;}
.newsstory p span.date{width:430px; height:16px; padding:2px 0 0 0; font:15px/18px Trebuchet MS, sans-serif; font-weight:bold; color:#2f2f2f; margin-bottom:7px;}
.newsstory p {margin-bottom:10px;}
.newsstory p a{color:#22454d; font:10px/14px Tahoma, sans-serif; text-decoration:none}
.newsstory p a:hover{color:#a65b99; }
#news ul.bullet{margin:0 0 0 108px}

#rightPan{width:360px; float:left; }
#rightPan p a{color:#22454d; font:10px/14px Tahoma, sans-serif; text-decoration:underline}
#rightPan p a:hover{color:#22454d;  text-decoration:none}

#welcome{ margin-bottom:10px; margin-top:10px; height:200px;}
#welcome h2{width:360px; height:35px; position:relative; margin-bottom:16px; border-bottom:#d1cfd1 1px solid}
#welcome img{float:left;}
#welcome p{width: 317px; float:left; margin-bottom:10px; color:#FFFFFF}
#welcome p span.headline{display:block; margin-bottom:10px}
#welcome ul.bullet{margin:0 0 0 10px; float:left; width:100px}
#welcome .text{
	position:absolute;
	top:132px;
	left:493px;
	height: 43px;
}

#center{width:820px; float:left; margin:0 auto;}
#events{width:273px; margin:5px 0 0 0; float:left; display:inline;}
#events h2{height:5px; position:relative; width:273px;}
.eventsTopic{width:273px;float:left; margin-bottom:15px;}
.eventsTopic img{float:left; margin:0 auto; margin-bottom:15px;}
.eventsTopic p span.headline{display:block; margin-bottom:7px; margin-top:2px}


#services{width:538px; float:left; margin:10px 5px 0 0;}
#services h2{width:538px; height:178px; margin-bottom:10px; background:url(../images/iss_hicon.png) 0 0 no-repeat; position:relative;}

#services ul{margin-left:8px;}
#services p{ display: block; height:57px; font:11px/23px Tahoma, sans-serif; background: url(../images/iss_btn1.png) 0 0 no-repeat; margin-bottom:4px; }
#services a{height:57px; display: block; text-decoration:none; text-align: center; text-transform: capitalize; font-family: Arial, Helvetica, sans-serif; font-size: 1.8em; font-weight: bold; color: #FFF; padding:8px 0 0 0;}
#services a:hover{ display: block; height:57px; color:#22454d; text-decoration:none;}

#signage{width:270px; margin:10px 0 0 0; float:left; display:inline;}
#signage h2{width:270px; height:178px; margin-bottom:10px; background:url(../images/iss_bcs.png) 0 0 no-repeat; position:relative;}
#signage p{ width:270px; display: block; height:57px; font:11px/23px Tahoma, sans-serif; background: url(../images/iss_btn2.png) 0 0 no-repeat; margin-bottom:4px; }
#signage a{height:57px; display: block; text-decoration:none; text-align: center; text-transform: capitalize; font-family: Arial, Helvetica, sans-serif; font-size: 1.8em; font-weight: bold; color: #FFF; padding:8px 0 0 0;}
#signage a:hover{ display: block; height:57px; color:#22454d; text-decoration:none;}


#randombutton{width:270px; margin:10px 0 0 0; float:left; display:inline;}
#randombutton p{ width:270px; display: block; height:57px; font:11px/23px Tahoma, sans-serif; background: url(../images/iss_btn2.png) 0 0 no-repeat; margin-bottom:4px; }
#randombutton a{height:57px; display: block; text-decoration:none; text-align: center; text-transform: capitalize; font-family: Arial, Helvetica, sans-serif; font-size: 1.8em; font-weight: bold; color: #FFF; padding:5px 0 0 0;}
#randombutton a:hover{ display: block; height:57px; color:#22454d; text-decoration:none;}


#contact{width:273px; margin:5px 0 0 0; float:left; display:inline; margin-bottom:20px;}
#contact h2{height:5px; position:relative; width:273px;}
#contact p{ width:270px; display: block; font:10px/16px Tahoma, sans-serif;color:#000000 }

.contactTopic{width:273px;float:left; margin-bottom:15px;}
.contactTopic img{float:left; margin:0 auto; margin-bottom:15px;}
.contactTopic p{ width:270px; display: block; height:57px; font:11px/16px Tahoma, sans-serif; margin-bottom:4px; color:#000000 }
#contact a{ text-decoration:none; text-align: left; text-transform: lowercase; font-family: Arial, Helvetica, sans-serif; font-size: 1.0em; font-weight: bold; color:#FF0000;}
#contact a:hover{ color:#FF0000; text-decoration:none;}



/* FOOTER */

#footer{background-color:#000000; height:170px; position:relative; margin:0 auto;}
#footer p span.headline{font:10px/18px Trebuchet MS, sans-serif; color:#5a5a5a; text-transform: capitalize;}
#footer a.active {font:14px/18px Trebuchet MS, sans-serif; font-weight:normal; color:#d92027; text-decoration:none; padding: 0 5px }
#footer p{padding: 15px 0 0 0; font:14px/18px Trebuchet MS, sans-serif; font-weight:normal; text-align:center; color:#fff;}
#footer p a{font:14px/18px Trebuchet MS, sans-serif; font-weight:normal; color:#fff; text-decoration:none; padding: 0 5px }
#footer p a:hover{text-decoration:none; color: #d92027}