.darkgrey {
    background-color: #3a54a4;
    color:#686868;
    background-repeat: no-repeat;
}

.lightgrey {
    background-color: #3a54a4;
    background-repeat: no-repeat;
}

.blue {
    background-color :#507a94;
    background-repeat: no-repeat;
}

.welcome {
    color:#253b65;
    font-family:verdana, arial, sans-serif;
    font-size:22px;
}

.welcomebelow {
    color:#253b65;
    font-family:verdana, arial, sans-serif;
    font-size:12px;
}

.whitebg {
    background-color :#ffffff;
    background-repeat: no-repeat;
}

body {
    background-image: url('images/back.jpg');
    background-repeat: repeat-x;
    color:#5B5B5B;
    margin-left:20px;
    margin-right:20px;
    margin-bottom:20px;
    font-family:verdana, arial, sans-serif;
    font-size:10px;
    padding:0;
}

.siteborder {
    border: solid 2px #3a54a4;
    border-collapse: collapse;
    padding: 0;
    margin: 0
}

img {
    border:0;
}

a.sub-header {
    font-size:10px;
    color:#383838;
    text-decoration:none;
}

a.sub-header:hover {
    font-size:10px;
    color:#ffffff;
    text-decoration:none;
}

a.white {
    font-size:10px;
    color:#5B5B5B;
    text-decoration:none;
}

a:hover.white {
    color:#135;
    text-decoration:underline overline;
}

td {
    font-size:10px;
    font-weight:400;
    color:#333;
}

hr {
    border-top:1px #E2E2E2 solid;
    border-bottom:1px #F9F9F9 solid;
}

hr.side-hr {
    border:1px #E2E2E2 solid;
    border-bottom:1px #F9F9F9 solid;
}

.nav {
    font-size:10px;
    height:12px;
    padding:3px;
}

pre {
    font-family:Verdana,Tahoma,Arial,Sans-Serif;
    font-size:11px;
}

.alt {
    color:#888888;
}

.quote {
    font-size:11px;
    font-weight:400;
    color:#060;
    background-color:#F9F9F9;
    border:1px #979797 solid;
    margin:0 20px;
    padding:2px;
}

.side-border-left {
    background-color:#383838;
    border-top:0 #383838 solid;
    border-bottom:1px #383838 solid;
    border-right:1px #383838 solid;
    padding:5px;
}

.side-border-right {
    background-color:#383838;
    border-top:0 #383838 solid;
    border-bottom:1px #383838 solid;
    border-left:1px #383838 solid;
    padding:5px;
}

.side-body {
    font-family:Verdana,Tahoma,Arial,Sans-Serif;
    font-size:10px;
    color:#383838;
    background-color:#686868;
    text-align:left;
}

.tablehead {
    font-family:Verdana,Tahoma,Arial,Sans-Serif;
    background-color:#686868;
    background-image:url(images/panelpic.gif);
    color:#888888;
    height:20px;
    font-weight:700;
    font-size:11px;
    text-align:left;
    padding:0 0 0 5px;
}

.paneltext2 {
    font-family:Verdana,Tahoma,Arial,Sans-Serif;
    background-image:url(images/panelpic.gif);
    color:#888888;
    height:20px;
    font-weight:700;
    font-size:11px;
    text-align:left;
    border-top:1px #DBDBDB solid;
    border-bottom:1px #DBDBDB solid;
    border-right:1px #DBDBDB solid;
    border-left:1px #DBDBDB solid;
    padding:0 0 0 5px;
}

.news-footer {
    background:#F0F0F0;
    font-size:9px;
    color:#0C0C0C;
    height:22px;
    padding:4px;
}

.button {
    background-image:url(images/button.gif);
    font-family:Verdana,Tahoma,Arial,Verdana,Sans-Serif;
    font-size:10px;
    font-weight:700;
    color:#5B5B5B;
    background-color:#ffffff;
    border:#C5C5C5 1px solid;
    margin-top:2px;
}

.textbox {
    font-family:Verdana,Tahoma,Arial,Sans-Serif;
    font-size:10px;
    color:#5B5B5B;
    background-color:#ffffff;
    border:1px #C5C5C5 solid;
}

