/* reset */
html, body, ul, li, form, table, tbody, tfoot, thead, tr, th, td, img{
    margin: 0;
    padding: 0;
    border: 0;
}
/* common */
body{
    background-color:#086BAD;
    color:#000;
    font-family:Arial;
    font-size:15px;
}
a {
    text-decoration: none;
    color: #003d7b;
}
a:hover {
    text-decoration: none;
}
.clearfix:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
    font-size:0;
}
/*cols*/
.col {
    float: left;
    margin: 0 5px 0 0;
    position: relative;
    min-height: 1px;
}

.colLast {
    margin-right: 0;
}
.col1 { width: 178px; }/*deafult colmain*/
.col2 { width: 348px; }
.col3 { width: 610px; }
.col4 { width: 622px; }
.col5 { width: 793px; }

.mod{
    position:relative;
    background-repeat:repeat-y;
}
.mod.modIntHead{
    margin-top:24px;
}
.modFooter{
    background-color:#FFFFFF;
background-repeat:no-repeat;
height:15px;
}
.modHead{
    background-repeat:no-repeat;
    height:10px;
}
.modContent{
    padding:0 10px;
}
.modTitle{
    background-image:url("graphics/boxtitle.png");
    background-position:left center;
    color:#0F0FA3;
    font-family:Georgia,'Times New Roman',times,serif;
    font-size:14px;
    font-style:oblique;
    height:30px;
    left:15px;
    line-height:28px;
    padding-left:10px;
    position:absolute;
    top:-24px;
}
.modTitle div{
    background-image:url(graphics/boxtitle.png);
    background-position:right;
    padding-right:10px;
    height:30px;
}
.mod348{
    background-image:url(graphics/box348-b.png);
}
.mod348 .modHead{
    background-image:url(graphics/box348-t.png);
}
.mod348 .modFooter{
    background-image:url(graphics/box348-f.png);
}
.mod610{
    background-image:url(graphics/box610-b.png);
}
.mod610 .modHead{
    background-image:url(graphics/box610-t.png);
}
.mod610 .modFooter{
    background-image:url(graphics/box610-f.png);
}
.mod793{
    background-image:url(graphics/box793-b.png);
}
.mod793 .modHead{
    background-image:url(graphics/box793-t.png);
}
.mod793 .modFooter{
    background-image:url(graphics/box793-f.png);
}
.mod622{
    background-image:url(graphics/box622-b.png);
}
.mod622 .modHead{
    background-image:url(graphics/box622-t.png);
}
.mod622 .modFooter{
    background-image:url(graphics/box622-f.png);
}
.mod178{
    background-image:url(graphics/box178-b.png);
}
.mod178 .modHead{
    background-image:url(graphics/box178-t.png);
    height:50px;
}
.mod178 .modTitle{
    background:none repeat scroll 0 0 transparent;
    left:5px;
    top:8px;
}
.mod178 .modFooter{
    background-image:url(graphics/box178-f.png);
}
#wrapper{
    width:996px;
    margin:0 auto 5px;
}
#header{
    background:url(graphics/topbg.png) no-repeat;
    height:180px;
}
#mainNav{
    height:30px;
    position:relative;
    z-index:2;
    padding:0;
    margin:0;
}
#mainNav li{
    display:block;
    position:absolute;
    top:0;
    z-index:2;
}
#header #logo{
    border:medium none #000000;
    left:15px;
    position:absolute;
    top:0;
    width:150px;
}
#header #logo a{
    display:block;
    height:125px;
    text-indent:-999em;
}
#mainNav #tabs{
    left:5px;
    top:135px;
}
#mainNav #tabs ul{
    float:left;
    margin:10px 15px 0 15px;
    list-style:none;
}
#mainNav #tabs li {
    float: left;
    position: relative;
    display: block;
    margin-right:5px;
    height:20px;
}
#mainNav #tabs li a {
    color:#fff;
    font-size:16px;
    font-weight:bold;
    display:block;
    line-height:20px;
    padding:0 5px;
    font-family: Georgia,'Times New Roman',times,serif;
    font-style: italic;
}
#mainNav #tabs li a:hover {
    text-decoration: none;
}
#mainContent{
    position:relative;
    background-color:#fff;
    -webkit-border-radius: 0 0 8px 8px;
    -moz-border-radius:  0 0 8px 8px;
    padding:10px 0 10px 10px;
}
.mod178 ul{
    background-color:#FFFFFF;
    list-style:none outside none;
}
.mod178 ul a{
    display:block;
    color:#650F7F;
}
.mod178 ul li{
    background:url("graphics/bullet.gif") no-repeat scroll 3px center #FFFFFF;
    border-top:2px solid #E9F6FF;
    font-size:22px;
    font-weight:bold;
    padding:2px 2px 2px 20px;
}
.mod178 ul li.first{
    border-top:none;
}
.mod178 ul li:hover, .mod178 ul li:focus{
    background-color:#E9F6FF;
}
#content{
    padding:5px;
    margin:0;
}
#content h1{
    color:#DF0033;
    font-size:16px;
    line-height:16px;
    margin:5px 0 0;
    padding:0;
    text-indent:5px;
}
ul.games{
    padding:0;
}
ul.games li{
    display:block;
    float:left;
    margin:5px;
    padding:3px 3px 0;
    position:relative;
    width:102px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}
