/* CSS Document */
html, body{
padding:0px; 
margin:0px; 
background:url(images/main-bg.gif) 0 0 repeat-x #fff; 
color:#7D7D7D; 
font:14px/20px "Trebuchet MS", Arial, Helvetica, sans-serif;
height: 100%;
}
p, ul 
{
padding:0px; 
margin:0px; 
height: 100%;
}

a:link {
	color: #7D7D7D;
}

a:active {
	color: #7D7D7D;
}

a:visited {
	color: #7D7D7D;
}

a:hover {
	text-decoration: underline;
	color: #F8A000;
}
img
{
padding:0px 20px 0px 0px;
}
ul{list-style-type:none;}
#container {
width:1005px; 
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto -1.5em;
position:relative;
}

/*----TOP PANEL----*/
#topPan{
width:1005px; 
height:184px; 
background:url(images/header.jpg) 0 0 no-repeat; 
position:relative;
}
#topPan img.logo{
width:448px; 
height:45px; 
position:absolute; 
top:139px; 
right:0px;
}

#topPan ul{
width:140px; 
height:29px; 
background:url(images/top-nav.gif) 0 0 no-repeat; 
position:absolute; top:23px; left:195px;
}
#topPan ul li{
float:left;
}

#topPan ul li.home{
width:47px; 
height:29px; 
float:left;
}
#topPan ul li.home a{
width:18px; 
height:16px; 
display:block; 
background:url(images/home-hover.gif) 0 0 no-repeat; 
margin:3px 0 0 16px;  text-indent:-20000px;
}
#topPan ul li.home a:hover{
background:url(images/home-hover.gif) 0 0 no-repeat;
}

#topPan ul li.sitemap{
width:43px; 
height:29px; 
float:left;
}
#topPan ul li.sitemap a{
width:18px; 
height:16px; 
display:block; 
background:url(images/sitemap-nor.gif) 0 0 no-repeat; 
margin:3px 0 0 15px;  
text-indent:-20000px;
}
#topPan ul li.sitemap a:hover{
background:url(images/sitemap-hover.gif) 0 0 no-repeat;
}

#topPan ul li.contact{
width:43px; 
height:29px; 
float:left;
}
#topPan ul li.contact a{
width:18px; 
height:16px; 
display:block; 
background:url(images/contact-nor.gif) 0 0 no-repeat; 
margin:3px 0 0 15px;  
text-indent:-20000px;
}
#topPan ul li.contact a:hover{background:url(images/contact-hover.gif) 0 0 no-repeat;
}
/*----/TOP PANEL----*/

/*----BODY TOP PANEL----*/
#bodytopPan{width:1005px; 
position:relative; 
padding:13px 0 0;
}
/*----Body Top Left Panel----*/
#btleftPan{width:660px; 
float:left; 
padding:0 36px;
}
#btleftPan h2{
width:390px; 
height:53px; 
background:#fff; 
color:#FF9209; 
font:30px/53px Georgia, "Times New Roman", Times, serif;
}

#btleftPan p span{
font-weight:bold;
}

#btleftPan p.more{
width:73px; 
height:25px; 
margin:0 0 0 417px; 
font:12px/24px Arial, Helvetica, sans-serif; 
font-weight:bold; text-transform:uppercase;
}
#btleftPan p.more a{
width:53px; 
height:25px; 
display:block; 
background:url(images/rollover-nor.gif) 0 0 no-repeat #FAFAFA; 
color:#fff; 
padding:0 0 0 20px; 
text-decoration:none;
}
#btleftPan p.more a:hover{
background:url(images/rollover-hover.gif) 0 0 no-repeat #FAFAFA; 
color:#A67B03; 
text-decoration:none;
}
/*----/Body Top Left Panel----*/

/*----Body Top Right Panel----*/
#btrightPan{
width:220px; 
float:left; 
font-family:Arial, Helvetica, sans-serif;
margin-top:20px;
}

#btrightPan #graph{
width:220px; 
height:58px; 
display:block; 
background:url(images/side-frame.jpg) 0 0 no-repeat; 
font-size:18px; 
line-height:18px; 
position:relative; 
margin:0 auto;
}
#btrightPan #graph h2{
width:65px;
 height:22px; 
 display:block; 
 background:#fff; 
 color:#FF8700; 
 font-size:18px; 
 position:absolute; 
 top:7px; 
 left:86px;
 }
 #btrightPan #graph h2:hover{ 
 color:#7D7D7D; 
 font-size:18px;  
 top:7px; 
 left:86px;
 }
#btrightPan #graph p{
font-size:14px; 
position:absolute; 
top:30px; 
left:86px;
}
#btrightPan #graph a{
width:220px; 
height:58px; 
display:block; 
background:url(images/graph-nor.jpg) 13px 0 no-repeat; 
font-size:0px; 
text-decoration:none; 
margin:0 0 0 1px; 
text-indent:-2000px
}

