/*
-------------------------
OTATC page layout CSS
-------------------------
*/
/*
-------------------------
CODE STOARAGE

filter:alpha(opacity=90);
opacity: 0.9;
-moz-opacity:0.9;

background: url("../graphics/brick.jpg");
-------------------------
*/
body {
color:#CCCCCC;
font-family:Arial,Helvetica,Verdana,sans-serif;
font-size:12px;
line-height:1.4em;
margin:0pt;
margin-top:10pt;
margin-bottom:20pt;
padding:0pt;
}

body {
background: url("../graphics/BG1.jpg") no-repeat;
background-color:#000000;
}

a:link {
	color: #AEBCC6;
	text-decoration: none;
}
a:visited {
	color: #AEBCC6;
	text-decoration: none;
}
a:hover {
	color: #000000;
	background-color: #AEBCC6;
}
a:active {
	color: #FF9900;
	text-decoration: none;
}

.heading {
	color:#BBCACE;
	font-size: 14px;
	font-weight:bold;
}

.intro {
	font-size: 16px;
}

.smallprint {
	color:#AEBCC6;
	font-size: 10px;
}

.highlight { 
	background: #FFA123;
	color: white;
} 
.alert {
	color: #FF0000;
	font-weight: bold;
}

#userAlert {
width:100%;
padding:5px;
background: #5E6E7A;
border: 1px solid #5E6E7A;
}

#devide {
width:100%;
border-top: 1px solid #5E6E7A;
}

#flashContent {
}

#mainPlayer {
background-color:#111111;
padding:0px;
margin:0px;
width:512;
height:303px;
overflow:hidden;
}

#audioPlayer {
background-color:#111111;
border: 1px solid #AEBCC6;
padding:0px;
margin:0px;
width:240px;
height:50px;
overflow:hidden;
}

/*
-------------------------
OTACT main page layout div CSS
-------------------------
*/

#OTATC {
width:874px;
border: 1px solid #AEBCC6;
background-color:#000000;
}

#OTATC:after{
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

#OTATCheader {
height:150px;
overflow:hidden;
}

#OTATCfooter {
width:874px;
height:0px;
}

/*
-------------------------
OTACT Main page layout div CSS
-------------------------
*/

#OTATCmain {
	background: url("../graphics/otatc---BG.jpg") no-repeat top;
}

#OTATCmain:after{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

/*
-------------------------
OTACT Frame page layout div CSS
-------------------------
*/

#OTATCframe {
	width:852px;
	min-height:430px;
	height:auto;
	text-align:left;
	padding:10px;
	padding-top:0px;
	padding-bottom:75px;
	background: url(../graphics/otatc---bottom.jpg) no-repeat bottom;
	overflow:hidden;
}

#OTATCframe:after{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.OTATCimage {	
    border-style:solid;
	border-color:#5E6E7A;
	border-width:1px;
}

#frameMain {
}

#frameSide {
}

#frameSideNews {
	
}

#frameSideThumbGallery {
	width:100%;
}

#frameSideThumbGallery:after{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

#frameSideThumbFrame {
	float:left;
}

#frameSideThumb {
	width:100px;
	height:100px;
	margin-right:5px;
	margin-bottom:5px;
	background-color:#111111;
    border-style:solid;
	border-color:#5E6E7A;
	border-width:1px;
	overflow:hidden;
}

#paging {
	float:left;
	padding:3px;
	margin-right:3px;
	background-color:#111111;
    border-style:solid;
	border-color:#5E6E7A;
	border-width:1px;
	overflow:hidden;
}

/*
-------------------------
forms CSS
-------------------------
*/

form
{
margin:0px;
}

input
{
color: #545454;
font-size:12px;
background: #EFEFEF;
border: 1px solid #CCCCCC
}