ul.games li .aimg{
    display:block;
    margin-bottom:4px;
    text-decoration:none;
    position:relative;
    border:none;
    color:#4142B3;
}
ul.games li b{
    clear:both;
    display:block;
    font-size:11px;
    font-weight:bold;
    line-height:11px;
    margin:2px;
    text-align:center;
}
ul.games li p{
    color:#0090DF;
    font-size:10px;
    left:76px;
    margin:0;
    text-align:center;
}
#sidebar2{
    background-color:#FFF2EF;
    width:160px;
}
#footer{
    background-color:#E9F6FF;
    padding:3px;
    margin-right:10px;
    color:#000;
    font-size:10px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    clear:both;
}
#footer a{
    color:#FF1137;
    border-bottom: 1px dotted #FF1137;
}
.pag {
    padding: 6px 0;
    background: #fff;
    font-size:20px;
}
.pag span {
    padding-left: 7px;
}
.pag .pagLftNav,
.pag .pagRitNav {
    float: left;
    width: 12%;
}
.pag .pagRitNav{
    float: right;
    text-align: right;
    padding: 0;
}
.pag .pagRitNav a{
    margin-right: 7px;
}
.pag .pagRitNav a,
.pag .pagLftNav a {
    color: #003D7B;
    font-weight:bold;
}
.pag .pagRitNav a.arrowRit {
    /*background-position: right -40px ;*/
}
.pag .pagNums{
    text-align: center;
}
.pag .pagNums span {
    padding: 0 3px;
}
.pag .pagNums span a {
    background: #fff;
    padding: 1px 4px;
    color: #045CB6 ;
    border: 1px solid #ccc;
}
.pag .pagNums span a.disabled {
    background: #666;
    color: #fff ;
}
.pag .pagNums span a.showAll {
    background: none;
    color: #045CB6 ;
    padding: 0;
    border: none;
}
.pagBot {
    border-top: 1px solid #ccc;
    margin-top: 5px;
}
.pagTop {
    border-bottom: 1px solid #ccc;
    margin-bottom: 15px;
}
/* arrows
----------------------------------------------- */


.arrowLft, .arrowRit {
    background: url(graphics/arrows.png) no-repeat;
}

.arrowLft {
    background-position: 0 0;
    padding: 2px 0 2px 11px;
}
.arrowRit {
    background-position: right -40px ;
    padding: 2px 11px 2px 0;
}
/* no workie with IE6, sue me */
.arrowLft.disabled { background-position: left -320px; }
.arrowRit.disabled { background-position: right -360px; }
/* Pagination
----------------------------- */
/*Rating Star*/

div.rating-cancel,div.star-rating{float:left;width:17px;height:15px;text-indent:-999em;cursor:pointer;display:block;background:transparent;overflow:hidden}
div.rating-cancel,div.rating-cancel a{background:url(graphics/delete.gif) no-repeat 0 -16px}
div.star-rating,div.star-rating a{background:url(graphics/star.gif) no-repeat 0 0px}
div.rating-cancel a,div.star-rating a{display:block;width:16px;height:100%;background-position:0 0px;border:0}
div.star-rating-on a{background-position:0 -16px}
div.star-rating-hover a{background-position:0 -32px}
/* Read Only CSS */
div.star-rating-readonly a{cursor:default }
/* Partial Star CSS */
div.star-rating{background:transparent;overflow:hidden}
/* END jQuery.Rating Plugin CSS */