/* global */

html {
        height: 100%;}

body,td,th {
        font-size: 0.68em;
}

body {
        background-color: #636363;
        background-repeat: no-repeat;
}

.style3 {
        color: #000000
}

body { 
        font-family: verdana, arial, sans-serif;
        padding: 0px;
        margin: 0px;
        font-size: .68em;
        background: #636363 url(back.png) no-repeat;
        background-position: bottom left;
        color: #fff;
}

p { 

        margin: 0px;
        padding: 0px 0px 16px 0px;
        line-height: 1.7em;
}

h1 { 
        font-family: arial, sans-serif;
        font-size: 108%;
        letter-spacing: .1em;
}

h2 { 
        margin: 0px;
        padding: 0px 0px 4px 0px;
        font-size: 100%;
}

img {
        border: 0px;
}

a {
        outline: none;
}


/* image positioning - left, right and center */

.left { 
        float: left; 
        padding: 0px 8px 0px 0px;
}

.right { 
        float: right; 
        padding: 0px 0px 0px 8px;
}

.center { 
        display: block;
        text-align: center;
        margin: 0 auto;
}


/* block quote */

blockquote { 
        margin: 20px 0px 20px 0px; 
        padding: 10px 20px 0px 20px;
        border-left: 8px solid;
}


/* unordered list */

ul { 
        margin: 8px 0px 0px 16px;
        padding: 0px;
}

ul li { 
        list-style-type: square;
        margin: 0px 0px 11px 0px; 
        padding: 0px;
}

/* ordered list */

ol { 
        margin: 8px 0px 0px 24px;
        padding: 0px;
}

ol li { 
        margin: 0px 0px 11px 0px; 
        padding: 0px;
}


/* margin lefts / margin rights - to centre content */

#main, #links, #footer, #logo, #menu, #content { 
        margin-left: auto; 
        margin-right: auto;
}

/* main container */

#main {
        width: 780px;
}


/* links above the logo / footer */

#links, #footer {
        width: 726px;
        height: 20px;
	font-size: 88%;
        text-transform: uppercase;
        padding: 8px 21px 0px 19px;
}

#links {
        text-align: right;
}



#footer { 
        text-align: center; 
        border-top: 2px solid;
}

#links a, #footer a {
        text-decoration: none;
}

#links a:hover, #footer a:hover {
        text-decoration: underline;
}


/* logo */

#logo {
        width: 766px;
	height: 125px;
	border-top: 0px solid;
	border-bottom: 0px solid;
}

#logo h1, #logo h2 { 
        margin: 0px;
        letter-spacing: .2em;
}

#logo h1 { 
        padding: 28px 0px 0px 139px;
        font-size: 160%;
}

#logo h2 { 
        font-family: arial, sans-serif;
        padding: 5px 0px 0px 139px;
        font-size: 108%;
}


/* navigation menu */

#menu { 
        height: 30px;
        width: 766px;
        margin-top: -15px;
        position: relative;
}

#menu ul {
        margin: 0px auto;
} 
#menu li { 
        float: left; 
        margin: 0px 5px 0px 0px; 
        padding: 0px;
        list-style: none;
} 

#menu li a { 
        display: block; 
        float: left; 
        height: 20px;
        text-decoration: none; 
        padding: 6px 19px 2px 19px;
        border: 1px solid;
        text-transform: uppercase;
        font-size: 88%;
} 

#menu li a:hover, #menu li a#selected, #menu li a#selected:hover { 
        height: 20px;
        padding: 7px 20px 2px 20px;
        border: 0px;
} 


/* main content */

#content { 
        width: 766px;
        overflow: hidden;
} 



/* column 1 - contains sidebar items */

#column1 { 
        width: 198px;
        margin: 22px 0px 0px 0px;
        float: right;
        padding: 19px 19px 15px 19px;
}

.sidebaritem {
	text-align: left;
	width: 168px;
	float: left;
	margin: 0px 0px 23px 0px;
	border: 1px solid;
	padding: 14px 8px 14px 19px;
}

.sidebaritem h1 { 
        margin: 0px; 
        font-weight: normal;
        padding: 0px 0px 16px 0px;
        text-transform: uppercase;
}

.sidebaritem p { 
        line-height: 16px; 
        padding: 0px 0px 8px 0px;
}

.sidebaritem a, .sidebaritem a:hover { 
        padding: 0px 0px 2px 19px;
        text-decoration: none;
}

