/* CSS Document */

html
{
  font-size:.8em;
  font-family:Arial, Verdana, sans-serif;
}


body
{
  margin:0px;
  padding:0px;
}

body > div
{
  border-top:15px solid white;
}

#body
{
  background:url(/img/body.bg.png) repeat-y;
  width:972px;
  margin:0px auto;
  border-right:1px solid #cccccc;
  border-left:1px solid #cccccc;
}

a:link,
a:visited
{
  text-decoration:none;
}

a:active,
a:hover
{
  text-decoration:underline;
}

a img
{
  border:0px;
}

.c
{
  clear:both;
}

th,
td
{
  vertical-align:top;
  text-align:left;
}


#content
{
  width:960px;
  margin:0px auto;
}


div.head
{
  background:white;
  background-repeat:no-repeat;
  border-top:1px solid #cccccc;
  border-bottom:1px solid #cccccc;
}

div.headBg
{
  width:532px;
  height:173px;
  float:left;
  overflow:hidden;
}

div.breadcrumps
{
  background:url(/img/bread.bg.png) repeat-x;
  padding:5px 0px 5px 15px;
  font-size:.85em;
  margin:150px 0px 0px 0px;
}

div.breadcrumps a:link,
div.breadcrumps a:visited
{
  background:url(/img/bread.arrow.gif) no-repeat 0px 3px;
  color:#ffffff;
  padding:0px 11px;
}


div.permNav
{
  float:left;
  height:173px;
  width:220px;
  overflow:hidden;
  text-align:center;
  background:#666666;
}

div.permNav img
{
  border-bottom:1px solid #cccccc;
}

div.permNav ul
{
  float:left;
  padding:4px 0px;
  list-style:none;
  margin:0px 4px;
}

div.permNav ul li
{
  float:left;
  font-size:.8em;
  border-left:1px solid #999999;
  padding:0px 12px;
}

div.permNav ul li:first-child
{
  border-left:0px;
}

div.permNav ul li a
{
  display:block;
  color:#ffffff;
  font-size:1.1em;
}



.head h1
{
  float:left;
  height:173px;
  width:220px;
  margin:0px;
  padding:0px;
}

.head h1 img
{
  border:0px;
}


ul.menu
{
  clear:left;
  list-style:none;
  padding:0px;
  margin:0px 0px 0px 223px;
  height:25px;
}

ul.menu li
{
  float:left;
}

ul.menu li a:link,
ul.menu li a:visited
{
  display:block;
  padding:5px 0px 5px 0px;
  text-decoration:none;
  color:black;
  margin:0px 14px;
  font-size:1.05em;
}

ul.menu li a:hover,
ul.menu li a:active,
ul.menu li a.act:link,
ul.menu li a.act:visited
{
}

ul.menu li ul.lvl2 
{
  position:absolute;
  list-style:none;
  padding:0px;
  margin:0px;
  font-size:.95em;
  display:none;
  overflow:hidden;
}

ul.menu li ul.lvl2 {
  margin:-4px 0px 0px 2px;
  padding:0px;
  white-space:nowrap;
}

ul.menu li:hover ul.lvl2 {
  display:block;
}  

ul.menu li ul.lvl2 li {
  float:left;
}

ul.menu li ul.lvl2 li a:link,
ul.menu li ul.lvl2 li a:visited 
{
  padding:7px 0px 6px 12px;
  margin:0px 0px 0px 0px;
  color:#999999;
}

ul.menu li ul.lvl2 li a:hover,
ul.menu li ul.lvl2 li a:active 
{
  color:#cc0000;
  border:0px; 
}


/**********************  left area  ****************************/
#left
{
  clear:both;
  float:left;
  width:220px;
  margin:30px 0px 0px 0px;
  padding:0px;
  border-bottom:1px solid white;
}

#left ul
{
  list-style:none;
  margin:0px;
  padding:0px;
}

#left li.hide
{
  display:none;
}

.homeLeft ul
{
  display:none;
}

#left ul li
{
  border-top:1px solid white;
}

#left ul li div.top
{
  color:#ffffff;
  background:#cc0000;
  padding:2px 8px;
  font-weight:bold;
  font-size:.95em;
}


#left ul li a:link,
#left ul li a:visited
{
  background:#e7e7e7;
  display:block;
  color: #666666;
  font-size:.9em;
  padding:4px 28px;
}