#btrightPan #graph a:hover{background:url(images/graph-hover.jpg) 13px 0 no-repeat; 
text-decoration:none;
}

#btrightPan #planning{
width:220px; 
height:58px; 
display:block; 
background:url(images/side-frame.jpg) 0 0 no-repeat;  
line-height:18px; 
position:relative; 
margin:0 auto;
}
#btrightPan #planning h2{
width:65px; 
height:22px; 
display:block; 
background:#fff; 
color:#FF8700; 
font-size:18px; 
position:absolute; 
top:7px; left:86px;
}
#btrightPan #planning h2:hover{ 
 color:#7D7D7D; 
 font-size:18px;  
 top:7px; 
 left:86px;
 }
#btrightPan #planning p{
font-size:14px; 
position:absolute; 
top:30px; left:86px;
}

#btrightPan #planning a{
width:220px; 
height:58px; 
display:block; 
background:url(images/planning-nor.jpg) 13px 1px no-repeat; 
font-size:0px; 
text-decoration:none; 
margin:0 0 0 1px; text-indent:-2000px
}
#btrightPan #planning a:hover{background:url(images/planning-hover.jpg) 13px 1px no-repeat; 
text-decoration:none;
}

#btrightPan #services{
width:220px; 
height:58px; 
display:block; 
background:url(images/side-frame.jpg) 0 0 no-repeat;  
line-height:18px; 
position:relative; 
margin:0 auto;
}
#btrightPan #services h2
{
width:75px; 
height:22px; 
display:block; 
background:#fff; 
color:#FF8700; 
font-size:18px; 
position:absolute; 
top:7px; left:86px;
}
#btrightPan #services h2:hover{ 
 color:#7D7D7D; 
 font-size:18px;  
 top:7px; 
 left:86px;
 }
#btrightPan #services p
{
font-size:14px; 
position:absolute; 
top:30px; left:86px;}
#btrightPan #services a
{
width:220px; 
height:58px; 
display:block; 
background:url(images/services-nor.jpg) 13px 1px no-repeat; 
font-size:0px; 
text-decoration:none; margin:0 0 0 1px; 
text-indent:-2000px
}
#btrightPan #services a:hover{background:url(images/services-hover.jpg) 13px 1px no-repeat; 
text-decoration:none;
}

#btrightPan #projects{
width:220px; 
height:58px; 
display:block; 
background:url(images/side-frame.jpg) 0 0 no-repeat;  
line-height:18px; position:relative; 
margin:0 auto;
}
#btrightPan #projects h2
{
width:65px; 
height:22px; 
display:block; 
background:#fff; 
color:#FF8700; 
font-size:18px; 
position:absolute; 
top:7px; left:86px;
}
#btrightPan #projects h2:hover{ 
 color:#7D7D7D; 
 font-size:18px;  
 top:7px; 
 left:86px;
 }
#btrightPan #projects p
{
font-size:14px; 
position:absolute; 
top:30px; 
left:86px;
}
#btrightPan #projects a
{
width:220px; 
height:58px; 
display:block; 
background:url(images/projects-nor.jpg) 13px 1px no-repeat; 
font-size:0px; text-decoration:none; margin:0 0 0 1px; 
text-indent:-2000px}
#btrightPan #projects a:hover{background:url(images/projects-hover.jpg) 13px 1px no-repeat; 
text-decoration:none;
}

/*----/Body Top Right Panel----*/

/*----Body Middle Panel----*/
#bodymiddlePan{
width:708px; 
padding:0 34px 0 36px; 
clear:both;
}

#bodymiddlePan h3
{
width:300px; 
height:65px; 
background:#fff; 
color:#7D7D7D; 
font:30px/65px Georgia, "Times New Roman", Times, serif;
}
#bodymiddlePan ul{
width:707px; 
height:100px; 
margin:0px;
}
#bodymiddlePan ul li{
width:707px; 
height:28px;
}
#bodymiddlePan ul li a{
width:688px; 
height:20px; 
display:block; 
background:url(images/bullet.gif) 0 6px no-repeat #fff; 
color:#7D7D7D; 
font-size:16px; 
line-height:20px; 
text-decoration:none; 
padding:0 0 0 20px;
}
#bodymiddlePan ul li a:hover{background:url(images/bullet.gif) 0 6px no-repeat #fff; 
color:#5C5C5C; 
text-decoration:none;
}

#bodymiddlePan h4{
width:628px; 
height:24px; 
display:block; 
float:left; 
background:url(images/border-line.jpg) 100% 100% no-repeat #fff; 
color:#CCC502; 
font-size:30px; 
line-height:24px; 
padding:0px; 
margin:0px;
}

