/* CSS Document */

body{
	font-family: Geneva, arial, sans-serif;
	margin:0;
	padding:0;
	width:100%;
	height:100%;
	background-color:#5894a7;
	background-image: url(back.jpg);
	background-repeat: repeat-x;
	background-position: top;
}



#container{
	width:900px;
	top:0;
	left:0;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	background-image: url(back2.gif);
	background-repeat: no-repeat;
	background-position: top;
	padding:0px;
}

#homecontent{
	height:300px;
	width:900px;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	font-size: 13px;
	line-height: 20px;
	color: #FFFFFF;	
}

#secondlevel{
	width:900px;
	background-image: url(page2back.png);
	background-repeat: no-repeat;
	background-position: center top;
	padding:0px;
}


#content{
width:900px;
	height:100%;
	margin-top: 20px;
	font-size: 13px;
	line-height: 20px;
	color: #FFFFFF;
	padding:0px;
}

#content a {
	color: #FF9900;
	text-decoration: none;
}

#content a:hover{
	color: #FF6600;
	text-decoration: underline;
}

#leftcol{
	width:600px;
	float:left;
	padding:20px;
}

#leftcolnews{
	width:850px;
	float:left;
	padding:20px;
}

#rightcol{
	width:200px;
	float:right;
	padding:14px;
	margin-right:10px;
	text-align: left;
	background-image: url(page2back.png);
	background-repeat: no-repeat;
	background-position: center top;
}

#rightcol a img{ border:none;
}

#homecontent a img {
	border:none;
}

#homecontent a{
	color: #FF6600;
	text-decoration: none;
}

#homecontent a:hover{
	color: #FF6600;
	text-decoration: underline;
}

h1{
	color: #cbe1e7;
	font-size: 22px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}

h2 {
	font-size: 16px;
	color: #cbe1e7;
	margin-top: 4px;
	margin-right: 0px;
	margin-bottom: 4px;
	margin-left: 0px;
}

h3 {
	text-align: left;
	font-size: 14px;
	color: #cbe1e7;
	margin-top: 4px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}


#flashlogo{
	height:124px;
margin: 0px;
 	padding:0px;
}


	

#nav li a.logo {
	height:36px;
	width:105px;
	display: block;
	background:url(nav_logo.gif) no-repeat top left;
}

#nav li a.logo:hover {height:36px; width:105px; display: block;background:url(nav_logo.gif) no-repeat bottom left;}


#nav li a.about {
	height:36px;
	width:99px;
	display: block;
	background:url(nav_about.gif) no-repeat top left;
}

#nav li a.about:hover {height:36px; width:99px; display: block;background:url(nav_about.gif) no-repeat bottom left;}


#nav li a.services {
	height:36px;
	width:80px;
	display: block;
	background:url(nav_services.gif) no-repeat top left;
}

#nav li a.services:hover {height:36px; width:80px; display: block;background:url(nav_services.gif) no-repeat bottom left;}

#nav li a.orderonline {
	height:36px;
	width:137px;
	display: block;
	background:url(nav_orderonline.gif) no-repeat top left;
}

#nav li a.orderonline:hover {height:36px; width:137px; display: block;background:url(nav_orderonline.gif) no-repeat bottom left;}


#nav li a.news {
	height:36px;
	width:62px;
	display: block;
	background:url(nav_news.gif) no-repeat top left;
}

#nav li a.news:hover {height:36px; width:62px; display: block;background:url(nav_news.gif) no-repeat bottom left;}


#nav li a.support {
	height:36px;
	width:77px;
	display: block;
	background:url(nav_support.gif) no-repeat top left;
}

#nav li a.support:hover {height:36px; width:77px; display: block;background:url(nav_support.gif) no-repeat bottom left;}


#nav li a.contact {
	height:36px;
	width:98px;
	display: block;
	background:url(nav_contact.gif) no-repeat top left;
}

#nav li a.contact:hover {height:36px; width:98px; display: block;background:url(nav_contact.gif) no-repeat bottom left;}

#nav li a.how {
	height:36px;
	width:116px;
	display: block;
	background:url(nav_how.gif) no-repeat top left;
}

