/* CSS Document */

body {
	margin: 0px;
	padding: 0;
        overflow-y:auto;
       overflow-x: hidden;
	background-image:url(images/radioback.jpg);

}

table, th, td {
            border: 1px solid #ddd;
        }


blockquote {
            background-color: #f9f9f9;
            border-left: 4px solid #2980b9;
            padding: 15px;
            margin: 20px 0;
        }
        .important {
            background-color: #fffde7;
            padding: 15px;
            border-left: 4px solid #ffd600;
            margin: 20px 0;
        }
        .warning {
            background-color: #ffebee;
            padding: 15px;
            border-left: 4px solid #f44336;
            margin: 20px 0;
        }
        .highlight {
            background-color: #e3f2fd;
            padding: 15px;
            border-left: 4px solid #2196f3;
            margin: 20px 0;
        }
        .conclusion {
            background-color: #e8f5e9;
            padding: 20px;
            border-radius: 5px;
            margin: 30px 0;
        }
        ul, ol {
            margin: 15px 0;
            padding-left: 30px;
        }
        li {
            margin-bottom: 8px;
        }
        .emoji {
            font-size: 1.2em;
        }

p {
    font: 12px Verdana, Arial;
    margin-right:20px;
}

a {
	color:#0894dc;
	font: bold Verdana, Geneva, sans-serif;
	font-size:12px;
	font-family: Verdana, Geneva, sans-serif;
}

option {
 color: white; 
 font-size:14px;
 background-color: blue;
}

.bord{
	float:none;
    min-height: 60px; 
    height: auto; 
    border:1px solid #000; 
    border-radius:10px; 
    -webkit-border-radius:30px; /* Safari, Chrome */
    -moz-border-radius:30px; /* Firefox */
    box-shadow: 0 0 10px 1px #1A3457; 
    -webkit-box-shadow: 0 0 10px 1px #1A3457; /* Safari, Chrome */
    -moz-box-shadow: 0 0 10px 1px #1A3457; /* Firefox */
	background-image:url(images/radiohead22.gif);
	margin:4px auto;
	width: 970px;

}

.bordr{
	margin-left:20px;
	margin-right:20px;
	margin-top:15px;
	margin-bottom:0px;
	background-color:#FFF;
	float:none;
	min-height: 1200px;
	height: auto;
	border:1px solid #000;
	border-radius:10px;
	-webkit-border-radius:30px; /* Safari, Chrome */
	-moz-border-radius:30px; /* Firefox */
	box-shadow: 0 0 10px 1px #1A3457;
	-webkit-box-shadow: 0 0 10px 1px #1A3457; /* Safari, Chrome */
	-moz-box-shadow: 0 0 10px 1px #1A3457; /* Firefox */
	margin:0px auto;
	width:90%;
	text-align: center;
}


.bordr3{
	margin-left:20px;
	margin-right:20px;
	margin-top:15px;
	margin-bottom:0px;
	background-color:#FFF;
	float:none;
	min-height: 1200px;
	height: auto;
	border:1px solid #000;
	border-radius:10px;
	-webkit-border-radius:30px; /* Safari, Chrome */
	-moz-border-radius:30px; /* Firefox */
	box-shadow: 0 0 10px 1px #1A3457;
	-webkit-box-shadow: 0 0 10px 1px #1A3457; /* Safari, Chrome */
	-moz-box-shadow: 0 0 10px 1px #1A3457; /* Firefox */
	margin:0px auto;
	width:1240px;
	text-align: center;
}

.bordr2{
	margin-left:20px;
	margin-right:20px;
	margin-top:15px;
	margin-bottom:0px;
	background-color:#FFF;
	float:none;
	min-height: 100px;
	height: auto;
	border:1px solid #000;
	border-radius:10px;
	-webkit-border-radius:30px; /* Safari, Chrome */
	-moz-border-radius:30px; /* Firefox */
	box-shadow: 0 0 10px 1px #1A3457;
	-webkit-box-shadow: 0 0 10px 1px #1A3457; /* Safari, Chrome */
	-moz-box-shadow: 0 0 10px 1px #1A3457; /* Firefox */
	margin:0px auto;
	width:1340px;
	text-align: center;
}