#bodymiddlePan p.more{
width:73px; 
height:25px; 
display:block; 
float:left; 
font:12px/24px Arial, Helvetica, sans-serif; 
font-weight:bold; 
text-transform:uppercase; 
margin:0 0 0 6px;
}
#bodymiddlePan p.more a{
width:53px; 
height:25px; 
display:block; 
background:url(images/rollover-nor.gif) 0 0 no-repeat #FAFAFA; 
color:#fff; 
padding:0 0 0 20px; 
text-decoration:none;
}
#bodymiddlePan p.more a:hover{
background:url(images/rollover-hover.gif) 0 0 no-repeat #FAFAFA; 
color:#A67B03; 
text-decoration:none;
}
/*----/Body Middle Panel----*/

/*----Body Bottom Panel----*/
#bodybottomPan{width:706px; 
padding:0px 36px; 
clear:both;
}
/*----Bottom Left Panel----*/
#bottomleftPan{
width:250px; 
float:left; 
padding:27px 0 0;
}

#bottomleftPan p.online{
width:250px; 
height:107px;
}
#bottomleftPan p.online a{
width:250px; 
height:107px; 
display:block; 
background:url(images/online-chat.jpg) 0 0 no-repeat; 
text-indent:-20000px;
}
#bottomleftPan p.online a:hover{background:url(images/online-chat.jpg) 0 0 no-repeat; 
text-indent:-20000px;
}

#bottomleftPan form{
width:250px; 
height:137px; 
background:url(images/form.gif) 0 100% no-repeat; 
position:relative;
}
#bottomleftPan form h2{
width:224px; 
height:38px; 
display:block; 
background:url(images/form-h2-bg.gif) 0 0 no-repeat #fff; 
color:#716D12; 
font:20px/40px Georgia, "Times New Roman", Times, serif; 
padding:7px 0 0 26px;
}
#bottomleftPan form label{
width:150px; 
height:18px; 
display:block; 
background:#fff; 
color:#7D7D7D; 
font:13px/18px Arial, Helvetica, sans-serif; 
font-weight:bold;
}
#bottomleftPan form label.labeltopmarginone{
position:absolute; 
top:49px; 
left:26px;
}
#bottomleftPan form label.labeltopmargintwo{
position:absolute; 
top:92px; 
left:26px;
}

#bottomleftPan form input{
width:135px; 
height:17px; 
font-size:14px;
}
#bottomleftPan form input.inputtopmarginone{
position:absolute; 
top:69px; 
left:26px;
}
#bottomleftPan form input.inputtopmargintwo{
position:absolute; 
top:110px; 
left:26px;
}
#bottomleftPan form input.botton{
width:60px; 
height:23px; 
display:block; 
background:#fff; 
color:#7D7D7D; 
border:none; 
position:absolute; 
top:110px; 
right:20px; 
font:16px/23px Georgia, "Times New Roman", Times, serif; 
font-weight:bold;
}

#bottomleftPan h3{
width:250px; 
height:28px; 
background:#fff; 
color:#7D7D7D; 
font:22px/23px Arial, Helvetica, sans-serif;
padding:11px 0 0;
}

#bottomleftPan p.resistred{
width:250px; 
height:22px; 
font:18px/22px Arial, Helvetica, sans-serif;
}
#bottomleftPan p.resistred a{
width:250px; 
height:22px; 
display:block; 
background:url(images/registernow-bg.gif) 116px 6px no-repeat #fff; 
color:#FEA905; 
text-decoration:none; 
}
#bottomleftPan p.resistred a:hover{background:url(images/registernow-bg.gif) 116px 6px no-repeat #fff; 
color:#C98703; 
text-decoration:none; 
}

/*----/Bottom Left Panel----*/

/*----Bottom Right Panel----*/
#bottomrightPan{
width:407px; 
float:left; 
padding:42px 0 0 49px;
}
#bottomrightPan h2{
width:350px; 
height:33px; 
font:30px/33px Georgia, "Times New Roman", Times, serif; 
background:#fff; 
color:#FF8500;
}
#bottomrightPan h3{
width:115px; 
height:40px; 
font:18px/40px Georgia, "Times New Roman", Times, serif; 
background:url(images/athorname-border.gif) 0 15px no-repeat #fff; 
color:#FF8500; 
padding:0 0 0 291px;
}

#bottomrightPan p{
padding:6px 0;
}
#bottomrightPan p span{
font-weight:bold;
}

#bottomrightPan p.greencaptiontext{
background:#fff; 
height:72px; 
color:#ABA501; 
font:18px/24px Georgia, "Times New Roman", Times, serif; 
font-style:italic; 
padding:10px 0 0;
}
/*----/Bottom Right Panel----*/
#push {
height: 1.5em;
clear: both;
}
/*----FOOTER PANEL----*/
#footer {
background: url("images/footerbg.gif") top left repeat-x;
height: 1.5em;
text-align:center;
padding : 45px 0 25px 0;
position:relative;
}
.rood {
color: #FF0000
}
/*----/FOOTER PANEL----*/

