
/*========================================================*/
/*  Overall                                         */
/*========================================================*/
Body{ margin:0px; padding:0px}
.clear{ clear:both}
.left{ float:left}
.right{ float:right}


h1 {font-size: 16pt;
    text-align:center;
    font-weight:bold;
    color: #DAA520;
}
H2 {color: #DAA520;}
h3 {font-size: 11pt;
    margin-bottom: 0;
}
h3 a {color:white;}

h4 {color:DAA520;
    font-weight:bold;
    text-align:center;
}
h5 {color:DAA520;
    text-align:center;}
H6 {color: #DAA520;}

hr {color: #ffffff;}

/*========================================================*/
/*  Control Panel                                         */
/*========================================================*/

.ControlPanel{ background:url(images/breadbg.gif) top left repeat-x #d9d9d9; border:1px #ccc solid;}
.ControlPanel DIV{ border:#CCC solid; border-width:0px 1px; width:3px; height:100px; }
.ControlPanel TD .SubHead{ font-size:8pt; color:#222; font-weight:bold; }
.ControlPanel TD TD TD .SubHead{ background:transparent; border:0px; font-size:8pt; color:#666; font-weight: bold; }
.ControlPanel TD TD TD input{ background:#f5f5f5; font-size:8pt; color:#000; font-weight:bold; padding-left:4px; }
.ControlPanel TD TD TD select{ background:#f5f5f5; font-size:8pt; color:#444;}
.CommandButton,A.CommandButton:link,A.CommandButton:visited,A.CommandButton:active{color:#25a9f5; text-decoration:none; font: bold 8pt Tahoma, Arial, Helvetica, sans-serif; padding:0 3px;}
A.CommandButton:hover{ color:#000; text-decoration:none;}

/*========================================================*/
/*  Skin Layout                                         */
/*========================================================*/

#fload{ width:0px; height:0px;}
#topbar{ float:right; width:60%; text-align:right; margin-top:3px; margin-right:5px;  line-height:20px;}
.date{ padding:0 10px; color:#FFD700}
.language{ float:right;text-align:right; padding:0 5px; white-space:nowrap; width:45%}
.language .language{ width:auto}
.bannerpane{ width:60%; float:right;  min-height:35px; height:auto; margin:0 5px 0 0;}
.logo{ width:250px; height:15px}
* html .bannerpane{ height:35px} 
.Settings{ text-align:left}
#dnncontent{width:99%; margin:5px 0}


#dnnbreader{ width:99%; background:url(images/breadbg.gif) top left repeat-x; height:31px; margin:0 auto; line-height:30px}
#dnnbreader .left{background:url(images/breadleft.gif) top left no-repeat; height:31px; padding-left:10px; text-align:left;}
#dnnbreader .right{background:url(images/breadright.gif) top right no-repeat; height:31px;position:relative; width:260px;}

#dnnbreader .right #dnn_dnnSEARCH_txtSearch,
#dnnbreader .right #dnn_dnnSEARCH_txtSearchNew{ border:0px #ccc solid;height:18px; position:absolute; top:5px; right:40px; padding:2px 0px 0 0px; background:transparent; width:120px; font:bold 9pt Arial, Helvetica, sans-serif; color:#777}
#dnnbreader .right span{ float:left}
#dnnbreader .right a:link,#dnnbreader .right a:active,#dnnbreader .right a:visited{ position:absolute; right:0px; border:0px; top:5px; width:25px; height:20px; display:block; border:0px; background:url(images/search-button.gif) left top no-repeat; overflow:hidden; margin-right:10px}
#dnnbreader .right a:hover{ background:url(images/search-button.gif) 0 -21px no-repeat}

#nobanner{ clear:both}
#nobanner .sloganpane{ width:99%; float:none; margin:0px; padding:0px; display:block; border-bottom:1px #fff solid; border-top:1px #fff solid}
/*========================================================*/
/*  Skin Object                                         */
/*========================================================*/
 .breader,a.breader:link, a.breader:active, a.breader:visited{ color:#25a9f5; font-weight:normal; text-decoration:underline; padding-left:18px; background:url(images/bread.gif) left center no-repeat}a.breader:hover{ color:#FFD700; text-decoration:none}

.user,A.user:link,A.user:active,A.user:visited  {color: #FFD700;TEXT-DECORATION: none; line-height:25px;background:url(images/user.gif) 0 -1px no-repeat;padding:1px 20px; font-weight:bold;} A.user:hover {color:#FFD700;text-decoration:underline;background:url(images/user.gif) 0 -24px no-repeat}

.login,A.login:link,A.login:active,A.login:visited  {line-height:25px; background:url(images/reg.gif) 0 -1px no-repeat; padding:1px 20px; font-weight:bold; color:#FFD700; text-decoration:none;} A.login:hover {color:#25a9f5; text-decoration:underline; background:url(images/reg.gif) 0 -24px no-repeat}


.themeOff,.themeOn{ border:0; cursor:pointer; margin:0px}

/*========================================================*/
/*  Content Panes                                         */
/*========================================================*/

.leftpane{ width:24%; float:left;overflow:hidden; }
.contentpane{width:50%; margin-left:1%; display:inline; float:left;}
.rightpane{ width:24%; float:right; overflow:hidden;}
.mainapane{ width:32.8%; float:left; ;overflow:hidden;}
.mainbpane{ width:32.4%; margin-left:1%; float:left; ;overflow:hidden}
.maincpane{ width:32.8%; float:right; ;overflow:hidden;}
.toppane,.bottompane{}
.topleftpane{ width:75%; float:left;overflow:hidden; }
.toprightpane{ width:24%; float:right;overflow:hidden; }
.midleftpane{ width:75%; float:left;overflow:hidden;}
.midrightpane{ width:24%; float:right;overflow:hidden;}
.sloganpane{ width:40%; float:right; margin:20px 30px 0 0;display:inline}

/*========================================================*/
/*  Page Banners                                         */
/*========================================================*/
#dnnbanner{height:127px; width:620px; margin:0 auto; border-bottom:1px #fff solid; border-top:1px #fff solid; clear:both;}
.b6{ background:url(banners/banner.png) center top no-repeat #000000;}

/*========================================================*/
/*  CSS Menu Style                                         */
/*========================================================*/
.Menu{margin:0 4px;background:url(menus/menuleft.gif) left top no-repeat; height:38px; font-size: 14pt;}
.Menu .Box{background:url(menus/menuright.gif) right top no-repeat; float:right; padding-right:13px; padding-left:260px; height:38px}
.CSSMENU 								{ position:relative; height:38px; float:left}
.CSSMENU span 							{ padding:0 13px; white-space:nowrap; display:block; font-size: 14pt;}
.CSSMENU ul								{ margin:0px; padding:0px;display: block;float:left}
.CSSMENU li 							{ list-style: none none outside;float:left;position:relative;}
.CSSMENU ul li 							{ float:left}
.CSSMENU ul li a						{ background:url(menus/ms.gif) left center no-repeat;height:38px; display:block; float:left}
.CSSMENU .first a						{ background:none}
.CSSMENU ul .current 					{ background:url(menus/menuon.gif) center bottom no-repeat; margin:0px}
.CSSMENU ul .current span				{ color:#fff}
.CSSMENU ul .current .slide span		{ background:transparent;}
.CSSMENU ul a:link, 
.CSSMENU ul a:active, 
.CSSMENU ul a:visited					{ width:auto;color:#fff; text-decoration:none; line-height:38px;display: block; cursor:pointer}
.CSSMENU ul a:hover 					{ color: #ffff00;float:left}
.CSSMENU .downarrow						{ position:absolute; right:4px; top:20px}
.CSSMENU .rightarrow					{ position:absolute; right:5px; top:10px}
.CSSMENU .slide 						{ display: none; float: left;overflow:hidden; position:absolute;}
.CSSMENU .slide .icon 					{ position:absolute; left:2px; top:3px}
.CSSMENU .slide .Group 					{ background:#fff; border:1px #ccc solid;display: none;left: 0px; float: left; position:relative}
.CSSMENU .slide li a 					{ background:none}
.CSSMENU .slide ul li 					{ clear: both;background:url(menus/submenu.gif) top left repeat-x; display:block; border-bottom:1px #ddd solid; 
width:100%}
.CSSMENU .slide ul li span 				{ color:#666666; display:block;padding:0 20px 0 20px; text-align:left}
.CSSMENU .slide ul li a					{ background:url(menus/submenu.gif) topleft repeat-x;height:24px; display:block}
.CSSMENU .slide ul a:link, 
.CSSMENU .slide ul a:active, 
.CSSMENU .slide ul a:visited			{ width:auto;color:#333; text-decoration:none;line-height:24px;display: block; cursor:pointer}
.CSSMENU .slide ul a:hover 				{ background:url(menus/submenu.gif) 0 -25px repeat-x;width:100%}
.CSSMENU .slide ul a:hover span 		{ background:url(menus/submenu.gif) 0 -25px repeat-x;}
/*========================================================*/
/*  CSS Menu2 Style                                         */
/*========================================================*/
.Menu2{margin:0 auto; border-bottom:2px #0695d6 solid; text-align: center;}
.CSSMENU2 								{ position:relative; height:35px; float:left}
.CSSMENU2 span 							{ padding:0 15px; white-space: nowrap; display:block;}
.CSSMENU2 ul							{ margin:0px; padding:0px;display: block;float:left; font-size: 14pt; text-align: center;}
.CSSMENU2 li 							{ list-style: none none outside; float:left;position:relative; margin:0 1px}
.CSSMENU2 ul li 						{ top left no-repeat; float:left}
.CSSMENU2 ul li a						{ right -40px no-repeat;height:35px; display:block; float:left}
.CSSMENU2 ul .current 					{ left -80px no-repeat; margin:0px}
.CSSMENU2 ul .current a					{ right -120px no-repeat; color:#ece402;}
.CSSMENU2 ul .current span				{ color:#ece402}
.CSSMENU2 ul .current .slide span		{ background:transparent;}
.CSSMENU2 ul a:link, 
.CSSMENU2 ul a:active, 
.CSSMENU2 ul a:visited					{ width:auto;color:#ece402; text-decoration:none; line-height:35px;display: block; cursor:pointer; font-weight:bold}
.CSSMENU2 ul a:hover 					{ color: #ece402;float:left}
.CSSMENU2 .downarrow					{ position:absolute; right:9px; top:17px}
.CSSMENU2 .rightarrow					{ position:absolute; right:5px; top:10px}
.CSSMENU2 .slide 						{ display: none; float: left; overflow:hidden; position:absolute;}
.CSSMENU2 .slide .icon 					{ position:absolute; left:2px; top:3px}
.CSSMENU2 .slide .Group 				{ background:#fff; border:1px #ccc solid;display: none;left: 0px; float: left; position:relative}
.CSSMENU2 .slide li a 					{ background:none}
.CSSMENU2 .slide ul li 					{ clear: both;background:url(menus/submenu.gif) top left repeat-x; display:block; border-bottom:1px #ccc solid; }
.CSSMENU2 .slide ul li span 			{ color:#666666; display:block; padding:0 15px 0 20px; text-align:left}
.CSSMENU2 .slide ul li a				{ top left repeat-x;height:24px; display:block}
.CSSMENU2 .slide ul a:link, 
.CSSMENU2 .slide ul a:active, 
.CSSMENU2 .slide ul a:visited			{ width:auto;color:#333; text-decoration:none; line-height:24px;display: block; cursor:pointer}
.CSSMENU2 .slide ul a:hover 			{ 0 -25px repeat-x;width:100%}
.CSSMENU2 .slide ul a:hover span 		{ 0 -25px repeat-x;}

/*========================================================*/
/*  CSS Menu3 Style                                         */
/*========================================================*/

.tempMenu3{margin:0 4px; height:38px}
.Menu3{background: top left repeat-x; margin:0 4px; height:38px}


.CSSMENU3 								{ position:relative; height:38px; float:center}
.CSSMENU3 span 							{ padding:0 20px; white-space: nowrap; display:block;}
.CSSMENU3 ul							{ margin:0px; padding:0px;display: block;float:left}
.CSSMENU3 li 							{ list-style: none none outside; float:left;position:relative;}
.CSSMENU3 ul li 						{ background: top left repeat-x; float:left}
.CSSMENU3 ul li a						{ background: top left repeat-x;height:38px; display:block; float:left}
.CSSMENU3 ul .current 					{ background: left -41px no-repeat; margin:0px}
.CSSMENU3 ul .current a					{ background: right -81px no-repeat; color:#fff;}
.CSSMENU3 ul .current span				{ color:#fff}
.CSSMENU3 ul .current .slide span		{ background:transparent;}
.CSSMENU3 ul a:link, 
.CSSMENU3 ul a:active, 
.CSSMENU3 ul a:visited					{ width:auto;color:#fff; text-decoration:none; line-height:38px;display: block; cursor:pointer; font-weight:bold}
.CSSMENU3 ul a:hover 					{ color: #fff; background: left -122px no-repeat;float:left}
.CSSMENU3 ul a:hover span 				{ background: right -163px no-repeat; float:left}
.CSSMENU3 .downarrow					{ position:absolute; right:9px; top:17px}
.CSSMENU3 .rightarrow					{ position:absolute; right:5px; top:10px}
.CSSMENU3 .slide 						{ display: none; float: left; overflow:hidden; position:absolute;}
.CSSMENU3 .slide .icon 					{ position:absolute; left:2px; top:3px}
.CSSMENU3 .slide .Group 				{ background:#fff; border:1px #0c82bd solid;display: none;left: 0px; float: left; position:relative}
.CSSMENU3 .slide ul li 					{ clear: both;background:url(menus/submenu3.gif) top left repeat-x; display:block; border-bottom:1px #d9f5fe solid;}
.CSSMENU3 .slide ul li span 			{ color:#444; display:block; padding:0 20px 0 20px; text-align:left}
.CSSMENU3 .slide ul li a				{ background:url(menus/submenu3.gif) top left repeat-x;height:24px; display:block}
.CSSMENU3 .slide ul a:link, 
.CSSMENU3 .slide ul a:active, 
.CSSMENU3 .slide ul a:visited			{ width:auto;color:#333; text-decoration:none; line-height:24px;display: block; cursor:pointer}
.CSSMENU3 .slide ul a:hover 			{ background:url(menus/submenu3.gif) 0 -25px repeat-x;width:100%}
.CSSMENU3 .slide ul a:hover span 		{ background:url(menus/submenu3.gif) 0 -25px repeat-x;}
/*========================================================*/
/*  CSS Menu4 Style                                         */
/*========================================================*/
.Menu4{ margin:0 4px; border-bottom:4px #0695d6 solid}
.CSSMENU4 								{ position:relative; height:35px; float:left}
.CSSMENU4 span 							{ padding:0 20px; white-space: nowrap; display:block;}
.CSSMENU4 ul							{ margin:0px; padding:0px;display: block;float:left}
.CSSMENU4 li 							{ list-style: none none outside; float:left;position:relative; margin:0 1px}
.CSSMENU4 ul li 						{ background:url(menus/menu4.gif) top left no-repeat; float:left}
.CSSMENU4 ul li a						{ background:url(menus/menu4.gif) right -40px no-repeat;height:35px; display:block; float:left}
.CSSMENU4 ul .current 					{ background:url(menus/menu4.gif) left -80px no-repeat; margin:0px}
.CSSMENU4 ul .current a					{ background:url(menus/menu4.gif) right -120px no-repeat; color:#fff;}
.CSSMENU4 ul .current span				{ color:#fff}
.CSSMENU4 ul .current .slide span		{ background:transparent;}
.CSSMENU4 ul a:link, 
.CSSMENU4 ul a:active, 
.CSSMENU4 ul a:visited					{ width:auto;color:#777; text-decoration:none; line-height:35px;display: block; cursor:pointer; font-weight:bold}
.CSSMENU4 ul a:hover 					{ color: #fff; background:url(menus/menu4.gif) left -160px no-repeat;float:left}
.CSSMENU4 ul a:hover span 				{ background:url(menus/menu4.gif) right -200px no-repeat; float:left}
.CSSMENU4 .downarrow					{ position:absolute; right:9px; top:17px}
.CSSMENU4 .rightarrow					{ position:absolute; right:5px; top:10px}
.CSSMENU4 .slide 						{ display: none; float: left; overflow:hidden; position:absolute;}
.CSSMENU4 .slide .icon 					{ position:absolute; left:2px; top:3px}
.CSSMENU4 .slide .Group 				{ background:#04a1d5; border:1px #04a1d5 solid;display: none;left: 0px; float: left; position:relative}
.CSSMENU4 .slide ul li 					{ clear: both;background:url(menus/submenu4.gif) top left repeat-x; display:block; border-bottom:1px #04a1d5 solid;}
.CSSMENU4 .slide ul li span 			{ color:#fff; display:block; padding:0 20px 0 20px; text-align:left}
.CSSMENU4 .slide ul li a				{ background:url(menus/submenu4.gif) top left repeat-x;height:24px; display:block}
.CSSMENU4 .slide ul a:link, 
.CSSMENU4 .slide ul a:active, 
.CSSMENU4 .slide ul a:visited			{ width:auto;color:#333; text-decoration:none; line-height:24px;display: block; cursor:pointer}
.CSSMENU4 .slide ul a:hover 			{ background:url(menus/submenu4.gif) 0 -25px repeat-x;width:100%}
.CSSMENU4 .slide ul a:hover span 		{ background:url(menus/submenu4.gif) 0 -25px repeat-x;}


/*=======================================================*/
/*home page                                              */
/*=======================================================*/
.header_home 
{
    float: left;
    width: 490px;
    height: 55px;
    margin: 15px 0 0 45px;
    font-family: Palace Script MT;
    font-size: 50px;
    font-weight: bold;
    background-image: url(images/horizontal_line.png);
    background-position: 0px 49px;
    background-repeat: no-repeat;
    
}

#home_top_right 
{
    float: right;
    width: 122px;
    height: 182px;
    margin: 0 45px 0 0;
}

#home_top_left 
{
    float: left;
    width: 360px;
    height: 182px;
    margin: 0 0 0 30px;
}

#home_bottom 
{
    float: left;
    width: 490px;
    height: 133px;
    margin: 0 0 0 25px;
    background-image: url(images/home_footer.png);
    background-repeat: no-repeat;
}

#home_bottom_left 
{
    float: left;
    width: 108px;
    height: 125px;
    margin: 8px 0 0 20px;
}

#home_bottom_right 
{
    float: right;
    width: 350px;
    height: 125px;
    margin: 8px 0 0 0;
}

.home_content 
{
    float: left;
    margin: 5px 15px 0 10px;
    font-size: 16px;
    font-family: Eras Light ITC;
    font-weight: bold;
}

#home_left_header 
{
    float: left;
    margin: 0 0 0 10px;
    font-family: Palace Script MT;
    font-size: 50px;
    font-weight: bold;
}

#home_right_header 
{
    float: left;
    margin: 0 0 0 35px;
    font-family: Palace Script MT;
    font-size: 50px;
    font-weight: bold;
}


/********************************Orginal CSS *****************************/



#container
{
    background-color: #336699;
    width: 1000px;
    overflow: auto;
    margin: 0px auto 0px auto;
}


#top_nav
{   
    margin: 10px auto 0px auto;
    width: 95%
}

#left_nav 
{
   /*  position: absolute;  */
    top: 25px;
    font-size: 14pt;
    font-family: Arial;
    color: #DAA520;
    float: left;
    margin-right: 25px
}


#header 
{
    margin-left:auto;
    margin-right:auto;
    top:0px;
    width: 1000px;
}

#content 
{
   /*  position:relative;  */
    width: 1000px;
    height: auto;
    margin-left:auto;
    margin-right:auto;
    background-color: #336699;
}

#right_links
{
    float: right;
    width: 165px;
    /* position: absolute; */
    right: 0px;
    top: 0px;
    border-left-style: solid;
    border-left-width: 1px;
    padding-left: 15px;
}

#right_links ul
{
    margin-left: 5px;
    margin-top: 0;

}

#title
{
    color: #DAA520;
}

.subtitle 
{
    font-size: 10pt;
}
    
#middle_content
{
    width: 620px;
    /* position: relative;  */
    float: left;
    margin: 0px auto 0px auto;
    left: 10px;
}

#left_mid_cont
{
    margin: 0px auto 15px auto;
    font-size:medium;
    float: left;
    padding-right: 10px;
    text-align:center;
}

#right_mid_cont
{
    margin: 0px auto 0px auto;
    width: 100%;
    right: 0px;
    top: 285px;
    color: #F5F5F5;
    font-size: 10pt;
    padding-left: 15px;
    padding-right: 15px;
    
}

#video 
{
    margin:0 auto 0 auto;
    text-align: center
}

.signature
{
    text-align: right;
}
