@charset "UTF-8";
/* CSS Document */

<style type="text/css">

body {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	width: 100%;
}
body {
	background-image: url(../../_images/_alt/gotobg.jpg);
	background-repeat:no-repeat;
	background-position: center top;
	margin: 0;
	padding: 0;
	font-family: Helvetica, Arial, sans-serif;
	text-align: center;
	line-height:130%;
}

/*DIVS*/

#wrapper {position: relative; width: 900px; margin: auto; text-align: left; min-height: 100%; }
	
#header {
	position: relative;
	top: 0px;
	left: 0px;
	width: 900px;
	height: 80px;
	border: none;
}

#homeref {
	position:absolute;
	top: 0px;
	left: 0px;
	width: 287px;
	height: 66px;
	overflow:hidden;
	visibility: visible;
}

#quicklinkswrapper {
	background:url(../../_images/quicklinks.png);
	position: absolute;
	top: 20px;
	left: 330px;
	width: 555px;
	height: 28px;
	text-align: left;
}

#quicklinks {
	position: absolute;
	top: 25px;
	left: 675px;
	width: 460px;
	height: 20px;
	font-family: Helvetica, Arial, sans-serif;
	text-align: left;
	color:#FFF;
	font-size:14px;
}
#menu_box {
	background:url(../../_images/_alt/menu.png);
  position: absolute;
  top: 78px;
  left: 0px;
  width: 900px;
  height: 50px;
  line-height:130%;
}
#content {
	position: relative;
	top: 53px;
	left: 0px;
	width: 900px;
	height:auto;
	min-height: 400px;
	font-family: Helvetica, Arial, sans-serif;
	line-height:130%;
}
#contentmain {
	position: relative;
	padding: 2px;
	float:left;
	top: 0px;
	left: 0px;
	width: 620px;
	Height:auto;
	min-height: 400px;
	font-family: Helvetica, Arial, sans-serif;
	font-size:13px;
	color: #555;
	line-height:130%;
}

#contentNOSB {
	position: relative;
	float:left;
	padding: 2px;
	top: 0px;
	left: 0px;
	width: 900px;
	Height:inherit;
	min-height: 400px;
	font-family: Helvetica, Arial, sans-serif;
	font-size:13px;
	color: #555;
	line-height:130%;
}

#video {position: relative; padding:5px; text-align:center; vertical-align:middle; float:left; width:620px; min-height:346px; height:auto; background:url(../../_images/goto/itembg.jpg)}

#videosidebar {
	position: relative;
	float:right;
	padding: 5px;
	background:url(../../_images/goto/itembg.jpg);
	top: 0px;
	width: 248px;
	height: 346px;
	font-size: 12px;
	color: #fff;
	font-family: Helvetica, Arial, sans-serif;
	line-height:130%;
}

#leftthird {
	position:relative;
	padding:5px;
	float:left;
	width:289px;
	height:auto;
	min-height:250px;
	margin-top:10px;
	font-size: 13px;
	color: #555;
	font-family: Helvetica, Arial, sans-serif;
	line-height:130%;
}

#centerthird {
	position:relative;
	padding:5px;
	background-color:#eeeeee;
	float:left;
	width:289px;
	height:auto;
	min-height:250px;
	margin-top:10px;
	font-size: 13px;
	color: #555;
	font-family: Helvetica, Arial, sans-serif;
	line-height:130%;
}

#rightthird {
	position:relative;
	padding:5px;
	float:right;
	width:289px;
	height:auto;
	min-height:250px;
	margin-top:10px;
	font-size: 13px;
	color: #555;
	font-family: Helvetica, Arial, sans-serif;
	line-height:130%;
}

#twothirds {
	position:relative;
	padding:5px;
	float:right;
	width:578px;
	height:auto;
	min-height:250px;
	margin-top:10px;
	background-color:#eeeeee;
	font-size: 13px;
	color: #555;
	font-family: Helvetica, Arial, sans-serif;
	line-height:130%;
}
	

#sidebar {
	position: relative;
	padding: 5px;
	background:url(../../_images/goto/itembg.jpg);
	float:right;
	width: 258px;
	height:auto;
	min-height:380px;
	font-size:12px;
	color: #fff;
	font-family: Helvetica, Arial, sans-serif;
}
#footer {
	position:relative;
	background:url(../../_images/_alt/menu.png) repeat-x;
	float:left;
	width: 900px;
	height: 50px;
	font-family: Helvetica, Arial, sans-serif;
}
#footercontent {
	position:absolute;
	top: 5px;
	width: 900px;
	height: 50px;
	font-family: Helvetica, Arial, sans-serif;
}

