@charset "UTF-8";
/* Drive Agency: JP Revel */

/* set the relative font size of IE5-5.5 differently to everything else, and we scale it from there */


body {
	background-color : #000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size : 16px;
	line-height : 20px;
	color : #808285;
	text-align : center;
	border-top : 0 solid #fff;
	padding : 0;
	margin : 0;
}
img {
	border-style: none;
}
a {
	color: #808285;
}
/*Global Whitespace Reset*/
body, form, input {
	padding : 0;
	margin : 0;
}
#container {
	width: 945px;
	margin: 0 auto;
	padding: 0;/* box model hack 
	voice-family: "\"}\""; 
	voice-family:inherit;
	*/
}
/***** MASTHEAD ****/

#masthead {
	position:relative;
	height:193px;
	width:945px;
}
#masthead ul {
	margin:0;
	padding:0;
}
#masthead li {
	float:left;
	list-style:none;
	margin: 0;
	padding: 0;
}
#masthead .logo {
	top:0;
	left:0;
	border-style: none;
	margin : 0;
	padding:0;
	width: 259px;
	height: 193px;
}
#masthead .image {
	top:0;
	left:259px;
	border-style:none;
	margin : 0;
	padding: 0;
	width: 686px;
	height:193px;
}

.headerLogo 
{ 
   background: url(/images/cpl-logo-trans.png); 
   height: 193px; 
   width: 259px; 
   float: left; 
} 
 
.headerBanner 
{ 
   background: url(/images/header-1.png); 
   height: 193px; 
   width: 945px; 
} 
 
.headerBanner-1 { background: url(/images/header-1.png); } 
.headerBanner-2 { background: url(/images/header-2.png); } 
.headerBanner-3 { background: url(/images/header-3.png); } 
.headerBanner-4 { background: url(/images/header-4.png); } 
.headerBanner-5 { background: url(/images/header-5.png); } 
.headerBanner-6 { background: url(/images/header-6.png); } 
.headerBanner-7 { background: url(/images/header-7.png); } 

/***** NAVIGATION ******/

div#navbar {
	display : block;
	width : 945px;
	margin-bottom:0px;
	margin-top:0px;
	margin-right : auto;
	margin-left : auto;
}
ul#navlist {
	top:0;
	left:0;
	z-index: 2;
	background: #999 url(../images/vert_gradient.gif) top center repeat-x;
	display : inline;
	font-family : Arial, Verdana, Helvetica, sans-serif;
	font-weight:bold;
	text-align : center;
	border-right : 0 solid #fff;
	border-bottom : 0 solid #fff;
	border-left : 0 solid #fff;
	padding : 0;
	margin : 0;
	float : left;
	height: 29px;
	width: 945px;
}
ul#navlist li {
	display : inline;
	list-style:none;
	float : left;
	margin:0;
}
ul#navlist a {
	display : block;
	float : left;
	text-decoration : none;
	text-transform : uppercase;
	font-size : 10px;
	color : #fff;
	letter-spacing : 3px;
	border-right : 1px solid #999;
	white-space : nowrap;
	padding-right: 39px;
	padding-left: 40px;
	padding-top: 4px;
	padding-bottom: 4px;
	margin:0;
}
ul#navlist li a:hover {
	display : block;
	color:#FFCC00;
	background: url(../images/vert_gradient.gif) top center repeat-x;
}
#navlist .active {
	color:#fc0;
}
/***** BODY CONTENT ******/

div#bodycontent {
	z-index:3;
	background: #ebebeb url(../images/vines.gif) no-repeat;
	background-position:top right;
	width: 945px;
	margin: 0 auto;
	padding: 0;
	text-align:left;
}
div#gradient {
	background: url(../images/content_shadow.gif) center repeat-x top;
	width: 945px;
	height: 10px;
	margin:0;
	padding:0;
}

/* contact us page - one column */
div#onecolumncontent {
	background: url(../images/content_shadow.gif) center top;
	background-repeat:repeat-x;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #636466;
	float: left;
	width: 945px;
	margin: 0;
	padding: 0 0 50px 0;
}
div#onecolumncontent h2 {
	padding: 25px 0 0 50px;
	font-weight: bold;
	font-size: 14px;
	line-height: 20px;
	color: #636466;
}
div#onecolumncontent h3 {
	padding: 15px 0 5px 50px;
	margin:0;
	font-weight: bold;
	font-size: 14px;
	line-height: 20px;
	color: #636466;
}
div#onecolumncontent p {
	font-size: 12px;
	line-height: 18px;
	word-spacing: .15em;
	margin: 0;
	padding: 0 50px 20px 50px;
}

