* {
       margin : 0px ;
       padding : 0px ;
       outline: 0;
}

body {
       background-color: #000;
}

#news {
       margin: 0px 0 0 0;
       padding: 0;
}

#news .post {
       float: left;
       margin: 0 0 2px 0;
       padding: 12px 0 0 16px;
       background: url(../Images/news_post_bg.png) no-repeat;
       width: 485px;
       height: 215px;
}

#news .post .post_information {
       margin: 0;
       padding: 0;
}

#news .post .post_information h1 {
       margin: 0 -1px 0 0;
}

#news .post .post_information p {
       margin: 3px -1px 0 0;
}

#news .post .post_description {
       margin: 19px 0 0 0;
       padding: 0
}

#news .post .post_description .post_image {
       float: left;
       position: relative;
       margin: 3px 12px 0 0;

}

#news .post .post_description .post_image img {
       width: 121px;
       height: 121px;
}

#news .post .post_description .post_image span {

       background: url(../Images/news/post_image/top_glow.png) no-repeat top left;
       top: 0;
       left: 0;
       width: 121px;
       height: 121px;
       position: absolute;
}

#news .post .post_description p {
       margin: 0;
       width: 457px;
}

#news .post .post_description .more {
       float: left;
       background: url(../Images/news/more_icon.png) no-repeat bottom right;
       margin: 22px 0 0 0;
       padding: 0 12px 0 0;
       font-family: Arial, Helvetica, sans-serif;
       font-size: 12px;
       color: #aedaff;
}

#news .post .post_description .more a {
       color: #aedaff;
       text-decoration: none;
}


h1.title-page {
       color: #fff3ae;
       text-shadow: #f1f1f1 -1px 0 1px;
}

#news .post .post_description .more a:hover {
       color: #fff3ae;
       text-decoration: none;
}
@font-face {
       font-family : 'newCalibri' ;  
       src : url( 'fonts/calibri.ttf' ) ; 
}

h1 {
       margin: 0;
       padding: 0;
       font-family: 'Calibri', 'newCalibri', 'Arial';
       font-size: 16px;
       font-weight: 400;
       color: #c3eaff;
}

h1 a {
       color: #c3eaff;
       text-decoration: none;
}

h1 a:hover {
       color: #fdffc3;
       text-decoration: none;
}

a.btn {
       color: #c3eaff;
       font-family:'Calibri', 'newCalibri', 'Arial';
       font-size: 16px;
       font-weight: 400;
}

.clear {
       clear: both;
}

p {
       margin: 0;
       padding: 0;
       font-family: Arial, Helvetica, sans-serif;
       font-size: 12px;
       color: #fff;
}

p a {
       color: #8cd5fe;
       text-decoration: none;
}

p a:hover {
       color: #fdfe8c;
       text-decoration: none;
}

a, a:hover {
       text-decoration: none;
}

.jspContainer
{
       overflow: hidden;
       position: relative;
}

.jspPane
{
       position: absolute;
}

.jspVerticalBar
{
       position: absolute;
       top: 0;
       right: 0;
       width: 14px;
       height: 100%;
       background:transparent;
}

.jspHorizontalBar
{
       position: absolute;
       bottom: 0;
       left: 0;
       width: 100%;
       height: 14px;
       background: transparent;
}

.jspVerticalBar *,
.jspHorizontalBar *
{
       margin: 0;
       padding: 0;
}

.jspCap
{
       display: none;
}

.jspHorizontalBar .jspCap
{
       float: left;
}

.jspTrack
{
       background: transparent;
       position: relative;
}

.jspDrag
{
       background: #999;
       position: relative;
       top: 0;
       left: 0;
       cursor: pointer;
       border-radius: 20px;
       width: 10px;
}

.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag
{
       float: left;
       height: 100%;
}

.jspArrow
{
       background: #50506d;
       text-indent: -20000px;
       display: block;
       cursor: pointer;
}

.jspArrow.jspDisabled
{
       cursor: default;
       background: #80808d;
}

.jspVerticalBar .jspArrow
{
       height: 16px;
}

.jspHorizontalBar .jspArrow
{
       width: 16px;
       float: left;
       height: 100%;
}

.jspVerticalBar .jspArrow:focus
{
       outline: none;
}

.jspCorner
{
       background: #eeeef4;
       float: left;
       height: 100%;
}

/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner
{
       margin: 0 -3px 0 0;
}

#main-content {
       height: 229px;
       width: 519px;
}