.tbl-border {
    background-color:#C5C5C5;
}

.tbl {
    font-size:10px;
    padding:3px 4px;
}

.tbl1 {
    font-size:10px;
    color:#333333;
    background-color:#9b9da3;
    padding:4px;
}

.tbl2 {
    font-size:10px;
    color:#FFFFFF;
    background-color:#507a94;
    padding:4px;
}

.tbl2 a{    font-size:10px;
    color:#FFFFFF;
    background-color:#507a94;
    padding:4px;
}

.forum-caption {
    font-size:10px;
    font-weight:700;
    background-image:url(images/cellpic.gif);
    color:#485D9F;
    background-color:#F6F6F6;
    padding:4px;
}

.left {
    font-size:10px;
    font-weight:700;
    background-image:url(images/border_left.jpg);
    background-repeat:repeat-y;
    color:#485D9F;
    background-color:#F6F6F6;
}

.right {
    font-size:10px;
    font-weight:700;
    background-image:url(images/border_right.jpg);
    background-repeat:repeat-y;
    color:#485D9F;
    background-color:#F6F6F6;
}

form {
    margin:0;
}

#search {
    float:left;
    margin-top:5px;
    border:1px solid #C5C5C5;
    width:125px;
    height:16px;
    overflow:hidden;
    padding:0;
}

#search .inputbox {
    border:0;
    margin-top:0;
    font-family:arial, helvetica, sans-serif;
    font-size:10px;
    height:12px;
    width:125px;
    color:#999;
    background:#FFF;
    padding:0 3px 2px 6px;
}

.inputbox {
    border:1px solid #C5C5C5;
    background:transparent url(images/back.gif);
    background-color:#EDEDED;
    margin-bottom:5px;
    color:#333;
}

.main-body {
    text-align: left;
    font-size:10px;
    color:#333333;
    background-color:#ffffff;
    padding:3px;
}

.main-bg {
    background-color:#FFF;
}

.date {
    font-size:10px;
    color:#686868;
    padding-right:10px;
}

.poll {
    height:12px;
    border:1px #979797 solid;
}

.shoutbox {
    color:#555;
}

.shoutboxdate {
    font-size:9px;
    color:#333;
    text-align:right;
}

.small {
    font-size:10px;
    font-weight:400;
}

.small2 {
    font-size:10px;
    color:#555;
    font-weight:400;
}

.side-small {
    font-size:10px;
    color:#333;
    font-weight:400;
}

.footer {
    font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
    color:#EFEFEF;
    font-size:9px;
    font-weight:400;
}

.footer a:link,.footer a:visited {
    font-size:9px;
    color:#FFF;
    text-decoration:none;
    font-weight:700;
}

.footer a:hover {
    font-size:9px;
    color:#333;
    text-decoration:none;
    font-weight:700;
}

.gallery {
    padding:16px 0 8px;
}

.gallery img {
    border:1px solid #979797;
}

a {
    color:#4a5877;
    text-decoration:none;
}
a.side {
    color:#c0c0c0;
    text-decoration:none;
}
a:hover {
    color:#4a5877;
    text-decoration:underline;
}

a:hover.side {
    color:#ffffff;
    text-decoration:none;
}

.border,.border2 {
    border-color:#C5C5C5;
    border-style:solid;
    border-width:0 1px 1px;
}

.comment-name,.shoutboxname {
    color:#135;
}

.gallery:hover img,img.activegallery {
    border:1px solid #06C;
}

/* Menu bar */
table.navbar
{
    margin: 0px;
    padding: 0px;
    border: 0px;
}

table.menu
{
    margin: 0px;
    padding: 0px;
}

td.menuNormal
{
    padding: 0px;
    color: #FFFFFF;
    text-align: center;
    font-weight: bold;
    vertical-align: top;
}

td.menuHover
{
    padding: 0px;
    color: #FFFFFF;
    text-align: center;
    text-decoration: none;
    font-weight: bold;
    vertical-align: top;
}

div.menuNormal
{
    display: none;
    position: static;
}

div.menuHover
{
    border: none;
    background-color: #3a54a4;
    position: absolute
}