#left ul li ul li ul a:link,
#left ul li ul li ul a:visited
{
  padding-left:16px;
}

#left ul li a:hover,
#left ul li a:active
{
  background:url(/img/link.arrow.gif) no-repeat 15px 7px;
  text-decoration:none;
}

#left ul li a.act:link,
#left ul li a.act:visited,
#left ul li div.actSub a.act:link,
#left ul li div.actSub a.act:visited
{
  background:url(/img/link.arrow.gif) no-repeat 15px 7px;
  border-top:1px solid #ccc;
  border-bottom:1px solid #ccc;
  padding:3px 28px;
}

#left ul li div.actSub a.act:link,
#left ul li div.actSub a.act:visited
{
  border-bottom:0px;
  padding-bottom:5px;
}

#left ul li div.actSub
{
  border-bottom:1px solid #ccc;
}

#left ul li div.actSub ul li a:link,
#left ul li div.actSub ul li a:visited,
#left ul li div.actSub ul li a.act:link,
#left ul li div.actSub ul li a.act:visited
{
  border:0px;
  background:none;
  font-size:.8em;
  padding:3px 40px;
}

#left ul li div.actSub ul li a:hover,
#left ul li div.actSub ul li a:active
{
  text-decoration:underline;
}


#left ul li div.actSub ul li a.act:link,
#left ul li div.actSub ul li a.act:visited 
{
  font-weight:bold;
  padding:3px 0px 4px 40px;
}

div.csc-textpic div.csc-textpic-imagewrap dl.csc-textpic-image 
{
  margin:0px 0px 0px 0px;
}

#left div.csc-textpic div.csc-textpic-imagewrap dl.csc-textpic-image img
{
  margin:0px 0px 4px 0px;
}

#mainContent
{
  padding:30px 15px;
  width:496px;
  float:left;
  font-size:.8em;
  margin-right:6px;
}


#mainContent .preTitle
{
  font-size:1.3em;
  color:#999999;
}

#mainContent h1,
#mainContent h2,
#mainContent h3,
#mainContent h4,
#mainContent h5,
#mainContent h6
{
  float:none;
  margin:0px 0px 1em 0px;
  padding:1px 0px 0px 0px;
  font-size:1.8em;
  height:auto;
  font-weight:normal;
}

#mainContent h2
{
  font-size:1em;
  background:#e7e7e7;
  color:#000000;
  padding:2px 5px;
  text-transform:uppercase;
  letter-spacing:.1em;
  margin:3em 0px 1.5em 0px;
}

#mainContent h3
{
  font-size:1.3em;
  color:#999999;
}
#mainContent h4
{
  font-size:1.2em;
  color:#999999;
}
#mainContent h5, 
#mainContent h6
{
  color:#aaaaaa;
}

#mainContent a:link,
#mainContent a:visited
{
  padding-left:14px;
  background:url(/img/link.arrow.gif) no-repeat 1px 4px;
  color:#000000;
}


#mainContent p.bodytext
{
  color:#333333;
  font-size:1.2em;
  line-height:1.6em;
  margin:0em 0em 1em 0em;
}


#mainContent div.newsItem
{
  margin:10px 0px;
  padding:0px 0px 10px 0px;
}

#mainContent div.newsItem img
{
  float:left;
  margin:0px 10px 0px 0px;
}

#mainContent div.newsItem div.newsDate
{
  color:#999999;
  font-size:1em;
}

#mainContent div.newsItem div.newsContent
{
  float:left;
  width:324px;
}

#mainContent div.newsItem a {
  background:url(/img/arrow.bgred.png) #fff no-repeat;
  padding:0px 4px 0px 18px;
  color:#888;
  font-size:1em;
}

#mainContent div.newsItems
{
  padding:0px;
  margin:5px 0px 0px 0px;
  padding:5px 0px;
  border-bottom:1px solid #e7e7e7;
}

#mainContent div.newsItems img
{
  float:left;
  margin:5px 10px 10px 0px;
}

#mainContent div.newsItems h3
{
  background:none;
  padding:0px;
  font-weight:bold;
  color:#333333;
  clear:none;
  margin:5px 0px .2em 0px;
}

#mainContent div.newsItems h3 span.date
{
  font-size:.8em;
  display:block;
  color:#999999;
  font-weight:normal;
}

