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

body {
  font-family: Tahoma, Arial, Helvetica !important;
	font-size:14px;	
	line-height: 18px;
	background:url('../img/bg_red.jpg') top center no-repeat #fefefe;
	margin:0px;
	padding:0px;
	color:#787878
	}

a { text-decoration:none;
    color:#09F;}	

a:hover { color:#205081;}
	
.header {
	width:900px;
	/*background:url('../img/header_bg.jpg') no-repeat;*/
	height:115px;
	margin:auto;
	color:#fff;
	
	}

canvas {
	/* without 'display' the scrollbars will appear when setting width/height using window.innerHeight */
	display: block;
	width: 68%;
	height: 68%;
	position: absolute;
	right: 9.5%;
}

#logo {
    margin: 20px 0px 20px 30px;
    overflow: hidden;
	}

#linkicon {
    overflow: hidden;
	}

.menu {
	
	height:48px;
	background:url('../img/bg_menu.gif') repeat-x;
	/*width:90%;*/
	width:805px;
	margin:auto;
	border:1px solid #000;
	border-radius: 4px 4px 0 0;
	}

	/* Adjusting the margins, paddings and no list styles */
	.navigation  {
		margin:0; 
		padding:0; 
		list-style:none;
	}	
	
	/* Little tricking with positions */
	.navigation  li {
		float:left;			/* Show list items inline */
 		padding:0px 0px; 
		position:relative;
	}
		
	/* Playing with Main Categories */
	.navigation  li a {
		
		color:#fff;
		display:block;  	/* Making sure a element covers whole li area */
		padding:13px 25px 13px 25px; 
		text-decoration:none; /* No underline */
		border-top:1px solid #F2861D;
		 
		/*text-transform:uppercase;*/
	}

	.navigation  li a:hover {
		color:#000;
		
	}
		
	/* Sub Cat Menu stuff*/
	.navigation  ul {
		position:absolute; 
		left:0; 
		display:none; /* Hide it by default */
		margin:0 0 0 -1px; 
		padding:0; 
		list-style:none;
		border-bottom:3px solid #d12b27;
	}
		
	.navigation  ul li {
		width:150px; 
		float:left; 
		border-top:none;
	}
		
	/* Sub Cat menu link properties */
	.navigation  ul a {
		display:block;    	/* Making sure a element covers whole li area */
		background:#262626; 
		padding:8px 7px 8px 25px; 
		color:#fff;
		text-decoration:none;	
		border-top:none;
		border-bottom:1px dashed #d12b27;
	}
		
	.navigation  ul a:hover {
		color:#f9696e;
	}
	
.content {	
	width:1024px;
	margin:auto;
	margin-bottom:10px;
	background:#fff;

	padding:5px;
	border-radius: 10px 10px 0 0;
	/*border-bottom:10px solid #205081;*/
}

.contenttext {padding:10px;}
#submenu h3 { color:#28a6d3;}
#banner {
	border-radius: 20px 0px 0 0;
	overflow:hidden;
	border-bottom:10px solid #990;
	margin-bottom:10px;
	}

.pub_title {
	font-family: 'Signika', sans-serif;
	font-size: 24px;
	font-weight:bold;
	padding-top:3px;
	}
#textContent { text-align:justify; border-right:1px dotted #ccc; padding:10px 20px 10px 10px; }
#submenu {padding-left:15px; }
#submenu ul { margin:0px; padding:0px; list-style:none;}

#submenu ul li{ border-top:1px dotted #ccc; padding-top:5px;}

.title-one {
	font-family: "Futura W01 Bold",Arial,Helvetica,sans-serif;
    font-size: 2em;
	font-weight:bold;
    line-height: 3rem;
	border-bottom:1px dotted #CCC;
	color:#3c54a4;	
	}

#textContent {}
	
#title_pub {
	background:#24418f;
	color:#fff;
	padding:4px;
	}

	
#bar {
	height:6px;
	width:850px;
	background:#c9e9f0;
	margin:auto;
	}

