/*
	
	Author Name	  : Sean Aquino
	Author email  : sean [at] topengpajegan [dot] com
	Style Name	  : ynpn
	Created		  :	11-07
	Comments	  : Base styles take from yahoo ui library 
					Copyright (c) 2007, Yahoo! Inc. All rights reserved.  Code licensed under the BSD License: http://developer.yahoo.net/yui/license.txt version: 2.3.1
*/


/*  defaults for tags                     
**********************************************/
body{color:#000;background:#FFF;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup,sub{line-height:-1px;vertical-align:text-top;}
sub{vertical-align:text-bottom;}
input, textarea, select{font-family:inherit;font-size:inherit;font-weight:inherit;}



/* fonts                     
**********************************************/
body {font:13px/1.22 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}
table {font-size:inherit;font:100%;}
pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:99%;}

h2 {font-size:1.6em; line-height:1.8em; font-weight:bold; margin-bottom: 0.6em;}
h3 {font-size:1.4em; line-height:1.6em; font-weight:bold; margin-bottom: 0.4em;}
h4 {font-size:1.2em; line-height:1.4em; font-weight:bold; margin-bottom: 0.2em;}
h5 { font-size:1em; font-style:italic; font-weight:bold; line-height:1.4em; margin-bottom: 0.2em;}
h6 { font-size:1em; font-style:italic; font-weight:bold; line-height:1.4em; margin-bottom: 0.2em;}

p/*, table*/ {margin-bottom: 1em; line-height:1.2em;}

strong { font-weight:bold; }
em { font-style:italic;}