/*TEXT STYLES*/

.texthead {
	font-family: Helvetica, Arial, sans-serif;
	color: #0D74DB;
	font:Helvetica, Arial, sans-serif;
	font-size:13px;
	line-height:130%;
}

.highlight {background-color:#FF9D9D;border-bottom:#F30 1px solid;border-top:#F30 1px solid;padding: 4px 10px}

a:link {color:#FFF; text-decoration:none; line-height:130%;}
a:visited {color:#FFF; text-decoration:none; line-height:130%;}
a:hover {color:#FFF; text-decoration:underline; line-height:130%;}
a.active {color:#FFF; text-decoration:none; line-height:130%;}

.bluelink a:link {color:#023463; font-size:13px; text-decoration:none; line-height:130%;}
.bluelink a:visited {color:#023463; font-size:13px; text-decoration:none; line-height:130%;}
.bluelink a:hover {color:#023463; text-decoration:underline; font-size: 13px; line-height:130%;}
.bluelink a.active {color:#023463; font-size:13px; text-decoration:none; line-height:130%;}

.content {
	color:#333;
	text-decoration:none;
	font-size:13px;
}

.contentblue {
	color:#0173e3;
	text-decoration:none;
	font-size:13px;
}

.header {color:#0099CC; text-decoration:underline; font-size:18px;}

a img {
  border: none;
}

h1 {
	font-size: 1.6em;
	height: 20px;
	padding-top: 0;
}

h2{
	font-size: 1.2em;
	height: 20px;
	padding-top: 0;
}


/*PNG FIX FOR IE*/

<style type="text/css">
img, div { behavior: url(../Assets/iepngfix.htc) }
</style>

/* Contact Slider CSS */

.clear {clear: both;height: 0;line-height: 0;}
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
.clearfix {height: 1%;}
.clearfix {display: block;}

/* Panel Tab/button */

.toptab {
  	background: url(images/tab_b.png) repeat-x;
	height: 20px;
	width: 100%;
	position: relative;
    top: 0;
    z-index: 999;
	border:none;
}

.tab {
	height: 20px;
	position: relative;
    top: 0;
    z-index: 999;
	border: none;
}

.tab ul.login {
	position: relative;
	float: right;
	clear: right;
	height: 20px;
	width: 545px;
	top: 3px;
	line-height: 15px;
	font-weight: bold;
	margin: 0;
	right: 150px;
	color: white;
	font-size:12px;
	text-align: center;
}

.tab ul.login li.left {
  	height: 20px;
	width: 10px;
	padding: 0;
	margin: 0;
  	display: block;
	float: left;
}

.tab ul.login li.right {
  	height: 20px;
	width: 1px;
	padding: 0;
	margin: 0;
  	display: block;
	float: left;
}

.tab ul.login li {
 	text-align: left;
  	padding: 0 3px;
	display: block;
	float: left;
	height: 20px;
}

.tab ul.login li a {
	color: #15ADFF;
	top: -3px;
}

.tab ul.login li a:hover {
	color: white;
}

.tab .sep {color:#FFF}

.tab a.open, .tab a.close {
	height: 20px;
	line-height: 20px !important;
	padding-left: 25px !important;
	cursor: pointer;
	display: block;
	width: 75px;
	position: relative;
	top: 0px;
}

.tab a.open {background: url(images/bt_open.png) no-repeat left 0;}
.tab a.close {background: url(images/bt_close.png) no-repeat left 0;}
.tab a:hover.open {background: url(images/bt_open.png) no-repeat left -19px;}
.tab a:hover.close {background: url(images/bt_close.png) no-repeat left -19px;}

.panelcontent {color:#CCC; font:Helvetica, Arial, sans-serif;}

#nul a:link {text-decoration:none}
#nul a:visited {text-decoration:none}
#nul a:hover {text-decoration:none}
#nul a.active {text-decoration:none}

/* sliding panel */
#toppanel {
	position: relative;   /*Panel will overlap  content */
	/*position: relative;*/   /*Panel will "push" the content down */
    top: 0;
	width: 100%;
	z-index: 999;
	text-align: center;
	color:#F3F3F3;
	margin-left: auto;
	margin-right: auto;
}

#panel {
	width: 100%;
	height: 465px;
	color:#CCC;
	background: #272727;
	overflow: hidden;
	position: relative;
	z-index: 3;
	display: none;
}

#panel h1 {
	font-size: 1.6em;
	padding: 5px 0 10px;
	margin: 0;
	color: #ccc;
}

#panel h2{
	font-size: 1.2em;
	padding: 10px 0 5px;
	margin: 0;
	color: #ccc;
}

#panel p {
	margin: 5px 0;
	padding: 0;
	color:#CCC;
}

#panel a {
	text-decoration: none;
	color: #15ADFF;
}

#panel a:hover {
	color: white;
}

#panel a-lost-pwd {
	display: block;
	float: left;
}

#panel .content {
	width: 900px;
	margin: 0 auto;
	color:#CCC
	padding-top: 15px;
	text-align: left;
	font-size: 0.85em;
}

#panel .content .left {
	width: 260px;
	float: left;
	padding: 0 15px;
	border-left: 1px solid #333;
}

#panel .content form {
	margin: 0 0 10px 0;
}

#panel .content label {
	float: left;
	padding-top: 8px;
	clear: both;
	width: 280px;
	display: block;
}