div #onecolumncontent ul {
   margin: 0;
   padding: 0 0 5px 80px;
   font-size: 12px;
}
div#onecolumncontent li {
   line-height: 18px;
}

div#onecolumncontent .justified {
   text-align: justify;
}

ul#contactList li {
   float:left;
   display:inline;
   text-decoration:none;
   list-style:none;
}

div#maincontent {
	background: url(../images/content_shadow.gif) center top;
	background-repeat:repeat-x;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #636466;
	float: left;
	width: 620px;
	margin: 0;
	padding: 0 0 50px 0;
}
div#maincontent h2 {
	padding: 25px 0 0 50px;
	font-weight: bold;
	font-size: 14px;
	line-height: 20px;
	color: #636466;
}
div#maincontent h3 {
	padding: 15px 0 5px 50px;
	margin:0;
	font-weight: bold;
	font-size: 14px;
	line-height: 20px;
	color: #636466;
}
div#maincontent h1 {
	padding: 25px 0 0 50px;
	font-weight: bold;
	font-size: 20px;
	line-height: 20px;
	color: #636466;
}
div#maincontent h4 {
	padding: 15px 0 5px 50px;
	margin:0;
	font-weight: bold;
	font-size: 12px;
	line-height: 20px;
	color: #636466;
}
div #maincontent p {
	font-size: 12px;
	line-height: 18px;
	word-spacing: .15em;
	margin: 0;
	padding: 0 20px 5px 50px;
}
div #maincontent ul {
	margin: 0;
	padding: 0 0 5px 80px;
	font-size: 12px;
}
div#maincontent li {
	line-height: 18px;
}

div#maincontent td {
	font-size: 14px;
}

.cent {
	text-align:center;
	}
div#separator {
	position: relative;
	background: url(../images/content_shadow.gif) center top;
	background-repeat:repeat-x;
	float:left;
	width: 20px;
	height: 400px;
	margin:0;
	padding:0;
}
div#separator img {
	padding:0;
}
div#subcontent {
   z-index:5;
	position: relative;
	background: url(../images/content_shadow.gif) center top;
	background-repeat:repeat-x;
	float: right;
	width: 305px;
	margin: 0 0 20px 0;
	padding: 0;
}
div#subcontent h2 {
	padding: 40px 0 0 20px;
	margin:0;
	font: 16px Verdana, Helvetica, sans-serif;
	font-weight:bold;
	color: #636466;
}
div#subcontent ul {
	margin:0;
	padding-top: 10px;
	padding-left: 20px;
	width: 270px;
}
div#subcontent .secondary {
	margin:0;
	padding-top: 40px;
	padding-left: 20px;
}

#subcontent li {
	font:bold 14px Verdana, Helvetica, sans-serif;
	display:block;
	list-style:none;
	line-height: 16px;
	margin:0;
	padding-bottom: 10px;
}
#subcontent li a {
	text-decoration:none;
}
#subcontent a:hover {
	color:#000;
}

li#greenlink a {
   color: #10A000;
   }
li#greenlink a:hover {
   color: #13B900;
}

.clear {
	clear:both;
}
.bodyimage {
	margin-left: 33px;
}

/* forms */

fieldset {
	margin-left: 100px;
	margin-top: 5px;
	margin-bottom: 0;
	margin-right: 0;
	width: 500px;
	padding: 0;
	border: 0;
}
.formline {
	width: 100%;
	padding:0;
	margin:0;
	clear:both;
}
fieldset li.pair {
	float:left;
	list-style:none;
	padding:10px 0 0 0;
	margin:0;
}
fieldset label {
	font: 10px Arial, Helvetica, sans-serif;
	line-height:10px;
	padding:0;
	margin: 0 0 0 3px;
	letter-spacing: .1em;
	color:#8d8f92;
	text-transform: uppercase;
}
fieldset input.text {
	border: 1px solid #8d8f92;
	padding: 0 5px 10px 0;
	margin: 0;
}

.req {
	color:#f00;
}
/***** FOOTER *****/


div#footerbar {
	height: 38px;
	width: 945px;
	border-top: 3px solid #eeb211;
	margin: auto;
	padding: 0;
	text-align:left;
}
div#footerleft {
	float:left;
	width: 260px;
	padding:0;
	margin-top: 1em;
}
#footercenter p {
	font: 0.7em Arial, Helvetica, sans-serif;
	margin:0;
   text-align: justify;
}
div#footercenter {
	float:left;
	width: 385px;
	padding: 0;
	margin-top: 1em;
	margin-bottom: 1em;
}
#footerleft p {
	font: 0.7em Arial, Helvetica, sans-serif;
	margin:0;
}
div#footerright {
	position:relative;
	float: left;
	margin-top: 1em;
	padding:0;
	width: 300px;
   white-space: nowrap;
}
img#grapes {
	position:absolute;
	left: 565px;
	top: -197px;
}
div#grapescontainer {
   position: relative;
   width: 945px;
   height: 0px;
}

