/* Resets font-size */
html { font-size:100.01%; }
body { font-size:0.75em; font-family: Arial, Helvetica, sans-serif; }

/* Fonts */
h1,h2,h3,h4,h5,h6 { font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal; }
a { color:#6699ff; text-decoration: none; }
span.underline { text-decoration:underline;}

/* Clear Class */
.clear { clear: both; }
.left { float:left; }
.right {float:right; }

/* Centering the site */
#wrapper { margin: 0 auto 0; width:900px; color:#666;}

/* Header */
#header { background: url(images/header.gif) no-repeat; height:284px; width:900px; }
#logo { margin-top: 81px; margin-left:21px;  }
#header img{ border:none; }

/* Top Bar */
#top_bar { width:900px; height:39px; }

/* Navigation */
#navigation { background: url(images/navi_lc.gif) left bottom no-repeat #2c2c2c; float:left; height:39px; width:620px; }
#navigation { font-weight: bold; font-size: 1em;}
#navigation ul { line-height: 2.9em; padding:0px; padding-left: 1em; margin:0px; height: 39px; list-style:none; }
#navigation li { display: block; float:left; ; height: 39px; padding-left:10px; padding-right:10px; background: url(images/top_navi_ic.gif) bottom center no-repeat; }
#navigation li a { color:#fff; text-decoration:none;}
#navigation li a:hover { color:#6699ff;}
#navigation li:hover { background:url(images/top_navi_rl.gif) bottom center no-repeat; }

/* Search Bar */
#searchbar { background:url(images/navi_rc.gif) left bottom no-repeat; float:left; height:39px; width:255px; }
#searchbar #search { background:#eaeaea; border:1px solid #e5e5e5; height:21px; width:180px; margin-left:25px; margin-top: 8px; padding-top:6px;}
#searchbar #search { color:#999; text-indent:2px;}
#searchbar #searchsubmit { background: url(images/search_but.gif) no-repeat; border:none; height:29px; width:36px; margin-top: 0px; margin-left: 5px; margin-top: 8px; }
#searchbar #searchsubmit {  color:#6babf5; font-weight: bold; font-size:1em;  }
#searchbar input { height:29px; margin: 0px; padding:0px;}

/* Content */
#content { width:900px; float:right; }
.readmore { float:right;}
.readmore a {text-decoration:none; font-weight:bold; }
.readmore a:hover {text-decoration:underline; }

/* Content-right */
#post { width: 646px; float:left; padding:20px 0px 20px; color:#666;}
#post img {border: 2px solid #e0e0e0;  }
#post a img {border:none;}
#post .box-2 { width:640px; }
#post .box-2 img {border:none; float:left;}
#post #box-left { width:300px; padding:10px;}
#post #box-right {width:300px; padding:10px;}
#post .box-left-2 { float:left;}
.center-box {width:325px; margin:0 auto 0;}
#post h2 { font-weight:normal; display:block; padding:0px; margin:0px;  } 
#post a:hover {text-decoration: underline; }
#post h3 { margin-bottom:0px; font-weight:bold; }
#post .resources_box { float:left; width:270px; margin-right:30px; }
#post .resources_box ul { margin:10px 0px 0px 0px; padding:0px; list-style:none;}
#post .news-boxes { width:190px; margin-right:20px; float:left;}
.blue-text { color:#000080;}
.red-text {color:#ff0000;}

/* Content-left */
#sidebar { width: 250px; float:left;}
#sidebar ul {margin-top:20px;}
#sidebar li {display:block; list-style:none; padding:0px; margin:0px;  border-bottom:1px solid #336699;   }
#sidebar li {line-height:2em; font-weight:bold;}
#sidebar li li { border:none; }
#sidebar a { color:#336699; text-decoration:none; background:url(images/list-point.gif) left no-repeat; padding-left:1.2em;  }
#sidebar a:hover { color:#666;}
#sidebar .submenu { text-indent:1em;}

/* Boxes */ 
#three-boxes { width:900px; margin:0 auto 0; }
.box { background:#232323; width:284px; height:315px; float:left; margin-left:8px; margin-right:8px; padding-bottom:20px;  }
.box-top { font-weight:bold; color:#fff; text-indent:1em; line-height:2em; } 
.box-img { padding-left: 2px; padding-right:2px;}
.box-desc {color:#fff; padding: 6px 8px 0px 8px;  }
.box-desc h3 {font-size: 1.6em; display:block; padding:0px; margin:0px; color:#6699ff;}

/* Footer Box */
#footer { background:#2c2c2c url(images/footer_lc.gif) left bottom no-repeat; height:39px; width:894px; float:left; margin-bottom:10px; margin-top: 25px;  }
#footer {color:#fff; line-height:3.4em; text-align: center; }
#footer-right { background:url(images/footer_rc.gif) right bottom no-repeat; width:5px; height:39px; float:left; margin-top: 25px;   }