#panel .content input.field {
	border: 1px #1A1A1A solid;
	background: #414141;
	margin-right: 5px;
	margin-top: 4px;
	width: 200px;
	color: white;
	height: 16px;
}

#panel .content input:focus.field {
	background: #545454;
}

/* BUTTONS */
/* Login and Register buttons */
#panel .content input.bt_login,
#panel .content input.bt_register {
	display: block;
	float: left;
	clear: left;
	height: 24px;
	text-align: center;
	cursor: pointer;
	border: none;
	font-weight: bold;
	margin: 10px 0;
	color:#CCC;
}

/* Menu CSS */

#menu {
    position:relative;
    z-index:100;
    height:30px;
	margin-top:9px;
}
#menu .menu {
	position:absolute;
	width: 900px;
}
#menu * {
    list-style:none;
    border:0;
    padding:0;
	margin:0;
}
#menu a {
    display:block;
    padding:7px 14px 7px 14px;
    white-space:nowrap;
}
#menu li {
    float:left;
    background:#333;
}
#menu li li {
    float:none;
    _border:1px solid #333; /** fix for ie6 */
}
#menu div {
    visibility:hidden;
    position:absolute;
    background:url(images/pix.gif);
}
#menu div div {
    margin:-24px 0 0 -1px;
    left:100%;
}
#menu li:hover>div { visibility:visible; }

/* menu::special styles */
/* menu::level 1 */
#menu a {
    text-decoration:none;
    color:#333;
    position:relative;
    z-index:77;
}
#menu a:hover {
    background:url(images/back.png);
    color:#0173e3;
}
#menu a:hover span { color:#00aeff }
#menu>ul>li:hover>a {
    background:url(images/back.png);
    color:#0173e3;
}
#menu>ul>li:hover>a span { color:#fff; }
#menu span {
    font:17px "Helvetica", Arial, Sans-serif;
    color:#333;
}
#menu li { background:none; }
/* menu::level >= 2 */
#menu li li a {
    padding:0;
    position:static;
}
#menu li li a:hover { background:#00bfff; }
#menu li li a span { color:#333; }
#menu li li a:hover span { color:#333; }
#menu li li a.parent span { background:url(images/pointer.gif) no-repeat right 9px; _background-position:right 10px; }
*+html #menu li li a.parent span { background-position:right 10px; }
#menu li li a.parent:hover span { background-position:right -49px; }
*+html #menu li li a.parent:hover span { background-position:right -48px; }
#menu li li span {


    display:block;
    text-transform:none;
    line-height:16px;
    padding:4px 25px 4px 14px;
    font-size:11px;
}
#menu li div { background:url(images/back.png); }
/** <fix for ie6> */
#menu div div {
    _margin-top:-25px;
    _background:#333;
}
#menu li li li { _border:1px solid #333; }
#menu div div div { _background:#fff; }
#menu li li li li { _border:1px solid #333; }
/** </fix for ie6> */

/* lava lamp */
div#menu li.back {
    width:10px;
    height:32px;
    z-index:8;
    position:absolute;
}
div#menu li.back .left {
    width:auto;
    height:32px;
    float:none;
    position:relative;
    top:0;
    left:0;
    visibility:visible;
}