* {
padding: 0;
margin: 0;
} 

body {
margin:0;
padding: 0;
background: #BDC4F2;
color: #666;
font: 12px Arial, Verdana, Tahoma, sans-serif;
line-height: 17px;
}

p { 
  margin:0px; padding-top:5px; padding-bottom: 5px; text-align:justify; 
}

a { color: #336699; text-decoration: none; }
a:hover { color: #000; text-decoration: underline; }
img { border: none; }

#wrap {
width: 800px;
margin: 0 auto;
background: #fff;
}

#top {
height: 10px;
background: #BDC4F2 url(../images/top.gif) no-repeat;
}

#header { 
height: 70px;
background: #fff url(../images/header.gif) no-repeat;
}
#header h1 { padding: 15px 0 0 20px; }
#header h1 a {
color: #336699;
text-decoration: none;
font-size: 20px;
}
#header h1 a:hover {
color: #000;
}
#header h2 {
color: #666;
font-size: 17px;
padding: 0 0 0 20px;
}

#navigation {
height: 30px;
line-height: 30px;
background: #555 url(../images/menu.gif) no-repeat;
padding-left: 20px;
}
#navigation li
{
display: inline;
list-style-type: none;
padding-right: 20px;
}
#navigation li a {
color: #fff;
text-decoration: none;
font-size: 13px;
font-weight: 600;
}
#navigation li a:hover {
color: #000;
}

#content {
background: #BDC4F2 url(../images/content.gif) repeat-y;
}

#content h1 { padding: 15px 0; }

.box {
background : #fff;
border: 1px solid #bbb;
padding: 10px;
margin: 0 0 10px 0;
}
.box a { font-weight: 600; }
.box1 {
background : #fff;
border: 1px solid #bbb;
padding: 10px;
margin: 10px;
}
.box1 a { font-weight: 600; }

.crisp{ font-size: 10x; text-align: left;}


.left {
float: left;
width: 180px;
padding: 10px 10px 20px 10px;
}
.left li {
list-style-type: none;
}
.left li a {
display: block;
padding: 3px 3px 3px 20px;
font-weight: 600;
}
.left li a:hover {
background: #fefefe;
text-decoration: none;
}

.left h3 {
  font-size: 14px;
  padding: 3px 3px 3px 20px;
  font-weight: 600;
 }

.center {
float: left;
width: 400px;
padding: 10px 0px;
text-align: justify;
}

.center  img.bigtop { width: 400px;}

.center h2 {
font-size: 20px;
color: #444;
padding: 5px 0;
}

.center h2 {
font-size: 17px;
color: #444;
padding: 5px 0;
}
.center h2 a { text-decoration: none; }
.center ul { padding: 20px; }
.center ol { padding: 20px; }
// .center li { font-weight: 600; }

.right {
float: right;
width: 160px;
padding: 10px 20px 20px 20px;
text-align: left;
//text-align: justify;
//font: 12px Arial, Tahoma, Verdana, sans-serif;
}

.right  img {
width: 160px;
padding: 0 px 0px 0px 0px;
}

// A combo of center and right
.centerright {
float: right;
width: 500px;
padding: 10px 0px;

text-align: justify;
}
.centerright h2 {
font-size: 17px;
color: #444;
padding: 5px 0;
}
.centerright h2 a { text-decoration: none; }
.centerright ul { padding: 20px; }



#footer {
height: 20px;
line-height: 20px;
text-align: center;
background: #333 url(../images/footer.gif) no-repeat;
color: #ccc;
font-size: 11px;
}
#footer a { color: #eee;}
#footer a:hover { color: #fff; }

#bottom {
height: 10px;
background: #fff url(../images/bottom.gif) no-repeat;
}