/* Body */
* {margin:0; padding:0;}
body {background:#303030 url(images/bodybg.gif) top center repeat-x; color:#eee; font:76% Verdana,Arial,Tahoma,"Trebuchet MS",sans-serif; line-height:1.4em; text-align:center; padding:0;}
#wrap {width:80%; min-width:798px; background-color:#fff; color:#555; padding:1%; margin:0 auto 0 auto; text-align:left; border:1px solid #555;}


/* Header Graphic */
#HeaderGraphic {margin:0 0 10px 0;}


/* Content */
#content {text-align:left; width:80%; float:right;}
#content h2 {font-size:1.7em; letter-spacing:-1px; clear:left; border-bottom:2px solid #ccc;}
#content h3 {font-size:1.4em; letter-spacing:-1px; margin-bottom:7px;}
#content h2 a, #content h3 a {font-weight:700; border:0;}
#content p {margin:0 0 15px;}
#content a {border-bottom:1px dotted #888;}
#content a:hover {color: #222; border-bottom:1px dotted #000;}
#content ul, #content ol {margin:0 0 15px 10px; padding:0 0 0 5px;}
#content ul li, #content ol li {margin:0 0 4px 5px;}
#content ul ul, #content ol ol {margin:5px 0 5px 10px;}


/* Footer */
#footer {clear:both; width:80%; line-height:1.6em; color:#ccc;  margin: 0 auto; padding:10px 0;}
#footer p {margin:0; padding:0;}
#footer a {color:#bacac8; border-bottom: 1px dotted #aaa;}
#footer a:hover {color:#fff; text-decoration:none; border-bottom:1px dotted #fff;}


/* Links and tags */
a {color:#4d699d; font-weight:400; text-decoration:none;}
a:hover {color:#444; text-decoration:none;}
img, a img {border:0;}



/* Text Placement */
.left {float:left; width:48%; text-align:left;}
.right {float:right; width:48%; text-align:left;}

.wideleft {float:left; width:63%; text-align:left;}
.narrowright {float:right; width:33%; text-align:left;}

.textleft {text-align:left;}
.textright {text-align:right;}
.textcenter {text-align:center;}

.featurebox_right {
  background:url(menubg.gif) repeat-x bottom left #f4f4f4;
  background-color: #f0f0f0;
  margin:2px;
  padding:10px;
  border: 1px solid #c0c0c0;
  font-family: verdana, arial, sans-serif;
  line-height: 16px;
  color: #777;
}

.featurebox_right.h2 {font-size:1.4em; padding:0 0 2px 0; margin:0 0 5px 0; border-bottom:2px solid #ccc;}
.featurebox_right.h3 {font-size:1.4em; padding:0 0 2px 0; margin:0 0 5px 0; border-bottom:2px solid #ccc;}




/* Styling */
.introtext, .introtext a {font-weight:700;}
.clear {visibility:hidden; clear:both; height:2px;}

.thinborder{
  float:left;
  border:solid 1px yellowgreen;
  padding:5px;
  margin-right:5px;
}

.dropcap {
  float: left;
  font: normal 60pt/0.8em georgia,
  helvetica, verdana, arial, 
  sans-serif;
  color: yellowgreen;
  margin-right: 3px;
}

.image_noborder{
  float:left;
  border:none;
  padding:5px;
  margin-right:5px;
}


/******************/
/* navigation list*/
/******************/

#navcontainer {
  width: 12em;
  padding: 0 0 1em 0;
  margin-bottom: 1em;
  font-family: Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
  color: #333;
}

#navcontainer ul {
  list-style: none;
  margin: 0;
  padding: 0;
  border: none;
}

#navcontainer li {
  border-bottom: 1px solid #000000;
  margin: 0;
}

#navcontainer li a {
  display: block;
  padding: 5px 5px 5px 0.5em;
  background-color: #ffffff;
  color: #555555;
  text-decoration: none;
  width: 100%;
}

html>body #navcontainer li a { width: auto; }

#navcontainer li a:hover {
  background-color: #00CCFF;
  color: #fff;
}

#navcontainer2 li a:hover {
  background-color: #E11284;
  color: #fff;
}