/*
Template Design by TheWebhub.com
http://www.thewebhub.com
Released for free under a Creative Commons Attribution-Share Alike 3.0 Philippines
*/

/** Common Styles */

body              { color: #757575; font-size: 13px; font-family: Arial, Helvetica, sans-serif; line-height: 1.6em; background: #bcbcbc url("../images/b_back_bw.jpg") repeat-x center 0; text-align: justify; margin: 0; padding: 0 }
h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
	font-weight: normal;
	color: #F06C00;
}

ul {
	margin-left: 0px;
	padding-left: 0px;
	list-style-type: none;
}

a {
	color: #F06C00;
}

a:hover {
	text-decoration: none;
}
/** CONTENT */

#content-wrap            { background-image: none; background-repeat: no-repeat; background-attachment: scroll; background-position: center; margin-right: auto; margin-bottom: 0; margin-left: auto; width: 960px; height: auto }

#content      { margin-right: auto; margin-left: auto; width: 960px }

#columnA         { background-position: right top; margin-top: -13px; margin-right: 10px; position: relative; width: 660px; height: 445px; float: right }
#columnA h2 {
	border-bottom: 1px #FFA66B dashed;
	text-transform: uppercase;
	font-size: 16px;
	font-weight: bold;
}
#columnB          { color: #b2b2b2; margin-top: -13px; margin-left: 10px; width: 280px; height: 445px; float: left }
#columnB h2 { font-size: 16px; font-weight: bold; text-transform: uppercase; border-bottom: 1px dashed #ffa66b }
#columnB strong  { color: white; font-size: 12px; font-family: Arial, Helvetica, sans-serif }
#columnC       { margin-top: 10px; margin-left: 8px; width: 945px; float: left }
#columnC h2  { font-size: 16px; font-weight: bold; text-transform: uppercase; border-bottom: 1px #ffa66b }
#columnD        { margin-right: 5px; width: 635px; height: 105px; float: right }
#columnD h2 { font-size: 11px; font-weight: bold; line-height: 8px; text-transform: uppercase; border-color: #6c9c1c }
#columnE      { margin-top: -3px; margin-left: 10px; position: relative; width: 960px; height: 510px; float: left }
#columnE h2 { font-size: 11px; font-weight: bold; line-height: 8px; text-transform: uppercase; border-color: #6c9c1c }
#columnF  { color: #b2b2b2; background-image: url("../images/box_backgrnd.png"); background-repeat: no-repeat; margin-top: 10px; width: 280px; float: left }
#columnF h2 { font-size: 16px; font-weight: bold; text-transform: uppercase; border-bottom: 1px dashed #ffa66b }
#columnG   { background-color: #fff; background-position: right top; margin-left: 10px; padding-top: 0; padding-right: 30px; padding-left: 30px; position: relative; width: 882px; float: left }
#columnG h2 { font-size: 16px; font-weight: bold; text-transform: uppercase }
#columnG1 { background-color: #fff; background-position: right top; margin-left: 10px; position: relative; width: 942px; height: auto; float: left }
#columnG1 h2 { font-size: 16px; font-weight: bold; text-transform: uppercase }
#columnFormG { background-color: #fff; background-position: right top; margin-left: 10px; padding-top: 20px; padding-right: 30px; padding-left: 30px; position: relative; width: 882px; float: left }
#columnFormG h2 { font-size: 12px; font-weight: bold; text-transform: uppercase }
#columnH  { background-position: right top; margin-top: 15px; margin-left: 10px; position: relative; width: 940px; height: 250px; float: left }
#columnH h2 { font-size: 16px; font-weight: bold; text-transform: uppercase; border-bottom: 1px dashed #ffa66b }
#columnI { margin-left: 30px; width: 400px; float: left }
#columnI h2 { font-size: 16px; font-weight: bold; text-transform: uppercase; border-bottom: 1px dashed #ffa66b }
#columnJ   { margin-right: 30px; padding-top: 20px; width: 300px; float: right }
#columnJ h2 { font-size: 16px; font-weight: bold; text-transform: uppercase; border-bottom: 1px dashed #ffa66b }
#columnK   { margin-right: 70px; padding-top: 20px; width: 190px; float: right }
#columnK h2 { color: #555; font-size: 14px; text-transform: uppercase }
#columnL   { margin-left: 30px; padding-top: 20px; width: 240px; float: left }
#columnL h2  { color: #2064ff; font-size: 14px; font-weight: bold; text-transform: uppercase; margin-bottom: -10px }
#columnM  { margin-left: 30px; padding-top: 10px; width: 660px; float: left }
#columnM h2 { color: #2064ff; font-size: 14px; font-weight: bold; text-transform: uppercase; margin-bottom: -10px }
#sidelink { margin-left: 30px; padding-top: 10px; padding-right: 10px; width: 218px; height: 380px; float: right }
#sidelink h2 { color: #2064ff; font-size: 14px; font-weight: bold; text-transform: uppercase; margin-bottom: -10px }
#column_bottom  { background-position: right top; margin-top: 15px; margin-bottom: 13px; margin-left: 10px; position: relative; width: 940px; height: 170px; float: left }
#column_bottom h2 { font-size: 16px; font-weight: bold; text-transform: uppercase; border-bottom: 1px dashed #ffa66b }
#Part { margin-right: 30px; width: 520px; float: left }
.Part { padding-left: 0; clear: left }
.Part img { margin: 8px 13px 8px 0; float: left }
/** FOOTER */
#footer     { color: #000000; font-size: 11px; background-image: none; margin-right: auto; margin-left: auto; position: relative; width: 960px; height: auto; float: left }
#footer h2 { background-position: 0 bottom }
#footer .copyright2            { color: #4d4d4d; font-weight: bold; background-color: transparent; background-image: url("../images/footer_back2.png"); background-repeat: no-repeat; background-position: left top; text-align: left; margin-top: 0; margin-left: 10px; padding-top: 8px; padding-left: 10px; width: 932px; height: 35px; float: left }
#footer .copyright { color: #4d4d4d; font-weight: bold; background-color: transparent; background-image: url("../images/footer_back.png"); background-repeat: no-repeat; background-position: left top; text-align: left; margin-top: 0; margin-left: 10px; padding-top: 8px; padding-left: 10px; width: 932px; height: 35px; float: left }
#footer .copyright2 OLD      { background-image: url("../images/destiny_bottom2.png"); background-repeat: no-repeat; background-position: 0 top; text-align: left; margin-top: 0; margin-left: 5px; padding-top: 5px; padding-left: 25px; width: 960px; height: 60px; float: left }
#footer .links    { color: #4d4d4d; font-weight: bold; text-align: center; margin-top: -54px; margin-right: 20px; padding-top: 8px; width: auto; height: 30px; float: right }

