@charset "utf-8";
/* CSS Document */
/*******************/
/***Global Styles***/
/*******************/
body { margin:0; padding:0; font-family:Verdana, Arial, Helvetica, sans-serif;
       border: 0;
       width: 100%;
       min-width: 600px;
       font-size: 90%;
       background:#efefef url(../graphics/gradients/bodyGrad.gif) repeat-x bottom;}
h1{color:#a6060e; font-size:24px; text-align:center;}
h2 { font: bold 14px Verdana, Arial, Helvetica, sans-serif; color: #000; margin: 0px; padding: 0px 0px 0px 15px; }
img { border: none; }
#wrapper{width:1300px; height:auto; margin:20px auto 0 auto;}
#header{}
#header img{float:left;}
#main{border:1px solid #666; border-top:none; height:715px; background:#ffffff url(../graphics/gradients/mainGrad.gif) repeat-x;}
.ribbon{width:190px; height:312px; position:absolute; margin:0 0 0 235px;}
#content{height:683px; width:548px; border:1px solid #666; border-top:none; background:#ffffff url(../graphics/gradients/contentGrad.gif) repeat-x bottom; margin:15px 0 5px 15px; _margin:15px 0 5px 8px; float:left;}
.contentTxt{font-size:12px; text-align:left; margin:0 5px 0 5px; }
.contentSig{font:bold; font-size:12px; text-align:left; margin: 0 5px 0 5px; }
/***End Global***/
#myOwnPlayer{ float:right; width:420px; margin:0 5px 0 0;}
#footer{text-align:center; color:#ffffff; font-size:11px; margin:0 0 20px 0;}
/****************************/
/***Main Navigation Styles***/
/****************************/
#mosnav { float:left; width:100%; background:#ffffcc; font-size:11px; line-height:normal; border-bottom:1px solid #666; }
#mosnav ul { margin:0; padding:10px 10px 0 50px; list-style:none; }
#mosnav li { display:inline; margin:0; padding:0; }
#mosnav a { float:left; background:url("../graphics/buttons/tableftA.gif") no-repeat left top; margin:0 0 0 2px; padding:0 0 0 4px; text-decoration:none; }
#mosnav a span { float:left; display:block; background:url("../graphics/buttons/tabrightA.gif") no-repeat right top; padding:5px 15px 4px 6px; color:#666; }
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#mosnav a span {float:none;}
/* End IE5-Mac hack */
#mosnav a:hover span { color:#666; }
#mosnav a:hover { background-position:0% -42px; }
#mosnav a:hover span { background-position:100% -42px; }
#mosnav #current a { background-position:0% -42px; }
#mosnav #current a span { background-position:100% -42px; }
/***End Main Navigation***/
body
{
    margin: 0;
    padding: 0;
    border: 0; /* This removes the border around the viewport in old versions of IE */
    width: 100%;
    background: #fff;
    min-width: 600px; /* Minimum width of layout - remove line if not required */ /* The min-width property does not work in old versions of Internet Explorer */
    font-size: 90%;
}
a {
	color:#369;
}
a:hover {
	color:#fff;
	background:#369;
	text-decoration:none;
}
h1, h2, h3 {
	margin:.8em 0 .2em 0;
	padding:0;
}
p {
	margin:.4em 0 .8em 0;
	padding:0;
}
img {
	margin:10px 0 5px;
}
#ads img {
	display:block;
	padding-top:10px;
}

/* Header styles */
#header {
	clear:both;
	float:left;
	width:100%;
}
#header {
	border-bottom:1px solid #000;
}
#header p,
#header h1,
#header h2 {
	padding:.4em 15px 0 15px;
	margin:0;
}
#header ul {
	clear:left;
	float:left;
	width:100%;
	list-style:none;
	margin:10px 0 0 0;
	padding:0;
}
#header ul li {
	display:inline;
	list-style:none;
	margin:0;
	padding:0;
}
#header ul li a {
	display:block;
	float:left;
	margin:0 0 0 1px;
	padding:3px 10px;
	text-align:center;
	background-color:#fff;
	color:#000;
	text-decoration:none;
	position:relative;
	left:15px;
	line-height:1.3em;
}
#header ul li a:hover {
	background:#369;
	color:#fff;
}
#header ul li a.active,
#header ul li a.active:hover {
	color:#fff;
	background:#000;
	font-weight:bold;
}
#header ul li a span {
	display:block;
}
/* 'widths' sub menu */
#layoutdims {
	clear:both;
	/* background:#eee; */
	background:#ffffff url(../graphics/gradients/contentGrad.gif) repeat-x bottom; margin:15px 0 5px 15px; _margin:15px 0 5px 8px; float:left;}
	border-top:4px solid #000;
	margin:0;
	padding:6px 15px !important;
	text-align:right;
}
/* column container */
.colmask {
	position:relative;	/* This fixes the IE7 overflow hidden bug */
	clear:both;
	float:left;
	width:100%;			/* width of whole page */
	overflow:hidden;		/* This chops off any overhanging divs */
}
/* common column settings */
.colright,
.colmid,
.colleft {
	float:left;
	width:100%;			/* width of page */
	position:relative;
}
.col1,
.col2,
.col3 {
	float:left;
	position:relative;
	padding:0 0 1em 0;	/* no left and right padding on columns, we just make them narrower instead 
					only padding top and bottom is included here, make it whatever value you need */
	overflow:hidden;
}
/* 3 Column settings */
.threecol {
	background:#fff;		/* right column background colour */
}
.threecol .colmid {
	right:35%;			/* width of the right column */
	background:#fff;		/* center column background colour */
}
.threecol .colleft {
	right:40%;			/* width of the middle column */
	background:#fff;	/* left column background colour */
}
.threecol .col1 {
	width:46%;			/* width of center column content (column width minus padding on either side) */
	left:102%;			/* 100% plus left padding of center column */
}
.threecol .col2 {
	width:21%;			/* Width of left column content (column width minus padding on either side) */
	left:31%;			/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
}
.threecol .col3 {
	width:21%;			/* Width of right column content (column width minus padding on either side) */
	left:85%;			/* Please make note of the brackets here:
					(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
}

/* 3 Column settings for other pages */
.threecolz {
	background:#fff;		/* right column background colour */
}
.threecolz .colmidz {
	right:25%;			/* width of the right column */
	background:#fff;		/* center column background colour */
}
.threecolz .colleftz {
	right:60%;			/* width of the middle column */
	background:#fff;	/* left column background colour */
}
.threecolz .col1z {
	width:56%;			/* width of center column content (column width minus padding on either side) */
	left:102%;			/* 100% plus left padding of center column */
}
.threecolz .col2z {
	width:11%;			/* Width of left column content (column width minus padding on either side) */
	left:31%;			/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
}
.threecolz .col3z {
	width:21%;			/* Width of right column content (column width minus padding on either side) */
	left:99%;			/* Please make note of the brackets here:
					(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
}
.quotables  {
	color: #339999;
	font-family: font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
	font-style: italic;
}


#Div1  {
    float:center;
	width:100%;
	margin:0;
}
/* Footer styles */
#footer {
	clear:both;
	float:center;
	width:100%;
	border-top:1px solid #000;
}
#footer p {
	padding:10px;
	margin:0;
}