#nav li a.how:hover {height:36px; width:116px; display: block;background:url(nav_how.gif) no-repeat bottom left;}


#nav li a.internet {
	height:36px;
	width:126px;
	display: block;
	background:url(nav_internet.gif) no-repeat top left;
}

#nav li a.internet:hover {height:36px; width:126px; display: block;background:url(nav_internet.gif) no-repeat bottom left;}


#nav li span {
	display: none;
}

#footer {
	width:898px;
	background-color:#548d9f;
	border-width: thin;
	border-style: solid;
	border-top-color: #5f98aa;
	border-right-color: #457b8d;
	border-bottom-color: #457b8d;
	border-left-color: #5f98aa;
	color: #aae4e4;
	font-size: 12px;
	height: 130px;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

#footer li {list-style-type: none;

	line-height: 20px;	}

#footer a{
	color: #aae4e4;
	text-decoration: none;
}

#footer a:hover{
	color: #FF6600;
	text-decoration: none;
}

.footcol {
	width:144px;
	float: left;
	margin-right: 10px;
	margin-left: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
}

.footcol2 {
	width:150px;
	float: left;
	margin-right: 30px;
	margin-left: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
	background-image: url(footback.gif);
	background-repeat: repeat-y;
	background-position: right top;
}

#bottom {
	font-size: 10px;
	color: #376d7e;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	width: 600px;
	text-align: center;
}

#footer a img {
	border: none;
}

#bottom a{
	color: #376d7e;
	text-decoration: none;
}

#bottom a:hover{
	color: #FF6600;
	text-decoration: none;
}

.portal{
	width:250px;
	height:260px;
	background-color: #5894a7;
	float: left;
	margin: 10px;
	padding:10px;
	background-image: url(corner.gif);
	background-repeat: no-repeat;
	background-position: top;
}

.textalign{
	vertical-align: middle;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.show{
	padding-bottom: 10px;
	padding-top: 10px;
	text-align: center;
}


/* latest show */ 
	
#innerspotlight{
	width: 190px;
	height:190px;
	overflow: hidden;
	visibility: visible;
	z-index: 1;
	font-size: 11px;
	color: #666666;
	text-align: center;
	margin-top: 0px;
	margin-right: 4px;
	margin-bottom: 4px;
	margin-left: 4px;
	padding: 10px;
	}
	
	
#up{
	height: 19px;
	width: 22px;
	position: relative;
	top: 20px;
	z-index: 2;
	float: right;
	clear: both;
	margin: 0px;
	padding-top: 0px;
	padding-right: 4px;
	padding-bottom: 0px;
	padding-left: 0px;
	}

#down{
	height: 19px;
	width: 22px;
	position: relative;
	top: 160px;
	margin:0px;
	padding-top: 0px;
	padding-right: 4px;
	padding-bottom: 0px;
	padding-left: 0px;
	z-index: 3;
	float: right;
	clear: both;
}

#topnav{ height:36px; 
width:900px;
margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

#nav li {list-style:none; display:inline; 
	float:left;}

#nav{
	float:left;
	height:36px;
	margin: 0px;
	padding: 0px;
	
	}


/* nav */ 
#nav ul { padding:0px; margin:0px; display:block; }

#nav li ul { position:relative;  top:0px; padding-top:0px; width:70px; line-height:16px;
     /* for IE */ display:none;
	 z-index: 2002; }
	
#nav li:hover ul { display:block;}

#nav li ul li{
	display:block;
	border-top: solid 1px #cf7b07;
	list-style-type:none;
	background-color:#e79432;
	width:150px;
	padding-top: 8px;
	padding-right: 8px;
	padding-bottom: 8px;
	padding-left: 8px;
	font-size: 12px;
	z-index: 2001;
}

#nav li ul li a {
	display:block;
	color:#fff;
	text-decoration: none;
}

#nav li ul li a:hover {
	color:#e7d6c1;
	text-decoration: none;
}

#nav li ul li:first-child { border-top: none; } 

#leftcol img {margin-right:10px; margin-bottom:10px; float:left;}