.floating-div {
    width: 305px;
    height: auto;
    float: right;
    margin-left: 15px; /* Adjusts space between the floating div and the content */
    margin-right: 15px; /* Adjusts space between the floating div and the content */
    border: 0px solid #000; /* Optional, for visual border */
    padding: 2px; /* Optional, to create a little padding around the banner */
    background-color: #fff; /* Optional, background color */
}

.floating-div-left {
    float: left;
    margin-left: 15px; /* Adjusts space between the floating div and the content */
    margin-right: 15px; /* Adjusts space between the floating div and the content */
    border: 0px solid #000; /* Optional, for visual border */
    padding: 2px; /* Optional, to create a little padding around the banner */
    background-color: #fff; /* Optional, background color */
}


.bordr p {
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	font-style:normal;
	margin-left:20px;
	margin-right:10px;
	margin-top:10px;
	color: #000;
	text-align: justify;

}

.bordr ul li {
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	font-style:normal;
	margin-left:20px;
	text-align:left;
	list-style:none;
}


.bordr h1 {
	margin-left:10px;
    font: Bold 115% Verdana, Arial;
	color:#000;
	text-align:left;
}

.bordr h2 {

	font: Bold 100% Verdana, Arial;
	margin-left:10px;	
	text-align:left;	
	
}

.bordr h3 {

	font: Bold 100% Verdana, Arial;
	margin-left:10px;	
	text-align:left;	
	
}


.bordr blockquote {
            background-color: #f9f9f9;
            border-left: 4px solid #2980b9;
            padding: 15px;
            margin: 20px 0;
        }
.bordr important {
            background-color: #fffde7;
            padding: 15px;
            border-left: 4px solid #ffd600;
            margin: 20px 0;
        }
.bordr warning {
            background-color: #ffebee;
            padding: 15px;
            border-left: 4px solid #f44336;
            margin: 20px 0;
        }
.bordr highlight {
            background-color: #e3f2fd;
            padding: 15px;
            border-left: 4px solid #2196f3;
            margin: 20px 0;
        }
.bordr conclusion {
            background-color: #e8f5e9;
            padding: 20px;
            border-radius: 5px;
            margin: 30px 0;
        }
.bordr ul, ol {
            margin: 15px 0;
            padding-left: 30px;
        }
.bordr li {
            margin-bottom: 8px;
        }
.bordr emoji {
            font-size: 1.2em;
        }


.content {
    clear: both; /* Ensures the content starts after the floated banner */
}


ul#cssmenu {
        width:90%;
        border: 0 none;
        list-style: none;
/*        background: #FFF;
       border-radius:7px; 		*/
        height: 30px;
        font: bold 14px/28px Verdana, Arial;
/*        border-left:#FFFFFF 1px solid;*/
}

ul#cssmenu li {
        margin: 0;
        border: 0 none;
        padding: 0;
        float: left;
        display: inline;
        list-style: none;
        position: relative;
        height: 30px;
}

ul#cssmenu ul {
        margin: 0;
        border: 0 none;
        padding: 0;
        width: 160px;
        list-style: none;
        display: none;
        position: absolute;
        top: 30px;
        left: 0;

}

ul#cssmenu ul:after {
        clear: both;
        display: block;
        font: 1px/0px serif;
        content: ".";
        height: 0;
        visibility: hidden;
}

ul#cssmenu ul li {
        width: 200px;
        float: left;
        display: block !important;
        display: inline;

}

