/* PLDL.org Stylesheet */

/* Body */
body{color:#000000;font-size:10pt;font-family:Verdana, Arial, Helvetica, sans-serif;margin:5px;}
div#page{text-align:left;width:780px;border:solid 1px #2c9bd5;}
h2{color:#00a750;margin-top:0;margin-bottom:10px;}
h3{font-size:12px;margin:10px 0 0}
h3 a{color:black}
h4{color:white;font-size:10px;font-weight:bold;background-color:#008aC9;margin:0 0 10px;padding:3px;vertical-align:middle}
h4 a{color:white}
h4 a:hover{color:white;text-decoration:none}
h4 img{margin-right:10px;width:12px;height:12px;vertical-align:text-bottom}
form{margin-top:0;padding-top:0;}
.form span{clear:both;}
.form span label{float:left}
.form span input, form span textarea, form span select{float:right}

/* Backgrounds Colors */
.bg_main{background-color:#fff;}
.bg_header{background-color:#fff;}
.bg_search_box{background-color:#bad1ed;padding-top:3px;padding-bottom:3px;padding-left:3px;}
.bg_nav_left_header{background-color:#00a750;padding-top:3px;padding-bottom:3px;padding-left:3px;}
.bg_nav_left{background-color:#fff;}
.bg_nav_left_selected{background-color:#00a750;}
.bg_nav_right_header{background-color:#00a750;padding-top:3px;padding-bottom:3px;padding-left:3px;}
.bg_nav_right{background-color:#bad1ed;padding:3px;}

/* Common Styles */
.header_category_name{color:#990000;font-family:impact, Arial, Helvetica, sans-serif;font-size:26px;font-weight:bold;text-transform:uppercase;}
.header_breadcrumb{color:navy;font-size:18px;font-family:Verdana, Arial, Helvetica, sans-serif;font-weight:bold;text-transform:uppercase;}
.header_breadcrumb a{color:maroon;text-decoration:none;}
.header_breadcrumb a:hover{color:#660000 !important;text-decoration:underline;}

.logo_text{font-family:Times New Roman, Arial, Helvetica, sans-serif;font-size:42px;font-weight:bold;letter-spacing:-0.05em}
.logo_sub{font-family:Arial, Helvetica, sans-serif;font-size:14px;font-weight:bold;letter-spacing:-0.05em}

.image_caption{font-family:Arial, Helvetica, sans-serif;font-size:10px;}
.more_headlines{color:#CCCCCC;font-family:Arial, Helvetica, sans-serif;font-size:12px;font-weight:bold;}
.general_text{font-family:Arial, Helvetica, sans-serif;font-size:12px;}


/* Header */
div#headnav{position:absolute;top:6px;left:554px;width:158px;z-index:5;}
img#head-right{position:absolute;top:6px;left:712px;}

/* Quick */
div#quick{background-color:#00a750;width:220px;float:right;margin-left:10px;}
.quick_form{font-family:Arial, Helvetica, sans-serif;font-size:12px;font-weight:bold;padding:3px;}

/* Date */
div#Date{color:white;font-size:10px;font-weight:bold;background-color:#00a750;padding-top:3px;padding-right:10px;padding-bottom:3px;}

/* Login */
div#Login{background-color:#00a750;width:220px;float:right;clear:right;margin-top:10px;margin-left:10px;}
/* Left Navigation (Category List) */
div#LeftMenu{color:black;font-size:12px;margin:0;padding:0;width:130px ;float:left;}
#LeftMenu .home{color:white;font-weight:bold;background-color:#00a750;border-top:1px solid white;display:block}
#LeftMenu span.home a{color:white;text-decoration:none;display:block;margin:0;padding:3px 0 3px 6%;width:100%}
#LeftMenu span.home a:hover{color:white;text-decoration:none}
ul#mainmenu{background-color:#b9d9ba;list-style:none;margin:0;padding:0}
#mainmenu li{display:block;padding:3px 3% 3px 5%;border-top:1px solid white}
#mainmenu li.selected{color:white;background-color:#00a750;font-weight:bold;}
#mainmenu li.selected a{color:white;text-decoration:none;margin:0;width:100%}
#mainmenu li.selected a:hover{color:white}
#mainmenu li a{color:black;text-decoration:none;margin:0;width:100%}
#mainmenu li a:hover{color:black}
#mainmenu li.depth2{font-size:10px;background-color:#bad1ed;border-top:0 none}
#mainmenu li.depth2selected{color:white;background-color:#00a750;font-size:10px;border-top:0 none}
#mainmenu li.depth2 a:hover{text-decoration:underline}
#mainmenu li.depth2selected a{color:white;text-decoration:none;margin:0;width:100%}
#mainmenu li.depth2selected a:hover{color:white}
#mainmenu li.depth3{font-size:10px;font-style:italic;background-color:#b9d9ba;padding-left:10%;border-top:0 none}
#mainmenu li.depth3selected{color:white;background-color:#00a750;font-size:10px;font-style:italic;padding-left:10%;border-top:0 none}
#mainmenu li.depth3 a:hover{text-decoration:underline}
#mainmenu li.depth3selected a{color:white;text-decoration:none;margin:0;width:100%}
#mainmenu li.depth3selected a:hover{color:white ;}
#mainmenu li.depth4{font-size:10px;background-color:#b9d9ba;padding-left:15%;border-top:0 none}
#mainmenu li.depth4selected{color:white;background-color:#00a750;font-size:10px;padding-left:15%;border-top:0 none}
#mainmenu li.depth4 a:hover{text-decoration:underline}
#mainmenu li.depth4selected a{color:white;text-decoration:none;margin:0;width:100%}
#mainmenu li.depth4selected a:hover{color:white}

.nav_left_header_text{color:white;font-size:12px;font-weight:bold;}
.nav_right_header_text{color:white;font-size:12px;font-weight:bold;}
/* Search */
div#Search{margin-top:10px;}
.advancedsearch_link{font-size:10px;font-weight:bold;text-align:center;padding-top:3px;}

/*ArtMan Content */
div#content{width:630px;float:right;}

/* Right Navigation (Headlines) */
.nav_right_header{color:#000000;font-family:Arial, Helvetica, sans-serif;font-size:15px;font-weight:bold;}
.nav_right_headlines{font-family:Arial, Helvetica, sans-serif;font-size:11px;font-weight:regular;}
.nav_right_category_name{font-family:Arial, Helvetica, sans-serif;font-size:11px;font-weight:bold;}

.nav_right_category_header{color:#990000;font-family:impact, Arial, Helvetica, sans-serif;font-size:15px;font-weight:regular;text-transform:uppercase;}

/* Home Page SECTIONS */
div#Sections{position:relative;clear:both;margin-top:25px;}
div#section1{width:151px ;float:left;margin-right:7px;margin-bottom:10px;}
div#section2{width:151px ;float:left;margin-right:7px;margin-bottom:10px;}
div#section3{width:151px ;float:left;margin-right:7px;margin-bottom:10px;}
div#section4{width:151px ;float:left;margin-bottom:10px;}

/* Article Summaries */
.summary_title{color:#000000;font-family:Arial, Helvetica, sans-serif;font-size:16px;font-weight:bold;}
.summary{font-family:Arial, Helvetica, sans-serif;font-size:12px;}
.summary_date{font-family:Arial, Helvetica, sans-serif;font-size:10px;}

.summary_breadcrumb{color:#000000;font-family:Arial, Helvetica, sans-serif;font-size:12px;font-weight:bold;}
.summary_breadcrumb a{color:#666666 !important;text-decoration:none;}
.summary_breadcrumb a:hover{color:#333333 !important;text-decoration:underline;}


/* Article Pages */
.article_title{font-family:Arial, Helvetica, sans-serif;font-size:16px;font-weight:bold;}
.article_text{font-family:Arial, Helvetica, sans-serif;font-size:12px;}

.bg_printer_page{background-color:#fff;}

/* Footer */
div#footer{background-image:url(/images/footer/footer.jpg);background-repeat:no-repeat;text-align:center;width:780px;clear:both;padding-top:63px;padding-bottom:2px;}
.copyright{color:white;font-size:10px ;font-weight:bold;}

/*Rounded Corners */
.roundedCornerSpacer{
margin:0px;padding:0px;border:0px;
clear:both;
font-size:1px;line-height:1px;
}
/* In the CSS below, the numbers used are the following:
1px:the width of the border
3px:a fudge factor needed for IE5/win (see below)
4px:the width of the border (1px) plus the 3px IE5/win fudge factor
14px:the width or height of the border image
*/
.borderTL, .borderTR, .borderBL, .borderBR{
width:14px;height:14px;
padding:0px;border:0px;
z-index:99;
}
.borderTL, .borderBL{float:left;clear:both;}
.borderTR, .borderBR{float:right;clear:right;}
.borderTL{margin:-1px 0px 0px -1px;}
.borderTR{margin:-1px -1px 0px 0px;}
.borderBL{margin:-14px 0px 0px 0px;}
.borderBR{margin:-14px 0px 0px 0px;}
/* IE5-5.5/win needs the border scooted to the left or right by an
additional 3px! Why? */
.borderTL{
margin-left:-4px;
}
html>body .borderTL{
margin-left:-1px;
}
.borderTR{
margin-right:-4px;
}
html>body .borderTR{
margin-right:-1px;
}
.borderBL{
margin-left:-3px;
ma\rgin-left:-3px;
}
html>body .borderBL{
margin-left:0px;
}
.borderBR{
margin-right:-3px;
}
html>body .borderBR{
margin-right:0px;
}
/* To get around a known bug in IE5/win, apply the
border (no margin, padding or positioning) to the
content class and apply whatever positioning you
want to the contentWrapper class. */
.content{
margin:0;
padding:0;

}
.contentWrapper{
/* position this div however you want, but
keep its padding and border at zero */
padding:0px;
border:0px;
}

/* Contact */
#contact_form{width:50%;float:right;}
.contact_us{height:200px;}
.error{color:red;font-weight:bold;}
.google{width:50%;float:right;clear:right;margin-top:10px;}

/* Webcam */
#webcam{position:absolute;top:164px;left:5px;}