.sbilinks {
        padding: 0px
}

.sbilinks ul {
        margin: 0px auto;
} 

.sbilinks li { 
        margin: 0px; 
        float: left; 
        list-style: none; 
} 

.sbilinks li a , .sbilinks li a:hover { 
        float: left; 
        height: 16px;
        text-decoration: none; 
        padding: 5px 0px 4px 19px;
        width: 149px;
} 


/* column 2 - page content */

#column2 {

	text-align: justify;
	width: 505px;
	float: left;
	padding: 2px 3px 15px 19px;
}

#column2 h1 { 
        font-family: arial, sans-serif;
        padding: 16px 0px 5px 0px; 
        margin: 0px 0px 12px 0px; 
        border-bottom: 1px solid;
        font-size: 150%;
        text-transform: uppercase;
        font-weight: normal;
}

#column2 a, #column2 a:hover { 
        padding: 0px 0px 2px 0px;
        text-decoration: none;
        border-bottom: 1px dashed;
}

#column2 a:hover {
        border-bottom: 1px solid;
}


/* additional colour scheme selections */

#colour {
        margin: 0px 0px 20px 0px;
}

#colour a, #colour a:hover {
        border: 0px;
}

.orange { 
        background: #414141 url(orange.png) no-repeat left center;
        color: #FF9C21;
        padding: 0px 40px 0px 20px;
}



form#login {
        text-align:right;
        font-size:10px;
}

#login-panel {
        width: 726px;
        height: 20px;
        font-size: 88%;
        text-transform: uppercase;
        padding: 0px 21px 10px 19px;
        background: black;
        margin-left:auto;
        margin-right:auto;
}

#login .text {
        font-size:9px;
        margin-right:6px;
        width:100px;
}

#login .formlabels {
        color:#ffffff;
        font-weight:bold;
        padding:2px;
        text-transform:uppercase;
}

#login .buttons {
        background-color:#15263A;
        color:#FFFFFF;
        font-family:Verdana,Arial,Helvetica,sans-serif;
        font-size:10px;
}

body { 
        background: #636363 url(back.png) no-repeat;
        background-position: bottom left;
        color: #fff;
}

blockquote {
        border-color: #FF9C27;
}

#main {
        background: #414141 url(main.jpg) repeat-y;
        color: #D5D2D6;
}

#links, #footer, #links a, #footer a, #links a:hover, #footer a:hover {
        background: black;
        color: #D5D2D6;
        border-color: #FF9C27;
}

#logo { 
        background: #636363 url(logo.jpg) no-repeat;
        color: #D5D2D6;
        border-color: #FF9C27;
}

h1, #column1 h1, #column2 h1 { 
        background: transparent;
        color: #FF9C27;
        border-color: #787878;
}

#menu { 
        background: transparent;
        color: #D5D2D6;
}

#menu li a, .sidebaritem {
	background: black;
	color: #D5D2D6;
	border-color: #787878;
	right: 10px;
}

#menu li a:hover, #menu li a#selected, #menu li a#selected:hover{
        background: #FF9C27;
        color: #FFF;
} 

#content, #column2, #column2 a {
	background: #414141;
	color: #D5D2D6;
	border-color: #D5D2D6;
}



#column2 a:hover { 
        background: #414141;
        color: #FF9C27;
        border-color: #FF9C27;
}

.sbilinks li a, .sidebaritem a {
        background: black url(cog.png) no-repeat left center;
        color: #D5D2D6;
} 



.sbilinks li a:hover, .sidebaritem a:hover {
        background: black url(orange_cog.png) no-repeat left center;
        color: #FF9C27;
} 

#date {
	line-height: 20px;
	background-color: #000000;
	height: 20px;
	width: 50px;
}

#player {
	border: 1px solid;
	border-color: #787878;
	text-align: center;
	width: 500px;
	height:600px;
	background-position: center;
}

#wed-player {
	border: 1px solid;
	border-color: #787878;
	width: 727px;
	height: 428px;
}

.google-ad {
}

#player_index {
	height: 299px;
	width: 500px;
	border: 1px solid;
	border-color: #787878;
    text-align: center;
	background-position: center;
}

#lower_main_text {
	width: 727px;
	position: relative;
}

#standard_player {
	height: 270px;
	width: 480px;
	border: 1px solid;
}
