/*********************************************************************************
* Conlet Plastics, Inc. Stylesheet                                               *
* File Name: conlet.css                                                          *
* Conlet Plastics Inc., Copyright 2008                                           *
* The contents of this file may not be copied, duplicated, or redistributed      *
* in any form without the prior written consent of Conlet Plastics, Inc.         *
**********************************************************************************/

/***************************************************************************
** IF YOU ADD STYLES TO THE FILE, MAKE SURE IT DOESN'T ALREADY EXIST,    ***             
** INTELLESENCE WILL NOT CATCH IT!                                       ***
****************************************************************************/

/*<agl.folder "Reset">*/
body, ul, li, ol, img, pre, p, h1, h2, h3, h4, h5, h6 { margin:0; padding:0; list-style: none; border: none; }
td { vertical-align: top; }
a, a:link, a:visited { color: #5189BF; text-decoration: underline; }
a:hover { color: #5189BF; font-weight: bold; }
/*</agl.folder>*/

/*<agl.folder "Master Styles">*/
body { background-color: #FFF; font-family: Tahoma, Geneva, sans-serif; font-size: 11px; color: #000; }
#MasterContainer { margin: 0 auto; width: 1010px; }
#MasterContent { width: 100%; border: none; }
/*</agl.folder>*/

/*<agl.folder "Header">*/
#Header { width: 100%; height: 121px; }
/*</agl.folder>*/

/*<agl.folder "TopNav">*/
.ddsmoothmenu{ background-image: url(../images/backgrounds/topNav.jpg); background-repeat: repeat-x; font-family: Verdana, Geneva, sans-serif; font-size: 12px; background-color: #0D004C; color: #B3B3B3; width: 100%; height: 25px; }
.ddsmoothmenu ul { z-index: 100; margin: 0; padding: 0; list-style-type: none; }
.ddsmoothmenu ul li { position: relative; display: inline; float: left; }
.ddsmoothmenu ul li a { display: block; background: url(../images/backgrounds/topNav.jpg) #0D004C; padding: 5px 10px; border-right: 1px solid #778; color: #B3B3B3; text-decoration: none; }
* html .ddsmoothmenu ul li a { display: inline-block; }
.ddsmoothmenu ul li a:link, .ddsmoothmenu ul li a:visited{ color: #B3B3B3; }
.ddsmoothmenu ul li a.selected { background: #0D004C; color: #FFF; }
.ddsmoothmenu ul li a:hover { background: #0D004C; color: #FFF; }
.ddsmoothmenu ul li ul { position: absolute; left: 0; display: none; visibility: hidden; }
.ddsmoothmenu ul li ul li { display: list-item; float: none; }
.ddsmoothmenu ul li ul li ul { top: 0; }
.ddsmoothmenu ul li ul li a { font: normal 13px Verdana; width: 160px; padding: 5px; margin: 0; border-top-width: 0; border-bottom: 1px solid gray; }
* html .ddsmoothmenu {height: 1%;}
.downarrowclass { position: absolute; top: 8px; right: 7px; }
.rightarrowclass { position: absolute; top: 6px; right: 5px; }
.ddshadow { position: absolute; left: 0; top: 0; width: 0; height: 0; background: silver; }
.toplevelshadow{ opacity: 0.2; }
/*</agl.folder>*/

/*<agl.folder "Media Container">*/
#MediaContainer { background-image: url(../images/backgrounds/P5190005.jpg); background-repeat: no-repeat; width: 992px; height: 300px; }
/*</agl.folder>*/

/*<agl.folder "Breadcrumbs">*/
#Breadcrumbs { height: 20px; width: 100%; background: #0D004C; color: #B3B3B3; font-size: 11px; }
#Breadcrumbs .Left { float: left; width: 50% }
#Breadcrumbs .Left ul { margin: 3px 10px; color: #B3B3B3; font-size: 11px; }
#Breadcrumbs .Left ul li { padding: 0px 5px 0px 5px; float: left; }
#Breadcrumbs .Left ul li a, a:visited { color: #B3B3B3; text-decoration: none; }
#Breadcrumbs .Left ul li a:hover { color: #FFF; text-decoration: underline; }
#Breadcrumbs .Right { float: right; margin-top: 4px; margin-right: 10px; }
/*</agl.folder>*/

/*<agl.folder "PrimaryContent">*/
#PrimaryContent { float: left; width: 98%; margin: 10px; }
#Columns .Column { float: left; width: 33.3%; min-height: 400px; height: auto !important; height: 400px; }
#Columns #Column1 .Widget { margin: 0px 6px 0 0px; background: #5189BF; }
#Columns #Column2 .Widget { margin: 0px 0px 0 0px; background: #5189BF; }
#Columns #Column3 .Widget { margin: 0px 0px 0 6px; background: #5189BF; }
#Columns .Widget { margin: 0px 0px 0 0px; padding: 2px; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
#Columns .Widget .Widget-Head { background-image: url(../images/backgrounds/WidgetHead.png); background-repeat: repeat-x; color: #222; overflow: hidden; width: 100%; height: 25px; }
#Columns .Widget .Widget-Head h3 { padding: 3px 5px; font-size: 12px; float: left; }
#Columns .Widget .Widget-Content { background: #FFF; padding: 10px 10px; color: #000; border: 1px solid #666; -moz-border-radius-bottomleft: 2px; -moz-border-radius-bottomright: 2px; -webkit-border-bottom-left-radius: 2px; -webkit-border-bottom-right-radius: 2px; }
#Columns .Widget .Widget-Content h2 { color: #0D004C; font-size: 12px; font-weight: bold; }
#Columns .Widget .Widget-Content p { padding: 0.8em 0; line-height: 15px; }
#Columns .Widget .Widget-Content img { float: left; margin: 0px 7px 0px 0px; border: 2px solid #000; }
#Columns .Widget .Widget-Content pre { padding: 0.5em 5px; color: #EEE; font-size: 12px; line-height: 1.2em; overflow: hidden; }
#Columns .Widget .Widget-Content ul { padding: 5px 0 5px 20px; list-style-type: disc; }
#Columns .Widget .Widget-Content ul li { padding: 3px 0; line-height: 15px; }
#Columns .Widget .Widget-Content ul.images { padding: 7px 0 0 0; list-style: none; height: 1%;}
#Columns .Widget .Widget-Content ul.images li { display: inline; float: left; }
#Columns .Widget .Widget-Content ul.images img { float: left; margin: 0 0 0px 0px; }
.picture { background-color: #F9F9F9; border: 1px solid #CCCCCC; padding: 3px; font: 11px/1.4em Arial, sans-serif; text-align: center; border: 1px solid #CCCCCC; vertical-align:middle; margin-bottom: 3px; float: left; } 
/*</agl.folder>*/

/*<agl.folder "PhotoGallery">*/
#facebox .b { background: url(../images/backgrounds/b.png); }
#facebox .tl { background:url(../images/backgrounds/tl.png); }
#facebox .tr { background:url(../images/backgrounds/tr.png); }
#facebox .bl { background:url(../images/backgrounds/bl.png); }
#facebox .br { background:url(../images/backgrounds/br.png); }
#facebox { position: absolute; width: 100%; top: 0; left: 0; z-index: 100; text-align: left; }
#facebox .popup { position: relative; }
#facebox table {  margin: auto; border-collapse: collapse; }
#facebox .body { padding: 10px; background: #fff; width: 370px; }
#facebox .loading { text-align: center; }
#facebox .image { text-align: center; }
#facebox img { border: 0; }
#facebox .footer { border-top: 1px solid #DDDDDD; padding-top: 5px; margin-top: 10px; text-align: right; }
#facebox .tl, #facebox .tr, #facebox .bl, #facebox .br { height: 10px; width: 10px; overflow: hidden; padding: 0; }
/*</agl.folder>*/

/*<agl.folder "Footer">*/
#Footer { width: 100%; height: 25px; background: #0D004C; font-size: 10px; color: #B3B3B3; clear: both; }
#Footer .Left { float: left; }
#Footer .Left p { margin: 5px 10px; padding: 0px; }
#Footer .Right { float: right; width: 240px; }
#Footer .Right ul { margin-top: 5px; margin-right: 10px; }
#Footer .Right ul li { padding: 0px 5px 0px 5px; float: left; }
#Footer .Right ul li a, a:visited { color: #B3B3B3; text-decoration: none; }
#Footer .Right ul li a:hover { color: #FFF; text-decoration: underline; }
/*</agl.folder>*/

/*<agl.folder "Floats">*/
.fltLft { float: left; }
/*</agl.folder>*/

/*<agl.folder "Text Alignment">*/
.txtLeft { text-align: left; }
.txtCntr { text-align: center; }
.txtRight { text-align: right; }
/*</agl.folder>*/

/*<agl.folder "Forms">*/
form table { border: none; }
fieldset { border: 1px solid #0D004C; }
label { white-space: nowrap; }
/*</agl.folder>*/

/*<agl.folder "Text Colors">*/
.txt001 { color: #FF0000; }
/*</agl.folder>*/

/*<agl.folder "Text and Fonts">*/
.errorTxt { color: #FF0000; font-style: italic; }
/*</agl.folder>*/

/*<agl.folder "Background Images">*/
.shadowLeft { background-image: url(../images/shadows/shadowLeft.png); background-repeat: repeat-y; width: 10px; height: 100%; }
.shadowRight { background-image: url(../images/shadows/shadowRight.png); background-repeat: repeat-y; width: 10px; height: 100%; }
/*</agl.folder">*/