#mainContent div.newsItems p
{
  margin:0px 0px .5em 0px;
  line-height:1.5em;
  font-size:1.2em;
}

#mainContent div.newsArchive
{
  text-align:right;
  margin:5px 10px 20px 0px;
}


#mainContent div.archivePages 
{
  padding:0px;
  text-align:center; 
}

#mainContent div.archivePages a:link,
#mainContent div.archivePages a:visited
{
  padding:4px 0px;
  background:none;
}

#mainContent div.newsLink,
#mainContent div.newsArchive
{
  color:#cc0000;
  margin:5px 0px;
}

#mainContent div.newsLink a,
#mainContent div.newsArchive a
{
  font-size:1.2em;
  color:#333333;
}

#right
{
  padding:30px 15px;
  width:167px;
  float:left;
  overflow:hidden;
  font-size:.9em;
}

#right h1
{
  float: none;
  font-size:.9em;
  background:#e7e7e7;
  height:14px;
  font-weight:normal;
  color:black;
  padding:3px 0px 2px 9px;
  margin:0px 0px 0px 0px;
  width:173px;
  text-transform:uppercase;
  letter-spacing:.1em;
}

#right h1.csc-firstHeader
{
  margin-top:0px;
}

#right div.csc-textpic
{
  padding:0px;
  border:1px solid #e7e7e7;
  width:180px;
  overflow:hidden;
  margin:0px 0px 15px 0px;
}

#right p
{
  margin:0px 7px 5px 7px;
}

#right p.borderBottom
{
  margin:0px 7px 6px 7px;
  padding-bottom:6px;
}

#right a:link,
#right a:visited
{
  background:url(/img/link.arrow.gif) no-repeat 0px 4px;
  padding:0px 4px 0px 14px;
  color:#666;
}


.footer
{
  clear:both;
  padding:4px 0px 4px 237px;
  font-size:.85em;
  bottom:0px;
  border-top:1px solid #e5e5e5;
  color:#999999;
}

.footer .static
{
  float:right;
  padding-right:20px;
}

.footer a
{
  color:#999999;
}

.footer span
{
  color:#999999;
  padding:0px 4px;
}

/**
 * formmailer
 **/ 
form.contactForm {
  margin-bottom:20px;
} 

form.contactForm div.formField {
  clear:left;
  margin:0px;
  padding:2px 0px;
}

form.contactForm label,
form.contactForm div.label {
  font-size:.9em;
  font-weight:bold;
  float:left;
  color:black;
  width:40%;
  display:block;
  margin-top:12px;
}

form.contactForm div.label {
  margin-top:10px;
  font-size:.9em;
}

form.contactForm label span,
form.contactForm div.label span {
  font-size:.8em;
  font-weight:normal;
  color:#666;
}

form.contactForm div.input {
  float:left;
  width:55%;
  margin:0px;
  padding:12px 0px 0px 5px;
}

form.contactForm input.box,
form.contactForm input.radio {
  clear:left;
  float:left;
  padding:0px;
}

form.contactForm div.input label {
  float:left;
  font-weight:normal;
  font-size:.9em !important;
  margin:2px 0px 0px 5px;
}


form.contactForm input.text,
form.contactForm textarea
{
  width:100%;
  font-size:.9em;
  border:1px solid #aaa;
  padding:2px 3px;
  font-family:Arial, Verdana, sans-serif;
}

form.contactForm textarea
{
  height:80px;
}

form.contactForm p.submit
{
  clear:left;
  padding-top:10px;
}

form.contactForm p.submit input
{
  font-size:.9em;
}

form.contactForm p.info
{
  padding-top:10px;
  font-size:.7em !important;
}

.formError {
  border:1px solid #ff0000;
  background:#fff0f0;
  padding:2px 4px;
  text-align:center;
  font-weight:bold;
  font-size:.9em;
}

#mainContent div.csc-textpic
{

}

#mainContent div.csc-textpic img
{
  margin:10px 0px 20px 0px;
}


p.borderBottom,
p.borderTop,
p.border
{
  color:#333333;
  font-size:1.2em;
  line-height:1.5em;
  padding:10px 0px;
}

p.borderBottom
{
  border-bottom:1px solid #e7e7e7;
}

p.borderTop
{
  border-top:1px solid #e7e7e7;
}

p.border
{
  border-top:1px solid #e7e7e7;
  border-bottom:1px solid #e7e7e7;
}