/* Main Menu */
ul#cssmenu a {
        border: 0px;
       border-radius:7px; 
        padding: 0px 20px;
        float: none !important;
		margin-bottom:20px;
        float: left;
        display: block;
		border-color:#FFF;
        color: #000;
        font: bold 12px/28px Verdana, Arial;
        text-decoration: none;
        height: auto !important;


}

/* Main Menu Hover */
ul#cssmenu a:hover,
ul#cssmenu li:hover a,
ul#cssmenu li.iehover a {
/*        background: #FFFFFF;*/
		
        color:#000;
	padding-top:2px;
	border-color:#FFF;		
        border-radius:7px; 		
        border: 1px;		 


}

/* Second Menu */
ul#cssmenu li:hover li a,
ul#cssmenu li.iehover li a {
        border-top: 2px solid #000;
        float: none;
        color:#003366;
        background: #FFFFFF;
        border:#003366 1px solid;

}

/* Second Menu Hover */
ul#cssmenu li:hover li a:hover,
ul#cssmenu li:hover li:hover a,
ul#cssmenu li.iehover li a:hover,
ul#cssmenu li.iehover li.iehover a {
        background: #0894dc;
        color: #FFFFFF;		
	-webkit-transition: all 0.5s ease;
	
}

ul#cssmenu ul ul {
        display: none;
        position: absolute;
        top: 0;
        left: 170px;
}

ul#cssmenu li:hover ul ul,
ul#cssmenu li.iehover ul ul {
        display: none;
}

ul#cssmenu li:hover ul,
ul#cssmenu ul li:hover ul,
ul#cssmenu li.iehover ul,
ul#cssmenu ul li.iehover ul {
        display: block;
} 

.footer {
	text-align:right;
	margin:0px auto;
	width:980px;	

}

.footer p {
	font-size:10px;

}

.footer a {
     color:#000;
	font-size:10px;


}


/* ------ general
-----------------------------------------------*/

.wrapper {
width:1000px;
margin:70px auto 0;
line-height:18px;
}

ul.reset,
ul.reset li {
display:block;
list-style:none;
padding:0;
margin:0;
}

.blocks {
float:left;
margin:0 0 50px 25px;
position:relative;
}

.blocks p {
float:left;
margin:0;
}

.blocks .search {
float:left;
width:858px;
height:42px;
line-height:42px;
padding:0 10px;
font-size:18px;
color:#8c8c8c;
background:url(../gfx/input.png) no-repeat;
border:none;
}

.blocks .btn {
float:left;
width:71px;
height:42px;
border:none;
text-indent:-9999px;
cursor:pointer;
background:url(../gfx/btn.png) no-repeat;
}

ul.autocomplete {
display:none;
width:300px;
padding:10px;
position:absolute;
top:50px;
left:0;
background:#fff;
border:1px solid #e4e4e4;
/* CSS3 */
-moz-border-radius:8px;
-webkit-border-radius:8px;
border-radius:8px;
}

ul.autocomplete li a {
display:block;
padding:5px 10px;
font-size:14px;
outline:none;
color:#555;
}

ul.autocomplete li a:hover {
background:#f5f5f5;
color:#991b22;
/* CSS3 */
-moz-border-radius:4px;
-webkit-border-radius:4px;
border-radius:4px;
}

.videos {
float:left;
clear:both;
width:100%;
min-height:200px;
}

.videos.preloader {
background:url(../gfx/loader.gif) no-repeat center;	
}

ul.videos li {
float:left;
width:300px;
padding:10px;
margin:0 5px 5px 0;
}

ul.videos li p {
margin:0;
padding:0;
}

.videos .image {
float:left;
width:120px;
height:90px;
font-size:0;
line-height:0;
padding:5px;
background:#fff;
border:1px solid #E6E6E6;
overflow:hidden;
}

.videos .entry {
float:right;
width:163px;	
font-weight:bold;
}

.videos .entry a {
color:#555;
}

.videos .entry small {
display:block;
font-weight:normal;
color:#ACACAC;
}

a {
text-decoration:none;
}

a img {
border:none;
}