ul#footerlinks {
	float:right;
	list-style: none;
	text-align: right;
   margin: 0px;
}
ul#footerlinks li {
	float:left;
	color: #fff;
	font: .7em Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	padding: .5em .8em;
	border-right: 1px solid #999;
}
ul#footerlinks li a {
	color:#fff;
	text-decoration:none;
}
ul#footerlinks li a:hover {
	color:#999;
}
/* SpryAccordion.css - version 0.4 - Spry Pre-Release 1.6 */

.Accordion {
	border-left: solid 1px gray;
	border-right: solid 1px black;
	border-bottom: solid 1px gray;
	overflow: hidden;
}
.AccordionPanel {
	margin-left: 25px;
	margin-bottom:0;
	margin-top:0;
	margin-right:0;
	padding: 0px;
}
.AccordionPanelTab {
	background-color: #CCCCCC;
	border-top: solid 1px black;
	border-bottom: solid 1px gray;
	margin: 0px;
	padding: 2px;
	cursor: pointer;
}
.AccordionPanelContent {
	overflow: auto;
	margin: 0px;
	padding: 0px;
	height: 150px;
}
/* This is an example of how to change the appearance of the panel tab that is
 * currently open. The class "AccordionPanelOpen" is programatically added and removed
 * from panels as the user clicks on the tabs within the Accordion.
 */
.AccordionPanelOpen .AccordionPanelTab {
	background-color: #000;
}
/* This is an example of how to change the appearance of the panel tab as the
 * mouse hovers over it. The class "AccordionPanelTabHover" is programatically added
 * and removed from panel tab containers as the mouse enters and exits the tab container.
 */
.AccordionPanelTabHover {
	color: #000;
}
.AccordionPanelOpen .AccordionPanelTabHover {
	color: #000;
}
/* This is an example of how to change the appearance of all the panel tabs when the
 * Accordion has focus. The "AccordionFocused" class is programatically added and removed
 * whenever the Accordion gains or loses keyboard focus.
 */
.AccordionFocused .AccordionPanelTab {
	background-color: #fff;
}
/* This is an example of how to change the appearance of the panel tab that is
 * currently open when the Accordion has focus.
 */
.AccordionFocused .AccordionPanelOpen .AccordionPanelTab {
	background-color: #fff;
}

/***** INTEGRATED PARTNERS CONTENT ******/

div#partnersbar {
	width: 945px;
	border-top: 3px solid #eeb211;
	margin: 0 auto;
	padding: 0;
	text-align: center;
}
div#partnerscontent {
   font: 0.7em Arial, Helvetica, sans-serif;
	background: #ebebeb;
	margin: 0 auto;
	padding: 0;
}

table#partnerslinks {
	list-style: none;
   margin: auto;
   padding: 0;
}
table#partnerslinks td {
	padding: 0px 10px 0px 10px;
   vertical-align: middle;
}
table#partnerslinks li a {
	color:#fff;
	text-decoration:none;
}
table#partnerslinks li a:hover {
	color:#999;
}
table#partnerslinks li img {
	border: 0px;
}

.partnersTable
{
   width: 100%;
}

.partnersTable td a
{
   text-decoration: none !important;
}

.partnersTable td
{
   font-size: 12px !important;
}
                                                                                                                                                            1,0-1         Top
   font-size: 12px !important;
}

.partnersTableRule
{
   background-color: lightgray;
   height: 1px;
}

.articleImageTable
{
   float:  right;
   margin: 0px 0px 15px 15px;
}

.articleImageTable
{
   border: 1px solid gray;
}

.articleImageCaption
{
   color:            white;
   background-color: gray;
   padding:          3px;
   font-size:        10px !important;
   font-style:       italic; 
}

.articleUpdateTimestamp
{
   font-size:  10px;
   text-align: right;
   font-style: italic;
}

/*--- Form Styles ----------------------------------------------------------*/
form
{
   font-size: 12px;
}

select
{
   width: 145px;
}

label
{
   display: inline-block;
   vertical-align: top;
}

.checkList label
{
   margin-left:20px;
}

.checkList label
{
   width:180px;
}

label.error 
{    
   color: red;    
   padding-left: 5px; 
   vertical-align: top; 
   width:180px;
}

.smallTextInput
{
   width: 50px;
}

.contactForm
{
   width: 450px;
   padding: 15px 15px 15px 0px;
   border: 1px solid gray;
   margin-left: 100px;
   background-color: #E7E7E7;
}