#footer .css      { background-repeat: no-repeat; background-attachment: scroll; background-position: 0 top; width: 900px; height: 35px; float: right }

#footer .xhtml     { background-position: 0 top; width: auto; height: 30px; float: left }
#footer .download  { background-position: 0 top; margin-right: -30px; width: 30px; height: 30px; float: right }
#footer a:hover { color: #fff; font-weight: bold; text-decoration: underline }
#footer a { color: #d7d7d7; font-weight: bold; text-decoration: none }
#FooterContainer   { font-size: 12px; line-height: 18px; margin-top: -10px; margin-left: 10px; float: left }
* html #FooterContainer  { width: 942px }
#FooterContainer div.textPar  { width: 940px }
#FooterContainer p  { color: #8e8077 }
#FooterContainer a   { color: #7f7f7f; padding: 0 5px }
#FooterContainer a.smlink { color: #8E8077!important; font-size: 11px }
/** MENU */
.menu   { font-family: "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif; font-style: normal; font-variant: normal; background-repeat: no-repeat; background-position: center; margin: -28px 0 0; border: 0 }
.menu ul { background: url("../images/destiny_top1.png") no-repeat center; list-style: none; margin-right: auto; margin-left: auto; width: 960px; height: 80px }
.menu li  { background-image: url("../../Destiny%20Web%20NEW%20DESIGN/images/seperator.png"); background-repeat: no-repeat; background-position: 0 center; margin-top: 20px; margin-right: -10px; margin-left: 10px; padding-right: 15px; padding-left: 15px; float: left }
.menu li1 { background-image: url("../../Destiny%20Web%20NEW%20DESIGN/images/seperator.png"); background-repeat: no-repeat; float: left }
.menu li a  { color: #fff; font-size: 13pt; font-weight: normal; line-height: 46px; text-decoration: none; background-color: transparent; background-attachment: scroll; background-position: 0 center; text-align: center; display: block }
.menu li a:hover, .menu ul li:hover a { color: #ffffff; text-decoration: none; background: url("../../Destiny%20Web%20NEW%20DESIGN/images/hover.png") no-repeat center bottom }
.menu li ul { background: #333333; display: none; margin-left: -12px; position: absolute; z-index: 200; width: 173px; height: auto; border: 0 }
.menu li:hover ul { display: block }
.menu li li { background: url("../../Destiny%20Web%20NEW%20DESIGN/images/sub_sep.gif") no-repeat left bottom; display: block; margin: 0; padding: 0; width: 173px; float: none }
.menu li:hover li a { background: transparent }
.menu li ul a { font-size: 12px; font-style: normal; line-height: 38px; background-image: none; text-align: left; display: block; margin: 0; padding-right: 5px; padding-bottom: 10px; padding-left: 10px; height: 25px }
.menu li ul a:hover, .menu li ul li:hover a { color: #ffffff; text-decoration: none; background: #757575 url("../../Destiny%20Web%20NEW%20DESIGN/images/hover_sub.gif") no-repeat left center; border: 0 }
.menu li.active  { background-color: transparent; background-image: url("../images/hover3.png"); background-repeat: no-repeat; background-position: left bottom }
.menu li.active a { color: #fff; background-color: transparent; background-image: none; background-repeat: no-repeat; background-position: left bottom }
/*MENU TOP */
.intromenu    { font-family: "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif; font-style: normal; font-variant: normal; background-color: transparent; background-repeat: no-repeat; margin-right: auto; margin-left: auto; width: 941px; height: 80px; border: 0 }
.intromenu ul   { background-position: center; list-style: none; margin-right: auto; margin-left: auto; width: 941px; height: 60px }
.introA  { margin-left: 8px; width: 100px; height: 30px; float: left }
.introA h2 { font-size: 16px; font-weight: bold; text-transform: uppercase; border-bottom: 1px none #ffa66b }
/**Submenu*/
#sub-navmenu   { background-color: orange; background-repeat: no-repeat; background-position: 0 top; margin-right: auto; margin-left: auto; width: 941px }
#sub-navmenu ul   { line-height: 40px; background-color: #ffa400; background-image: url("../images/submenu.png"); background-position: 0 bottom; list-style-type: none; margin-top: -19px; margin-left: 1px; padding: 0; position: relative; width: 942px; float: left }
#sub-navmenu li   { line-height: 40px; background-color: transparent; background-attachment: scroll; background-position: left bottom; margin-right: 1px; margin-bottom: 0; margin-left: 0; padding: 0; height: 37px; float: left }
#sub-navmenu li a   { color: #d7d7d7; font-size: 12px; font-weight: normal; text-decoration: none; background-attachment: scroll; background-position: right bottom; display: block; margin: 0 0 0 7px; padding-right: 7px; height: 37px; float: none }
div#sub-navmenu ul ul { display: none }
div#sub-navmenu li:hover, div#sub-navmenu li.iehover   { background-image: url("../images/submenu2.png"); background-repeat: no-repeat; background-attachment: scroll; background-position: left top }
div#sub-navmenu li:hover a, div#sub-navmenu li.iehover a { color: #dcdcdc; background-repeat: no-repeat; background-attachment: scroll; background-position: right top }
div#sub-navmenu li.active  { background: url("../images/nav_active_r.png") no-repeat left top; height: 37px }
div#sub-navmenu li.active a  { color: #333333; background-image: url("../images/nav_active_r.png"); background-repeat: no-repeat; background-position: right top; height: 32px }
/*NEW Menu*/
.wrapper1   { color: #44433f; font: 14px "Futura Medium", "Myriad Pro", "Gill Sans", Helvetica, Verdana, Arial, sans-serif; margin: 0 0 0 10px; padding: 4px 0 0 }
.wrapper1 a { color: #fff; text-decoration: none }
.wrapper1 a:hover { color: #09548b }
.wrapper1 p   { line-height: 18px; margin: 0 0 17px; padding: 0 }
.nav  { background-color: transparent; background-image: url("../images/destiny_top1.png"); background-repeat: no-repeat; background-attachment: scroll; padding-top: 8px; width: 943px; height: 62px; float: left }
.nav-wrapper { float: left; clear: both }
.nav ul { font-size: 18px; list-style: none; margin: 0; padding-top: 3px; height: 38px; float: left }
.nav li  { background: url("../images/seperator.png") no-repeat right top; margin-right: -2px; position: relative; z-index: 1; width: auto; float: left }
.nav li.last { background: transparent }
.nav li:hover  { z-index: 2 }
.nav li a  { line-height: 38px; display: block; float: left; overflow: hidden }
a .menu-left   { line-height: 38px; background-image: url("../images/menu_left_top.png"); background-repeat: no-repeat; background-attachment: scroll; background-position: left top; display: block; margin-top: 4px; width: 8px; height: 36px; float: left }
a .menu-mid     { line-height: 37px; background: url("../images/menu_mid_top.png") repeat-x left top; display: block; padding-right: 10px; padding-left: 10px; height: 40px; float: left }
a .menu-mid1    { line-height: 38px; background: url("../images/menu_mid_top_home.png") no-repeat center top; display: block; padding-right: 10px; padding-left: 10px; width: 50px; height: 40px; float: left }
a .menu-right    { line-height: 35px; background: url("../images/menu_right_top.png") no-repeat left top; display: block; margin-top: 4px; width: 8px; height: 36px; float: left }
.nav li a:hover .menu-home, .nav li.active a .menu-home, .nav li a:hover .menu-left, .nav li.active a .menu-left, .nav li:hover a .menu-left, .nav li a:hover .menu-mid, .nav li.active a .menu-mid, .nav li:hover a .menu-mid,.nav li a:hover .menu-right, .nav li.active a .menu-right, .nav li:hover a .menu-right   { line-height: 37px; background-position: 0 -37px }
.nav li a:hover .menu-mid1, .nav li.active a .menu-mid1, .nav li:hover a .menu-mid1 { line-height: 35px; background-position: center -41px }
.nav li a:hover, .nav li.active a, .nav li.hover a, .nav li:hover a { color: #fff }
.nav li:hover .sub, .nav li.hover .sub  { display: block }
.nav li .sub   { background: url("../images/submenu_top_black.png") no-repeat; display: none; margin-top: 3px; margin-left: -7px; padding-top: 9px; position: absolute; top: 27px; left: 6px; width: 186px }
.nav li ul   { font-size: 14px; background: url("../images/submenu_bg_black.png") repeat-y; list-style: none; margin: 0; padding: 0 12px 10px; width: 162px; height: auto }
.nav li:hover li, .nav li.active li { background: transparent !important; padding: 1px 0 2px; width: 100%; border-bottom: 1px dashed #555 }
.nav li:hover li a, .nav li.active li a  { color: #fff; line-height: normal; background: transparent !important; text-indent: 1px; padding: 8px 3px 3px; width: 156px }
.nav li:hover li a:hover, .nav li.active li a:hover   { color: #ff6f05; line-height: normal; text-decoration: none; background: #565656 }
.nav .btm-bg  { background: url("../images/submenu_bottom_black.png") no-repeat; width: 205px; height: 9px; clear: both; overflow: hidden }
/*IE*/
.nav li li a:hover, .nav li li a:hover { color: #fff; line-height: normal; text-decoration: none; background: #555 !important }
/**/
.content  { background: url("../images/content_bg.png") repeat-y; padding: 10px 20px; width: 670px; float: left }
.content h1 { color: #333; font-size: 18px; font-weight: 400; text-transform: uppercase; border-bottom: 1px dashed #c1d9f0 }
.content h2 { font-size: 14px; font-weight: 400; text-transform: uppercase; margin-bottom: -5px; padding-left: 10px }
.content p { text-align: justify; padding: 0 15px }
.content-bottom  { background: url("../images/content_bottom.png") no-repeat; width: 710px; height: 13px; float: left }