/* planwatch dazzle theme */

body { 
  font-family: 'lucida grande', verdana, arial, sans-serif;
  font-size:13px;
  line-height:1.538;
  color:#222; 
}

#container {
  margin-left:50px;
  width:760px;
}

#content {
  clear:both;
  background:#fff 
}

#footer { 
  margin-top:10px;
  clear:both;
  background:#fff;
}

#footer #bottom-bar {
  background:#000;
  font-size:13px;
}

#footer p {
  font-size:10px;
  color:#303030 
}

#footer p#legal {
  text-align:right;
  float:right;
  width:49% 
}

#footer p#copyright {
  text-align:left;
  float:left;
  width:49% 
}

.redbox {border:1px solid #f00}

/* LIST STYLES */

ul.clean { 
  padding-left:0;
  padding-right:0;
  margin-left:0;
  margin-right:0;
}
ul.clean li {
  list-style-type:none;
  padding-left:0;
  padding-right:0;
  margin-left:0;
  margin-right:0;
}

ul.bulletless { 
  padding-left:30px;
  margin:0
}

ul.bulletless li { list-style-type:none }

ul.bullets {
  padding-left:0;
  margin-left:0px
}

ul.bullets li {
  list-style-type:none;
  padding:0 0 7px 0;
  margin:0;
  font-weight:bold
}

hr { 
  border-top:1px solid #ccc;
  border-bottom:1px solid #eee;
  border-width:1px 0;
  height:1px;
  color:#fff;
  background:#fff 
}

/* MENU */

div#menu {
  float:left;
  padding:35px 0 0 20px;
  margin:0 
}

ul#nav {
  margin:0;
  padding:0;
  float:left;
}

ul#nav li{
  list-style-type:none;
  margin:0;
  margin-right:1px;
  float:left;
  width:90px;
  text-align:center;
}

ul#nav a{
  display:block;
  float:left;
  width:90px;
  padding:10px 0 6px 0;
  background:url(/images/tab-inactive.png);
  background-position:top center;
  background-repeat:no-repeat;
  text-decoration:none;
  color:#ccc;
  font-size:13px;
  line-height:1;
}

ul#nav a:hover { color:#fff }

ul#nav li.activelink a, ul#nav li.activelink a:hover {
  background:url(/images/tab-active.png);
  background-position:top center;
  background-repeat:no-repeat;
  padding:9px 0 7px 0;
  color:#fff
}

div#submenu {
  width:100%;
  clear:both;
  height:30px;
  margin-bottom:0px;
  background-color:#000;
  background-image:url(/images/tab-edge-right.png);
  background-position:top right;
  background-repeat:no-repeat;
}


/* LINK STYLES */

a:link {color:#00c}
a:visited {color:#551a8b}
a:active {color:#f00}
a:hover {color:#f00}

p.more a { text-decoration:none;color:#555 }
p.more a:link { text-decoration:none;color:#555 }
p.more a:visited { text-decoration:none;color:#555 }
p.more a:hover { text-decoration:underline;background:#333;color:#eee !important }


/* FLASH BILLBOARD */

#billboard { 
  width:100%;
  margin-left:-9px;
  margin-bottom:-20px;
}


/* BILLBOARD FALLBACK IMAGE */

#planwatch-process { padding:18px 14px 18px 14px }

#planwatch-process h1 { 
  font-size:x-large;
  font-weight:bold;
  padding:10px 0 0 0;
  text-align:center; 
}

#planwatch-process h2 {
  font-style:italic;
  font-size:large;
  font-weight:normal;
  color:#777;
  margin:14px 0 10px 0;
  text-align:center; 
}

#planwatch-process img { 
  float:left;
  padding:0;
  margin:5px 0px; 
}


/* PANES */

.pane {
  border:1px solid #eee;
  float:left;
  width:758px;
}

.pane .padder {
  margin-left:20px;
  margin-right:20px;
}
.pane .cap { clear:both }


/* FEATURE PANELS */

ul#features { padding:0;margin:20px; }
ul#features li { 
  float:left;
  padding:0;
  width:330px;
  list-style-type:none;
  height:250px;
}

ul#features li.clear { 
  clear:left;
  margin-right:40px 
}
ul#features li h2 { 
  font-size:14px;
  font-weight:bold;
}
ul#features li h2 a { color:#000;text-decoration:none }
ul#features li a:hover { color:#000;text-decoration:underline }
ul#features img { float:right;border:0;margin:10px 0 10px 10px }
ul#features .more { font-size:10px;text-align:right }
ul#features p { color:#555 }

* html ul#features li { height:300px }
* html ul#features li h2 { font-size:13px }
html>body ul#features li h2 { *font-size:13px }

/* GENERIC STYLES */

.pane h3 { 
  text-transform:uppercase;
  font-size:20px;
  line-height:1;
  margin-left:20px;
  margin-top:20px;
  color:#000;
  font-weight:normal;
}

.column { position:relative;float:left;width:100%; }

/* CONTACT PAGE */

#contact h1 { font-size:30px;margin-top:20px; }
#contact form label { color:#333 }
#contact form b {color:#f30}

/* NEWS LIST PANEL */

#news-box { 
  margin-top:20px;
  clear:both;
  width:450px;
  float:left;
}
#news-box h5 {
  font-size:13px;
  margin-bottom:0;
  color:#999;
  font-weight:normal;
}
#news-box h4 {
  font-size:13px;
  margin-top:0;
}

#news-box p.more { font-size:11px !important }

/* MISC BOX */

#misc-box {
  margin:20px 0 20px 20px;
  margin-top:20px;
  width:285px;
  float:right;
  height:100%;
}


/* NEWS INDEX */

ul#news { padding:0 30px;margin:0; }
ul#news li.news-item { 
  list-style-type:none;
  line-height:1.6;
  border-top:1px solid #ccc;
  padding:29px 0 30px 0;
}

div#news {
  line-height:1.6;
  padding:14px 0 0 0;
}
#news li.news-item.first {
  border-top-width:0;
  padding-top:10px;
}

#news p.date { 
  text-transform:uppercase;
  font-size:11px;
  margin-bottom:5px;
}
div#news p.date {
  margin-top:0;
}

ul#news li h2, div#news h1 { 
  font-size:24px;
  margin-top:0;
  font-weight:normal;
  margin-bottom:0px;
}
#news h4 { font-size:13px;font-weight:bold;color:#333 }
ul#news li h2 a, div#news h1 a { color:#333;text-decoration:none }
ul#news li h2 a:link, div#news h1 a:link { color:#333 }
ul#news li h2 a:visited, div#news h1 a:visited { color:#333 }
ul#news li h2 a:hover, div#news h1 a:hover { color:#000;text-decoration:underline }

#news strong { color:#222 }

#news .excerpt { font-size:12px;color:#000 }
div#news .body { font-size:12px;color:#000 }
#news .more { font-size:11px;text-align:left }


/* NEWS ITEM */

div#news h1 a {text-decoration:none}
div#news h1 a:link {text-decoration:none}
div#news h1 a:visited {text-decoration:none}
div#news h1 a:hover {text-decoration:none}


/* MISC STYLES */

.ed { color:#f00 }
.highlight, .hilight { background:#ffe;font-style:italic }
.textual { line-height:1.5;padding:1em 3em }