#menu1
{
width: 100%;
height: 20px;
background-color: #fff;
}
#slogan
{
width: 100%;
height: 36px;
background-image: url(../images/common/cwc_slogan.jpg);
background-repeat: no-repeat; 
background-position: 20px 5px;
border-bottom: 1px solid #303030;
}

#banner
{
width: 100%;
height: 49px;
background-image: url(../images/common/bannerSliver.gif);
background-repeat: repeat-x;
background-position: 0px -101px;
} 

#pageArea
{
width:100%;
position:absolute;top:86px
}

.thirdsColumn
{
width: 31.33%;
float: left;
}

.twoThirdsColumn
{
width: 62.66%;
float: right;
}

.thirdsColumnGutter
{
width: 1.5%;
float: left;
}

.thirdsColumnGutterRight
{
width: 1.5%;
float: right;
}

.thirdsPanel
{
width: 100%;
}

.thirdsPanelStrap
{
width: 100%;
background-color: #EA7901;
margin-top: 10px;
border: 1px solid #EA7901;
}

.thirdsPanelBody
{
width: 100%;
background-color: #ccc;
border: 1px solid #EA7901;
padding-bottom: 10px;
overflow: auto;
}

.thirdsPanelBodyWhite
{
width: 100%;
background-color: #fff;
border: 1px solid #fff;
padding-bottom: 10px;
overflow: auto;
}

.thirdsPanelBodyWhite p, .thirdsPanelBody p
{ 
  margin: 5px;
  font-size:12px;
  color: #303030;
  text-align: justify;
}

.thirdsPanelBodyWhite li
{ 
  margin: 0px 0px 3px 30px;
  font-size:12px;
  color: #303030;
}

.thirdsPanelBodyWhite a
{ 
  color: #00f;
}

.thirdsPanelBodyWhite a:link, .thirdsPanelBodyWhite a:visited,
{ 
  color: #00f;
}

.thirdsPanelBodyWhite a:active
{ 
  color: #f00;
} 

.thirdsPanelBodyWhite a:hover
{ 
  color: #00f;
  text-decoration: underline;
}

.thirdsPanelBodyPink
{
width: 100%;
background-color: #f8d0a6;
border: 1px solid #EA7901;
padding-bottom: 10px;
overflow: auto;
}

.thirdsPanelBodyPink p
{ 
  margin: 5px;
  font-size:12px;
  color: #303030;
  text-align: justify;
}

.dynamicPanel
{
  display:none;
}

.blueLink
{
  color: #00f;
  font-weight: bold;
  text-decoration: none;
}

.blueLink:hover
{
  color: #f00;
} 

.blueLink:active
{
  color: #00f;
}
 


.panelTitle, .panelControl, .panelControlBlack
{
font-size:12px;
line-height: 20px;
color: #eee;
}

.panelTitle
{
font-weight: bold;
padding-left: 6px;
float: left;
}

.panelControl, .panelControlBlack
{
padding-right: 6px;
float: right;
} 

.panelControlBlack
{
color: #000;
font-weight:bold;
}

.panelControl a
{
color: #eee;
font-weight: bold;
text-decoration: none;
}

.panelControl a:hover
{
color: #00f;
font-weight: bold;
text-decoration: underline;
}

.panelControlBlack a:hover
{
color: #00f;
font-weight: bold;
text-decoration: underline;
} 

.panelControl a:active
{
color: #ff0;
} 

.panelControlBlack a:active
{
color: #f00;
}

.topOfList
{
color: #303030;
text-decoration: none;
font-weight: normal;
}

.topOfList:active
{
color: #f00;
font-weight: bold;
}

.topOfList:hover
{
color: #303030;
background-color:#ff0;
font-weight: bold;
}

.menu1Tabs1, .menu1Tabs2, .menu1Tabs1b, .menu1Tabs2b
{
display: block;
font-size: 12px;
line-height: 20px;
font-weight: bold;
color: #fff;
padding-left: 6px;
padding-right: 6px;
}

.menu1Tabs1
{
background-color: #EA7901;
width:70px;
float: left;
border-right: 1px solid #fff;
}

.menu1Tabs1b
{
text-align: center;
background-color: #000;
color:#ccc;
width:120px;
float: left;
border-right: 1px solid #fff;
}

.menu1Tabs2
{
background-color: #000;
width:70px;
float: right;
border-left: 1px solid #fff;
}

.menu1Tabs2b
{
text-align: center;
background-color: #000;
color:#ccc;
width:120px;
float: right;
border-left: 1px solid #fff;
}

a .menu1Tabs1, a .menu1Tabs2, a .menu1Tabs1b, a .menu1Tabs2b
{
	color: #fff;
}

a:hover .menu1Tabs1, a:hover .menu1Tabs2, a:hover .menu1Tabs1b, a:hover .menu1Tabs2b
{
	color: #000;
	background-color: #ff0;
}