body {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: small;
  color: #003871;
  background-color: #ACBFE6;
  text-align: center;
}

/*table {clear: none;}  */

.small {
  font-size: x-small;
}

.newsfooter {
  font-size: x-small;
  margin: 10px 0px 8px 25px;
  padding-left: 3px;
  border-left: 1px solid #C2D7EB; 
}

a:link, a:visited {
  color: #006EF6;
  text-decoration: none;
}

a:hover {
  color: #006EF6;
  background-color: #D7E4FF;
}

img {
  border: 0;
}

.flyout-l {
    float:left;
    text-align: center;
    margin: 2px 5px 2px 0px;
}

.flyout-r {
    float:right;
    text-align: center;
    margin: 2px 0px 2px 5px;
}

.flyout {      
    text-align: center;
    margin: 2px 5px 2px 5px;
}

.boxout, .boxout2 {
  padding: 5px;
  border: 1px solid #C2D7EB;
  background: white;
  margin: 5px 5px 5px 5px;
}

.boxout2 {
  background-color: #DDAAAA;
  border-color: #840000;
}


.caption {
  font-size: xx-small;
  padding: 5px;

  border: 1px solid #C2D7EB;
  background: #EFF2FA;
  margin: 5px 5px 5px 5px;
}

h1, h2, h3, h4 {
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif ;
  color: #576B91 ;
  border-bottom: 1px solid #C2D7EB;
}

.navi, .footer {
  font-size: x-small;
  padding-bottom:4px;
  padding-top: 4px;
}

.navi {
  border-bottom: 2px solid #336699;
}

.footer {
  border-top: 2px solid #336699;
}

.quote-c {
  padding: 5px;
  border: 1px solid #C2D7EB;
  background: #EFF2FA;
  margin: 5px 5px 5px 5px;
}


blockquote {
  margin-top: 10px;
  margin-bottom: 10px;
  border-left: solid 10px #C2D7EB;
  padding: 5px 0px 5px 10px;
  color: #576B91;
  font-family: Arial, Helvetica, sans-serif;
  font-style: italic ;
}

#main {
    margin: 20px auto 20px auto;
    width: 850px;
    border:1px solid #000000;
    background:#ffffff url(/pics/bgline.jpg) repeat-y;
    text-align: left;
    }

#left {
    float: left;
    margin-top: 30px;
    padding: 10px;
    width: 100px;
    }

#left ul li {
  margin-left: -40px;
  padding:0;
  margin-bottom:2px;
  border-bottom:1px dotted #D4D7FF;
  line-height:1.1em;
  list-style-type: none;
}


#right {
    margin-left: 120px;
    padding: 10px;
    min-height: 550px ;
    }

#menu {
    border-left:1px solid #C2D7EB;
    border-bottom:1px solid #C2D7EB;
    border-right:1px solid #C2D7EB;
    float:right;
    background: #EFF2FA;
    padding: 5px;
    margin:0px 0px 10px 10px;
    font-size: x-small;
}

.menutitle {
    border-bottom:1px solid #C2D7EB;
    font-weight: bold;
}

.lefthead {
    border-bottom:1px solid #C2D7EB;
    font-weight: bold;
    font-size: x-small;
}


.center {
  text-align: center;
}

.logo {
  padding: 10px 0 10px 0;
  text-align: center;
}

ul.contentl {
overflow: auto;
  list-style: none;
  margin: 0px;
  padding: 0px;
}
  ul.contentl li {
    overflow: auto;
    /* border-top: 1px solid #C2D7EB;*/
  }
    ul.contentl li div.screenshot {
      float: left;
      text-align: center;
      margin-top: 10px;
      margin-bottom: 10px;
      padding-right: 5px;
    }
    ul.contentl li div.desctext {
     float: right;
     margin-bottom: 10px;
     width: 420px;
    }
    ul.contentl li div.desctextn {
     float: right;
     margin-bottom: 10px;
     width: 360px;
    }
    ul.contentl li h2 {
      margin-top: 10px;
    }

.clear { clear:  both; }

#sidebar {
    border-left:1px solid #C2D7EB;
    border-bottom:1px solid #C2D7EB;
    border-right:1px solid #C2D7EB;
    float:right;
    background: #EFF2FA;
    padding: 5px;
    margin:0px 0px 10px 10px;
    width: 180px;
}

#sidebar ul li {
  margin-left: -40px;
  padding:0;
  margin-bottom:2px;
  border-bottom:1px dotted #D4D7FF;
  line-height:1.1em;
  list-style-type: none;
}

.greenscore {
    margin-top: 10px;
    margin-bottom: 5px;
	border-left: solid 20px #33CC00;    
	padding: 5px 0px 5px 5px;
    font-weight: bold;
    font-size: medium;
    color: #006600;
    background-color: #F1F9EE;
}
.yellowscore {
    margin-top: 10px;
    margin-bottom: 5px;
	border-left: solid 20px #FFFF00;
	padding: 5px 0px 5px 5px;
    font-weight: bold;
    font-size: medium;
    color: #9D7D00;
    background-color: #FFFFEA;
}
.redscore {
    margin-top: 10px;
    margin-bottom: 5px;
	border-left: solid 20px #FF0000;
	padding: 5px 0px 5px 5px;
    font-weight: bold;
    font-size: medium;
    color: #660000;
    background-color: #FFE8E8;
}

.review {
    margin-left:20px;
    margin-right:20px;
    padding-left: 10px;
    margin-bottom: 10px;
    border-left:1px solid #C2D7EB;
}

#commentdata fieldset
{
	display: block;
	margin: 1em 1em 1em 1em;
	border: 1px solid #C2D7EB;
	padding: 1em 1em 1em 1em;
    background: #EFF2FA;
}


#commentdata input, textarea
{
	position: relative;
	top: -1.4em;
	left: 8em;
	display: block;
}

#commentdata textarea
{
	left: 8.2em;
}

#commentdata input.submit
{
	clear: both;
	top: 0;
    left: 0;
}

#commentdata label
{
	clear: both;
	float: left;
	display: block;
	width: 8em;
	margin-top: -1em;
	font-weight: bold;
}

#commentdata label.formlabelfirst
{
	margin-top: 1em;
}