.sponsor {
	width:1024px;
	background:url('../img/sponsor_bg.gif') repeat-x #fff;
	margin:auto;
	border:1px solid #fff;
	margin-bottom:10px;
	}

.sponsor_title {
	font-family: 'Signika', sans-serif;
	font-size: 18px;
	text-align:center;
	color:#666;
	padding:20px;
	}


.footer {	
	width:1024px;
	margin:auto;
	font-size:12px;
	margin-bottom:10px;
}

#discl {
	padding:10px;
	border-top:1px dotted #999;
	}

/* Tab Content - menucool.com */

ul.tabs
{
    padding: 1px 0;
    font-size: 0px;
    margin:0;
    list-style-type: none;
	border-bottom:1px solid #999;
    text-align: left; /*set to left, center, or right to align the tabs as desired*/
}
        
ul.tabs li
{
    display: inline;
    margin: 0;
    margin-right:3px; /*distance between tabs*/
}
        
ul.tabs li a
{
    font: normal 12px Verdana;
    text-decoration: none;
    position: relative;
    padding: 7px 16px;
    border: 1px solid #CCC;
    border-bottom-color:#B7B7B7;
    color: #000;
    background: #999900 url('../img/tabbg.gif') 0 0 repeat-x;
    border-radius: 3px 3px 0 0;
    outline:none;
}
        
ul.tabs li a:visited
{
    color: #999900;
}
        
ul.tabs li a:hover
{
    border: 1px solid #B7B7B7;
    background:#F0F0F0 url('../img/tabbg.gif') 0 -36px repeat-x;
}
        
ul.tabs li.selected a, ul.tabs li.selected a:hover
{
    position: relative;
    top: 0px;
    font-weight:bold;
    background: #ebc613;
    border: 1px solid #B7B7B7;
    border-bottom-color: white;
}
        
        
ul.tabs li.selected a:hover
{
    text-decoration: none;
}
     

div.tabcontents
{

	padding: 10px;
    background-color:#FFF;
    border-radius: 0 3px 3px 3px;
	border:1px solid #e1e1e1;
}

div.tabcontents ul { list-style:none; margin-left:0px; padding-left:0px;}

div.tabcontents ul li{ border-bottom:1px dotted #969695; padding:5px;}

/* main menu */

.clearfix:after {
    display:block;
    /*clear:both;*/
}
 
/*----- Menu Outline -----*/
.menu-wrap {
    width:100%;
}
 
.menu {
    margin:0px auto;
}
 
.menu li {
    margin:0px;
    list-style:none;
}
 
.menu a {
    transition:all linear 0.15s;
    color:#fff;
	font-size:14px;
}
 
.menu li:hover > a, .menu .current-item > a {
    text-decoration:none;
}
 
.menu .arrow {
    line-height:0%;
}
 
/*----- Top Level -----*/
.menu > ul > li {
    float:left;
    display:inline-block;
    position:relative;
}
 
.menu > ul > li > a {
    padding:5px 20px;
    display:inline-block;
    text-shadow:0px 1px 0px rgba(0,0,0,0.4);
}
 
.menu > ul > li:hover > a, .menu > ul > .current-item > a {
    background:#2e2728;
}
 
/*----- Bottom Level -----*/
.menu li:hover .sub-menu {
    z-index:1;
    opacity:1;
}
 
.sub-menu {
    width:200%;
    padding:5px 0px;
    position:absolute;
    top:100%;
    left:0px;
    z-index:-1;
    opacity:0;
    transition:opacity linear 0.15s;
    box-shadow:0px 2px 3px rgba(0,0,0,0.2);
    background:#2e2728;
}
 
.sub-menu li {
    display:block;
    
}
 
.sub-menu li a {
    padding:10px 30px;
    display:block;
	font-size:12px;
}
 
.sub-menu li a:hover, .sub-menu .current-item a {
    background:#3e3436;
}

ol li {padding-bottom:10px; }
/* end main menu */