a, a:link { color:#4bb749; text-decoration:underline;}
a:hover { color:#c4446b;}
a:visited { color:#2b692a;}

.yui-b ul, .yui-b ol { margin-bottom:10px;}
.yui-b ul, .yui-b ul li {list-style: disc; margin-left:20px;}
.yui-b ol, .yui-b ol li {list-style:decimal; margin-left:20px;}

.yui-b form fieldset li {margin-left:0px;}
.yui-b form fieldset ul, .yui-b form fieldset ul li {list-style:none; margin-left:0px; margin-bottom:0px;}

blockquote {margin:10px; font-style:italic;}
/*td, th {padding:10px; border:1px solid #666666;}
th { color:#4bb749; font-weight:bold; font-size:1.2em; border-bottom:2px solid #666666;}*/

/* base layout                     
**********************************************/
html { margin: 0 0 1px 0; min-height: 100%;} /*prevents scrollbar shift*/
body{text-align:center;}
#ft{clear:both;}
#doc,#doc2,#doc3,#doc4,.yui-t1,.yui-t2,.yui-t3,.yui-t4,.yui-t5,.yui-t6,.yui-t7{margin:auto;text-align:left;width:57.69em;*width:56.301em;min-width:750px;}
#doc2{width:73.074em;*width:71.313em;}
#doc3{margin:auto 10px;width:auto;}
#doc4{width:74.923em;*width:73.117em;}
.yui-b{position:relative;}
.yui-b{_position:static;}
#yui-main .yui-b{position:static;}
#yui-main{width:100%;}
.yui-t1 #yui-main,.yui-t2 #yui-main,.yui-t3 #yui-main{float:right;margin-left:-25em;}
.yui-t4 #yui-main,.yui-t5 #yui-main,.yui-t6 #yui-main{float:left;margin-right:-25em;}
.yui-t1 .yui-b{float:left;width:12.3207em;*width:12.0106em;}
.yui-t1 #yui-main .yui-b{margin-left:13.3207em;*margin-left:13.0106em;}
.yui-t2 .yui-b{float:left;width:13.8456em;*width:13.512em;}
.yui-t2 #yui-main .yui-b{margin-left:14.8456em;*margin-left:14.512em;}
.yui-t3 .yui-b{float:left;width:23.0759em;*width:22.52em;}
.yui-t3 #yui-main .yui-b{margin-left:24.0759em;*margin-left:23.52em;}
.yui-t4 .yui-b{float:right;width:13.8456em;*width:13.512em;}
.yui-t4 #yui-main .yui-b{margin-right:14.8456em;*margin-right:14.512em;}
.yui-t5 .yui-b{float:right;width:18.4608em;*width:18.016em;}
.yui-t5 #yui-main .yui-b{margin-right:19.4608em;*margin-right:19.016em;}
.yui-t6 .yui-b{float:right;width:23.0759em;*width:22.52em;}
.yui-t6 #yui-main .yui-b{margin-right:24.0759em;*margin-right:23.52em;}
.yui-t7 #yui-main .yui-b{display:block;margin:0 0 1em 0;}
#yui-main .yui-b{float:none;width:auto;}
.yui-g .yui-gb .yui-u,.yui-gb .yui-g,.yui-gb .yui-gb,.yui-gb .yui-gc,.yui-gb .yui-gd,.yui-gb .yui-ge,.yui-gb .yui-gf,.yui-gb .yui-u,.yui-gc .yui-u,.yui-gc .yui-g,.yui-gd .yui-u{float:left;margin-left:2%;width:32%;}
.yui-gb .yui-gb .yui-u,.yui-gb .yui-gc .yui-u{*margin-left:1.8%;_margin-left:4%;}
.yui-g .yui-gb .yui-u{_margin-left:.8%;}
.yui-gb .yui-u{float:right;}
.yui-gb div.first{margin-left:0;float:left;}
.yui-g .yui-gb div.first,.yui-gb .yui-gb div.first{*margin-right:0;*width:32%;_width:31.7%;}
.yui-gb .yui-gc div.first,.yui-gb .yui-gd div.first{*margin-right:0;}
.yui-gb .yui-gd .yui-u{*width:66%;_width:61.2%;}.yui-gb .yui-gd div.first{*width:31%;_width:29.5%;}
.yui-g .yui-gc .yui-u,.yui-gb .yui-gc .yui-u{width:32%;_float:right;margin-right:0;_margin-left:0;}
.yui-gb .yui-gc div.first{width:66%;*float:left;*margin-left:0;}
.yui-gb .yui-ge .yui-u,.yui-gb .yui-gf .yui-u{margin:0;}
.yui-g .yui-u,.yui-g .yui-g,.yui-g .yui-gb,.yui-g .yui-gc,.yui-g .yui-gd,.yui-g .yui-ge,.yui-g .yui-gf,.yui-gc .yui-u,.yui-gd .yui-g,.yui-g .yui-gc .yui-u,.yui-ge .yui-u,.yui-ge .yui-g,.yui-gf .yui-g,.yui-gf .yui-u{float:right;}
.yui-g .yui-gc div.first,.yui-g .yui-ge div.first,.yui-g div.first,.yui-gc div.first,.yui-gc div.first div.first,.yui-gd div.first,.yui-ge div.first,.yui-gf div.first{float:left;}
.yui-g .yui-g .yui-u,.yui-gb .yui-g .yui-u,.yui-gc .yui-g .yui-u,.yui-gd .yui-g .yui-u,.yui-ge .yui-g .yui-u,.yui-gf .yui-g .yui-u{width:49%;*width:48.1%;*margin-left:0;}
.yui-g .yui-g div.first{*margin:0;}
.yui-gb .yui-g div.first{*margin-right:4%;_margin-right:1.3%;}
.yui-gb .yui-gb .yui-u{_margin-left:.7%;}
.yui-gb .yui-g div.first,.yui-gb .yui-gb div.first{*margin-left:0;}
.yui-gc .yui-g .yui-u,.yui-gd .yui-g .yui-u{*width:48.1%;*margin-left:0;}
.yui-g .yui-u,.yui-g .yui-g,.yui-g .yui-gb,.yui-g .yui-gc,.yui-g .yui-gd,.yui-g .yui-ge,.yui-g .yui-gf{width:49.1%;}
.yui-g .yui-gb div.first,.yui-gb div.first,.yui-gc div.first,.yui-gd div.first{margin-left:0;}
.yui-g .yui-gc div.first,.yui-gc div.first,.yui-gd .yui-g,.yui-gd .yui-u{width:66%;}
.yui-gd div.first,.yui-gb .yui-gd div.first{width:32%;}
.yui-g .yui-gd div.first{_width:29.9%;}
.yui-ge .yui-u,.yui-ge .yui-g,.yui-gf div.first{width:24%;}
.yui-gb .yui-ge div.yui-u,.yui-gb .yui-gf div.yui-u{float:right;}
.yui-gb .yui-ge div.first,.yui-gb .yui-gf div.first {float:left;}
.yui-ge div.first,.yui-gf .yui-g,.yui-gf .yui-u{width:74.2%;}
.yui-gb .yui-ge .yui-u,.yui-gb .yui-gf div.first{*width:24%;_width:20%;}
.yui-gb .yui-ge div.first,.yui-gb .yui-gf .yui-u{*width:73.5%;_width:65.5%;}
#bd:after,.yui-g:after,.yui-gb:after,.yui-gc:after,.yui-gd:after,.yui-ge:after,.yui-gf:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
#bd,.yui-g,.yui-gb,.yui-gc,.yui-gd,.yui-ge,.yui-gf{zoom:1;}
.yui-gb .yui-u{float:left;}

/* page styles                     
**********************************************/

/*general page styles*/
body { background:url(images/page-bg.png) repeat-x 0px 0px;}
#doc2 {background:#FFFFFF;}
#custom-doc { margin:auto;text-align:left; width:74.615em; *width:72.817em; min-width:950px; background:#FFFFFF; background:url(images/page-top.gif) 0px 0px no-repeat;}
#page-bot {padding:0px 10px 18px 10px; background:url(images/page-bot.gif) 0px bottom no-repeat;}
.clear {clear:both;}
.section-padding { padding:0 10px 0 20px;}


/*image replacement for site title */
#site-title {background: url(images/site-title.png) no-repeat 0px 0px; width:348px; height:76px;} /*should be same as page width*/
#site-title a { display: block; width:348px; height:76px;}
#site-title a:hover { background-color: transparent; text-decoration: none; }
#site-title span { display: block; width: 0; height: 0; overflow: hidden; }
#hd {background:url(images/rotate-hd.png) no-repeat right top;}

#navigation {background:url(images/nav-bg.png) repeat-x 0px 0px; padding:7px 0 10px 0; height:34px;}
#navigation li {display:inline; margin-left:20px; list-style:none; float:left;}
#navigation a, #navigation a:link, #navigation:visited { font-size:1.2em; color:#FFFFFF; text-decoration:none; display:block;}

/* Second Level Groups */
#navigation li ul { position: absolute; left: -999999px; margin:0; background:#079545; float:none; width:170px;}
#navigation li li { width: 170px; margin:0; padding:0;}
#navigation li li a { font-size:13px !important;padding:2px 10px;width:150px;}

/* Third Level Groups */
#navigation li li ul { margin:-20px 0 0 150px}

/* The Magic */
#navigation li:hover ul ul,
#navigation li:hover ul ul ul,
#navigation li.sfHover ul ul,
#navigation li.sfHover ul ul ul { left: -999em;}

#navigation li:hover ul,
#navigation li li:hover ul,
#navigation li li li:hover ul,
#navigation li.sfHover ul,
#navigation li li.sfHover ul,
#navigation li li li.sfHover ul { left: auto;}

/*Fix for the Sticking*/
#navigation  li:hover,
#navigation  li li:hover,
#navigation  li li li:hover,
#navigation  li.sfHover,
#navigation  li li li.sfHover,
#navigation  li li.sfHover { position:static;}


.greenhighlight { color:#4bb749; font-size:1.2em;}

.contentbox {background:url(images/contentbox-bot.gif) no-repeat 0px bottom; padding-bottom:30px; margin-bottom:20px;}
.contentbox-top { display:block; background:url(images/contentbox-top.gif) no-repeat 0px 0px; width:323px; margin-bottom:0; padding:5px 20px;} /*check this for ie */
.contentbox li, .contentbox ul li {background:url(images/contentbox-mid.gif) no-repeat 0px bottom; padding:5px 20px; min-height:50px; margin-left:0px; list-style:none;}
.contentbox ul {background:url(images/contentbox.gif) repeat-y 0px 0px;margin-left:0px; margin-bottom:0px;}
.contentbox-top, .contentbox-top h3, .contentbox-top a, .contentbox-top a:link, .contentbox-top a:hover, .contentbox-top a:visited {color:#FFFFFF; text-decoration: none;}
.contentbox a, .contentbox a:link, .contentbox a:visited {color:#000000; text-decoration: none;}
.contentbox a:hover {text-decoration:underline;}

.sidebar-padding {padding:0 10px; font-size:.9em;}
.sidebar-btn { display:block; background:url(images/sidebar-btn-bg.gif) no-repeat 0px 0px; padding:7px 10px; width:225px; margin-bottom:10px;}
.sidebar-btn, .sidebar-btn a, .sidebar-btn a:link, .sidebar-btn a:hover, .sidebar-btn a:visited {color:#FFFFFF; font-size:1.1em; text-decoration:none;}
#login-btn {margin-bottom:0px;}

#mailinglist-signup {background: url(images/mailinglist-bg.gif) no-repeat 0px 0px; padding:5px 10px; margin-bottom:20px; width:225px;}
#mailinglist-signup legend { font-size:1.2em; color:#FFFFFF; margin-bottom:20px;}
#mailinglist-signup li {margin-bottom:10px;}

#ft {background:url(images/footer-bg.png) repeat-x 0px 0px;}
#footer-title {background: url(images/footer-title.png) no-repeat 0px 0px; width:265px; height:44px;} /*should be same as page width*/
#footer-title a { display: block; width:265px; height:44px;}
#footer-title a:hover { background-color: transparent; text-decoration: none; }
#footer-title span { display: block; width: 0; height: 0; overflow: hidden; }
#ft a, #ft a:link, #ft:visited { font-size:1em; color:#FFFFFF; text-decoration:none;}
#ft-contactus { display:block; padding:17px 0 0 30px;}