@import url(../css/IPTV_base.css);

/* THIS CLEARS ALL DEFAULT MARGINS, PADDING AND BORDERS (makes it easier to control presentation across browsers) */

*
{
    margin: 0;
    padding: 0;
    border: 0px;
    border-collapse: collapse;
	border-spacing: 0;
}
body, option
{
	font-family: arial, helvetica, sans-serif;
	font-size: 13px;
	text-align: center;
	background: #00aceb;
}
#clouds
{
	background: #00aceb url("../images/bg_clouds.gif");
}
body a
{
	color: #00aceb;
}
a:hover
{
	color: #333;
}
#wrapper
{
    margin: 0px auto;
	width: 770px;
}
#container
{
	text-align: left;
	width: 770px;
	min-height: 600px;
	height:auto !important;
	height: 600px;
}
#header
{
	min-height: 200px;
	height:auto !important;
	height: 200px;
	background: url("../images/bg_header.png") no-repeat top left;
}
#contentVideos, #contentGames, #contentTour, #contentTeachers, #contentMain
{
	width: 670px;
	padding: 20px 40px 40px 40px;
	min-height: 300px;
	height:auto !important;
	height: 300px;
}
#contentVideos
{
	border-right: 10px solid #d3212c;
	border-bottom: 10px solid #d3212c;
	border-left: 10px solid #d3212c;
	background: #fff url("../images/bg_content-videos.gif") no-repeat top left;
}
#contentGames
{
	border-right: 10px solid #51449b;
	border-bottom: 10px solid #51449b;
	border-left: 10px solid #51449b;
	background: #fff url("../images/bg_content-games.gif") no-repeat top left;
}
#contentTour
{
	border-right: 10px solid #f5ee36;
	border-bottom: 10px solid #f5ee36;
	border-left: 10px solid #f5ee36;
	background: #fff url("../images/bg_content-tour.gif") no-repeat top left;
}
#contentTeachers
{
	border-right: 10px solid #1d9d4e;
	border-bottom: 10px solid #1d9d4e;
	border-left: 10px solid #1d9d4e;
	background: #fff url("../images/bg_content-teachers.gif") no-repeat top left;
}
#contentMain
{
	border-right: 10px solid #f26522;
	border-bottom: 10px solid #f26522;
	border-left: 10px solid #f26522;
	background: #fff url("../images/bg_content-main.gif") no-repeat top left;
}
.intro
{
    font-size: 14px;
    font-style: italic;
    line-height: 150%;
}
.games
{
	border: 1px solid #f26522;
	padding: 10px;
	margin: 10px 0px 0px 0px;
}
p, ul
{
	margin: 0px 0px 8px 0px;
}
div.inset
{
	padding: 10px;
	margin: 10px 0px 12px 0px;
	background: #d2e7f6;
}
div.links p
{
	padding: 0px 0px 8px 0px;
	border-bottom: 1px solid #ccc;
}
#footer
{
	margin-top: 16px;
}
dl.list
{
	margin: 10px 0px 20px 0px;
}
dl.list dd
{
	margin: 0px 0px 6px 26px;
}
dl.list dd img
{
	margin-right: 2px;
}
dl.list dd a
{
	font-weight: bold;
	margin: 0px 8px;
}


/* Images */

.imgR
{
	float: right;
	width: auto;
	margin: 0px 0px 6px 14px;
}
.imgL
{
	float: left;
	width: auto;
	margin: 0px 14px 6px 0px;
}
p.gallery
{
	font-size: 15px;
	margin: 20px 0px 0px 0px;
}
p.gallery img
{
	margin: 0px 12px 0px 0px;
}


/* Nav Buttons with Rollovers */

div#nav
{
	margin-top: 46px;
	width: 512px;
	float: right;
}
#nav ul
{
	width: 512px;
}
#nav li
{
	display: inline; 
	list-style:none;
}
#nav li a
{
	float: left;
	display:block;
	height: 133px;
}
#nav li a img
{
	vertical-align:bottom; /* for IE6 */
}
#nav li a:hover
{
	visibility:visible;
}
#nav li a:hover im
{
	visibility:visible;
}
#nav li a:hover img/**/ { visibility:hidden; /* hide from IE5.0/win */}
#one, #two, #three, #four
{
	margin-bottom: 20px;
}
#one
{
	background:url(../images/nav_videos-on.png) no-repeat left bottom;
}
#two
{
	background:url(../images/nav_games-on.png) no-repeat left bottom;
}
#three 
{
	background:url(../images/nav_tour-on.png) no-repeat left bottom;
}
#four
{
	background:url(../images/nav_teachers-on.png) no-repeat left bottom;
}
#secondnav
{
	padding: 0px 0px 0px 170px;
	margin: 10px 0px 20px 0px;
    color: #d3212c;
}
#secondnav a
{
	margin: 0px 10px;
}



/* Clear Floats */

#header, #content, #footer
{
	clear: both;
}


/* Headings */

h1, h3, h5
{
    color: #d3212c;
}
h2, h4
{
    color: #51449b;
}
h2, h3, h4
{
    font-style: italic;
	margin-bottom: 6px;
}
h1
{
    font-size: 28px;
	margin-bottom: 12px;
}
h2, h3
{
    font-size: 16px;
}
h4
{
    font-size: 14px;
}
h5
{
    font-size: 13px;
}


/* Tables */

table
{
    margin: 0px 0px 10px 0px;
    width: 100%;
	font-size: 11.5px;
}
th
{
    text-align: left;
    background-color: #1d9d4e;
    color: #fff;
}
th, td
{
    border: #ccc 1px solid;
    padding: 2px 20px 2px 8px;
    vertical-align: top;
}
.col1 col
{
    width: 30%;
}
.col2 col
{
    width: 55%;
}
.col3 col
{
    width: 15%;
}