/*----SITE BY MASTERNORTHARD.COM----*/

body{margin:0px; padding:0px; background-color:#838383; font-size:11px; font-family:Arial, Helvetica, sans-serif; vertical-align:top; text-align:right;}
div, p, ul, h2, img{margin:0px; padding:0px;}

/*----HEADER- PANEL----*/
#headerPan{width:820px; height:64px; position:relative; margin:0 auto; background:url(images/top_banner.gif);}

/*----LEFT SHADOW PANEL----*/
#leftshadowPan{width:10px; height:100%; float:left;}

/*----RIGHT SHADOW PANEL----*/
#rightshadowPan{width:12px; height:100%; float:right;}

/*----MENU PANEL----*/
#menuPan{width:798px; height:30px; background-image:url(images/main_menu.gif); position:relative; margin:0 auto;}

/*----SEARCH PANEL----*/
#searchPan{width:799px; height:32px; background-image:url(images/search_bg.gif); background-color:#000000; position:relative; margin:0 auto;}

/*----SEARCH BOX----*/
#searchBox {text-align:left; margin-left:10px; padding-top:5px; color:#FFFFFF; width:220px; float:left;}

/*----SUBSCRIBE BOX----*/
#subscribeBox {text-align:left; margin-left:10px; padding-top:5px; color:#FFFFFF; width:290px; float:right; margin-right:1px;}
#subscribeBox a {color:#FFFFFF; text-decoration:none;}
#subscribeBox a:hover {color:#FFFFFF; text-decoration:none;}
#subscribeBox a:active {color:#FFFFFF; text-decoration:none}
#subscribeBox a:visited {color:#FFFFFF; text-decoration:none;}


/*----ANIMATION PANEL----*/
#animationPan{width:512px; height:288px; background-color:#000000; float:left; margin-left:9px;}

/*----FEATURED PANEL----*/
#featuredPan{width:286px; height:288px; background-color:#FFFFFF; float:right; margin-right:12px;}
#featuredPan p{text-align:left; margin-left:5px; margin-right:20px; margin-bottom:5px; margin-top:1px; vertical-align:top;}
#featuredPan p.header{text-align:left; margin-left:5px; margin-right:10px; vertical-align:top; font-size:12px; color:#1085b1; font-weight:bold;}

/*----SCROLLER TOP PANEL----*/
#scrollertopPan{width:261px; height:35px; background-image:url(images/scroller_header.gif); float:left; margin-left:10px;}
#scrollertopPan p.header{text-align:left; margin-left:7px; margin-right:10px; vertical-align:top; font-size:12px; color:#343434; font-weight:bold;}

/*----SCROLLER BODY PANEL----*/
#scrollerbodyPan{width:261px; background-color:#b7d3de; float:left; margin-left:10px; vertical-align:top;}
#scrollerbodyPan p{text-align:left; margin-left:5px; margin-right:10px; vertical-align:top;}
#scrollerbodyPan p.header{text-align:left; margin-left:5px; margin-right:10px; vertical-align:top; font-size:12px; color:#1085b1; font-weight:bold;}
#scrollerbodyPan a {color:#677378; text-align:left;}
#scrollerbodyPan a:hover {color:#677378; text-align:left; text-decoration:underline;}
#scrollerbodyPan a:visited {color:#677378; text-align:left;}


/*----HOME BODY PANEL----*/
#homebodyPan{width:537px; float:right; vertical-align:top;}
#homebodyPan p{text-align:left; margin-left:5px; margin-right:20px; margin-bottom:5px; margin-top:1px; vertical-align:top; font-family:Arial, Helvetica, sans-serif;}
#homebodyPan p span{font-weight:bold;}
#homebodyPan p.header{text-align:left; margin-left:5px; margin-right:10px; vertical-align:top; font-size:12px; color:#1085b1; font-weight:bold;}
#homebodyPan p.more a{width:102px; height:16px; display:block; background:#F2F0DC; color:#D80000; font:13px/16px "Trebuchet MS",Arial, Helvetica, sans-serif; font-weight:bold; text-decoration:none;}
#homebodyPan p.more a:hover{background:#F2F0DC; color:#7E0202; text-decoration:none;}
#homebodyPan p.border{background:url(images/dot-line.gif) 0 0 repeat-x; height:1px; padding:0 0 14px 0;}
#homebodyPan hr {width:90%; text-align:left;}

/*----BODY PANEL----*/
#bodyPan{width:820px;  margin:0 auto; background-image:url(images/body_bg.gif);}
#bodyPan p{padding:10px 0 0;}
#bodyPan p span{font-weight:bold;}
#bodyPan p.more{width:102px; height:16px; margin:0 0 0 582px; padding:0 0 14px 0;}
#bodyPan p.more a{width:102px; height:16px; display:block; background:#F2F0DC; color:#D80000; font:13px/16px "Trebuchet MS",Arial, Helvetica, sans-serif; font-weight:bold; text-decoration:none;}


/*----BODY BOTTOM PANEL----*/
#bodybottomPan{width:778px; position:relative; margin:0 auto; padding:30px 0 0 8px;}

/*----BOTTOM LEFT PANEL----*/
#bottomleftPan{width:375px; float:left; background:url(images/bodybottombg.gif) 0 0 no-repeat #FEFDF0; color:#D80000; border-bottom:1px solid #CDCAA3; border-left:1px solid #CDCAA3; border-right:1px solid #CDCAA3; margin:0px;}
#bottomleftPan h2{width:250px; height:58px; background:url(images/icon1.jpg) 0 0 no-repeat; font:26px/26px "Trebuchet MS",Arial, Helvetica, sans-serif; padding:0 0 0 65px; margin:22px 0 0 41px;}
#bottomleftPan h2 span{font-size:20px; background:#FCFBED; color:#5D5B46;}
#bottomleftPan ul{width:290px; margin:15px 0 0 50px;}
#bottomleftPan ul li{width:290px; height:30px; background:url(images/bullet1.gif) 0 0 no-repeat;} 
#bottomleftPan ul li a{width:210px; height:30px; display:block; background:url(images/bullet1.gif) 0 10px no-repeat #FEFDF1; color:#2F2A28; font-size:14px; line-height:30px; text-decoration:none; padding:0 0 0 80px;}
#bottomleftPan ul li a:hover{display:block;background:url(images/bullet1.gif) 0 10px no-repeat #FEFDF1; color:#2F2A28; line-height:30px;} 
#bottomleftPan p.more{width:270px; height:21px; padding:0px; margin:10px 0 25px 50px;} 
#bottomleftPan p.more a{width:270px; height:21px; display:block; background:url(images/bottom-more-bg.gif) 0 0 no-repeat #FEFDF1; color:#ffffff; font:13px/20px "Trebuchet MS",Arial, Helvetica, sans-serif; font-weight:bold; text-align:center; text-decoration:none;} 
#bottomleftPan p.more a:hover{background:url(images/bottom-more-bg.gif) 0 0 no-repeat #FEFDF1; color:#FDF6B6; text-decoration:none;} 


/*----FOOTER PANEL----*/
#footerPan{width:820px; height:49px; background-image:url(images/footer_bg.gif); position:relative; margin:0 auto; clear:both; vertical-align:top;}
#footerPan p.copyright{text-align:right; color:#ffffff; font-size:11px; vertical-align:top; font-family:Arial, Helvetica, sans-serif; margin-right:14px; margin-top:0px;}

#footerPan a{text-align:right; color:#ffffff; font-size:11px; vertical-align:top; font-family:Arial, Helvetica, sans-serif; margin-top:0px; text-decoration:none;}
#footerPan a:hover{text-align:right; color:#1085b1; background-color:#b7d3de; font-size:11px; vertical-align:top; font-family:Arial, Helvetica, sans-serif; margin-top:0px; text-decoration:none;}

/*----LINKS PROPERTIES----*/
a{text-align:right; color:#1085b1; font-size:11px; vertical-align:top; font-family:Arial, Helvetica, sans-serif; margin-top:0px; text-decoration:none;}
a:hover{text-align:right; color:#1085b1; background-color:#b7d3de; font-size:11px; vertical-align:top; font-family:Arial, Helvetica, sans-serif; margin-top:0px; text-decoration:none;}

/*----BULLET PROPERTIES----*/
ul li.bulletpoint{ list-style-image:url(images/bullet.gif); text-align:left; margin-left:35px; margin-right:20px; margin-bottom:5px; margin-top:1px;}
ol li.numberpoint {text-align:left; margin-left:5px; margin-right:20px; margin-bottom:5px; margin-top:1px;}

#mymenu {width:798px;  margin:0 auto; background-image:url(images/background_img.gif);}
/*----MENU STYLE----*/
#chromestyle{
width: 798px;
height:28px;
font:Verdana;
font-size:12px;
color:#303030;
vertical-align:top;
position:absolute;
}

.chromestyle ul{
width: 798px;
background: url(images/menubg.gif) center center repeat-x; /*THEME CHANGE HERE*/
padding: 7px 0;
margin: 0;
text-align: center; /*set value to "left", "center", or "right"*/
}

.chromestyle ul li{
display: inline;
}

.chromestyle ul li a{
background: url(images/menubg.gif) center center repeat-x;
color: #494949;
padding: 7px 12px;
margin: 0;
text-decoration: none;
border-right: 0px solid #DADADA;
}

.chromestyle ul li a:hover{
width: 100%;
background: url(images/menubg-over.gif) center center repeat-x;/*THEME CHANGE HERE*/
padding: 7px 12px;
margin: 0;
text-align: center; /*set value to "left", "center", or "right"*/
}


/*----Style for Drop Down Menu----*/

.dropmenudiv{
position:absolute;
font:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
line-height:18px;
z-index:100;
background-color: white;
width: 200px;
visibility: hidden;
vertical-align:top;
}


.dropmenudiv a{
width: auto;
display: block;
text-indent: 3px;
border-bottom: 1px solid #BBB; /*THEME CHANGE HERE*/
padding: 5px 0;
text-decoration: none;
color:#303030;
text-align:left;
}

* html .dropmenudiv a{ /*IE only hack*/
width: 100%;
}

.dropmenudiv a:hover{ /*THEME CHANGE HERE*/
background: url(images/menubg-over.gif) center center repeat-x;
color:#303030;
}