a:link.menuitem
{
    text-decoration: none;
    color: #ffffff;
    background-color: #3a54a4;
    display: block;
}

a:visited.menuitem
{
    text-decoration: none;
    color: black;
    display: block;
}

a:hover.menuitem
{
    text-decoration: none;
    color: #ffffff;
    background-color: #686868;
    display: block
}

a:active.menuitem
{
    text-decoration: none;
    display: block
}
a.menuMain
{
    margin: 0;
    color: #FFFFFF;
}

.menuMain
{
    margin: 0;
    text-decoration:none;
    display: block
}

.pointer {
    cursor: pointer;
}

.jcarousel-skin-tango .jcarousel-container {
}

.jcarousel-skin-tango .jcarousel-container-horizontal {
    width: 764px;
     height: 141px;
    padding: 0;
}

.jcarousel-skin-tango .jcarousel-container-vertical {
    width: 141px;
    height: 764px;
    padding: 0px;
}

.jcarousel-skin-tango .jcarousel-clip-horizontal {
    width:  764px;
    height: 141px;
}

.jcarousel-skin-tango .jcarousel-clip-vertical {
    width:  141px;
    height: 245px;
}

.jcarousel-skin-tango .jcarousel-item {
    width: 75px;
    height: 141px;
}

.jcarousel-skin-tango .jcarousel-item-horizontal {
    margin-right: 0;
}

.jcarousel-skin-tango .jcarousel-item-vertical {
    margin-bottom: 0;
}

.jcarousel-skin-tango .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-tango .jcarousel-next-horizontal {
    position: absolute;
    top: 43px;
    right: 5px;
    width: 32px;
    height: 32px;
    cursor: pointer;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:hover {
    background-position: -32px 0;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal {
    position: absolute;
    top: 43px;
    left: 5px;
    width: 32px;
    height: 32px;
    cursor: pointer;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:hover {
    background-position: -32px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

/**
 *  Vertical Buttons
 */
.jcarousel-skin-tango .jcarousel-next-vertical {
    position: absolute;
    bottom: 5px;
    left: 43px;
    width: 32px;
    height: 32px;
    cursor: pointer;
}

.jcarousel-skin-tango .jcarousel-next-vertical:hover {
    background-position: 0 -32px;
}

.jcarousel-skin-tango .jcarousel-next-vertical:active {
    background-position: 0 -64px;
}

.jcarousel-skin-tango .jcarousel-next-disabled-vertical,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:active {
    cursor: default;
    background-position: 0 -96px;
}

.jcarousel-skin-tango .jcarousel-prev-vertical {
    position: absolute;
    top: 5px;
    left: 43px;
    width: 32px;
    height: 32px;
    cursor: pointer;
}

.jcarousel-skin-tango .jcarousel-prev-vertical:hover {
    background-position: 0 -32px;
}

.jcarousel-skin-tango .jcarousel-prev-vertical:active {
    background-position: 0 -64px;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-vertical,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:active {
    cursor: default;
    background-position: 0 -96px;
}
/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
.jcarousel-container {
    position: relative;
}

.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
}

.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

.jcarousel-list li,
.jcarousel-item {
    float: left;
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 75px;
    height: 75px;
}

/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
.jcarousel-next {
    z-index: 3;
    display: none;
}

.jcarousel-prev {
    z-index: 3;
    display: none;
}

.inline {
   display:inline;
}

.filterMenu {
    background-color: #ffffff;
}
apple_overlay{
    display: none;
}
#overlay {
    background-image:url("http://static.flowplayer.org/img/overlay/petrol.png");
    width:656px;
    height:526px;
    padding:0px;
    display: none;
}

/* container for external content. uses vertical scrollbar, if needed */
.contentWrap {
    width:500px;
    height:519px;
    margin: auto;
    margin-top: 40px
}
.cotentWrap .panel_l  {
    background: none;
}
div.overlay div.close, #overlay div.close {
background:url("http://static.flowplayer.org/img/overlay/close.png") no-repeat scroll 0 0 transparent;
cursor:pointer;
height:35px;
position:absolute;
right:5px;
top:2px;
width:35px;
}

.webImg{
width: 237px; height: 141px; display: inline
}