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

#OUTER {
	position:relative;
	top:45px;
	width:910px;
	height:1200px;
	z-index:1;
	border: 1px double #666;
	-moz-border-radius:5px;
	-khtml-border-radius:5px;
}

#TXT {
	position:absolute;
	z-index: 5;
	height: auto;
	width: 570px;
	left: 225px;
	top: 310px;
	float: left;
	text-align: left;
	padding: 20px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	color: #999;
	text-align: justify;
}

#LOGO {
	position:absolute;
	width:98px;
	height:43px;
	z-index:3;
	top: -45px;
	left: 0px;
	text-align: center;
}

#SHADOW {
	position:absolute;
	width:46px;
	height:100%;
	z-index:1;
	left: 912px;
	top: 8px;
	background-image: url(../images/gif/shadow.gif);
	background-repeat: repeat-y;
}


#MENU{
	position:absolute;
	width:350px;
	height:20px;
	z-index:9999;
	left: 105px;
	top: -40px;

}

#MAILLIST{
	position:absolute;
	width:500px;
	height:20px;
	z-index:9999;
	left: -20px;
	top: 125px;

}

#LOGIN{
	position:absolute;
	width:350px;
	height:40px;
	z-index:9999;
	left: 630px;
	top: -45px;
	padding: 0px;

}

#LOGIN a{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 8px;
	font-weight: normal;
	color: #999;
}

#LOGIN a:hover{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 8px;
	font-weight: normal;
	color: #999;
}

/*containers on the top of page*/
#TOP_CONTAINER_TXT{
	position:absolute;
	width:127px;
	height:20px;
	z-index:7;
	text-align: center;
}

#TOP_CONTAINER_PIC{
	position:absolute;
	width:127px;
	height:60px;
	z-index:7;
	text-align: center;
}

#TOP_CONTAINER a{
	text-decoration: none;
	font-family: Verdana, Geneva, sans-serif;
	color: #003;
}

/*left side of page*/
#LEFT_CONTAINER {
	position:absolute;
	z-index:7;
	text-align: center;
	vertical-align: middle;
	-moz-border-radius:5px;
	-khtml-border-radius:5px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	padding: 4px;
	background-color: #006;
	border: 1px solid #666;
}

/*rss feeds*/
#RSS_FEED{
	position:absolute;
	z-index:5;
	padding: 10px;
	width:250px;
	height:70px;
	background-color: #006;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	text-align: left;
	border: 1px solid #666;
	-moz-border-radius:5px;
	-khtml-border-radius:5px;
	
	
	
}
#RSS_FEED a{
	text-decoration: none;
	font-family: Verdana, Geneva, sans-serif;
	font-size:10px;
	color: #666;
}

#RSS_FEED a:hover{
	text-decoration: none;
	font-family: Verdana, Geneva, sans-serif;
	font-size:10px;
	color: #999;
}

/*Gallery*/

#GALLERY{
	position:absolute;
	z-index:5;
	padding: 10px;
	width:350px;
	height:350px;
	background-color: #006;
	border: 2px solid #666;
	margin-bottom: 1em;
    filter:progid:DXImageTransform.Microsoft.alpha(opacity=80); /*Specify fade effect in IE. Remove if desired.*/
	-moz-opacity: 0.8; /*Specify fade effect in Firefox. Remove if desired.*/
	-moz-border-radius:5px;
	-khtml-border-radius:5px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	text-align: left;
}
#GALLERY a{
	text-decoration: none;
	font-family: Verdana, Geneva, sans-serif;
	color: #666;
}

#GALLERY a:hover{
	text-decoration: none;
	font-family: Verdana, Geneva, sans-serif;
	color: #999;
}

#PLAYER {
	position:absolute;
	width:910px;
	height:120px;
	z-index:2;
	left: 0px;
	top: 156px;
}


#PLAYERSHADOW {
	position:absolute;
	width:900px;
	height:25px;
	z-index:10000;
	left: 8px;
	top: 278px;
	z-index:2;
	background-image: url(../images/gif/shadow-player.gif);
	background-repeat: repeat-x;
}

#DATE{
	position:absolute;
	z-index:5;
	padding: 5px;
	width:250px;
	height:20px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	text-align: right;
	left: 650px;
	top: 280px;
}

#LOADER{
	position:absolute;
	width:200px;
	height:200px;
	z-index:9999;
	visibility: visible;
	margin: auto;
	left: 40%;
	top: 40%;
	text-align: center;
	vertical-align: middle;
}

.txtloader{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #FC3;
}

#SHADER{
	position:absolute;
	width:2000px;
	height:2000px;
	z-index:120;
	visibility: visible;
	margin: auto;
	left: 0;
	top: 0;
	opacity: .5;
	filter: alpha(opacity=50); /*IE 7*/
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";/*IE8*/
	background-color: #000;
}



/*txt classes for top of the page containers*/

.top_one_txt {
	left: 768px;
	top: 10px;
}

.top_two_txt {
	left: 658px;
	top: 10px;
}

.top_three_txt {
	left: 550px;
	top: 10px;
}

.top_four_txt {
	left: 400px;
	top: 10px;
}

.top_five_txt {
	left: 270px;
	top: 10px;
}

.top_six_txt {
	left: 120px;
	top: 10px;
}

.top_seven_txt {
	left:0px;
	top: 10px;
}

/*pic classes for top of the page containers*/

.top_one_pic {
	left: 768px;
	top: 51px;
}

.top_two_pic {
	left: 658px;
	top: 50px;
}

.top_three_pic {
	left: 550px;
	top: 50px;
}

.top_four_pic {
	left: 400px;
	top: 60px;
}

.top_five_pic {
	left: 270px;
	top: 55px;
}

.top_six_pic {
	left: 120px;
	top: 52px;
}

.top_seven_pic {
	left: 0px;
	top: 60px;
}
	


/*classes for rss feeds*/

.sa_news {
	left: 830px;
	top: 320px;
	
}
.sa_acc {
	left: 690px;
	top: 460px;
}

.cnn_news {
	left: 690px;
	top: 600px;
}

/*class for gallery container*/
.gallery{
	left: 690px;
	top : 450px;
}


/*classes for left containers*/

.first_left {
	width:205px;
	height:230px;
	left:15px;
	top:310px;
}
.second_left{
	width:205px;
	height:230px;
	left:15px;
	top:555px;
}



.centre{
	margin-left:30px;
	margin-right:auto;
}




.bbcclass{
	width: 400px;
	padding: 6px;
	background-color: #FC0;
	border: 1px solid #004A00;
}

.rsstitle{ /*shared class for all title elements in an RSS feed*/
	font-size:10px;
	font-weight: bold;
}



.rssdate{ /*shared class for all date elements in an RSS feed*/
	color: #999;
	font-size: 10px;
}

.rssdescription{
	color: #999;
	font-size: 10px;
}

.small_grey {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #999;
}

.smaller_grey {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 8px;
	font-weight: normal;
	color: #999;
}

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

a:hover {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #F00;
}
	

.txt {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
    color: #666;
}
body {
	background-color: #006;
}
input {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	background-color: #006;
	width: 120px;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-color: #003;
	border-right-color: #003;
	border-bottom-color: #003;
	border-left-color: #003;
	color: #999;
}
.buttonBg {
	background-image: url(../images/gif/button-send.gif);
	height: 20px;
	width: 20px;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-color: #009;
	border-right-color: #009;
	border-bottom-color: #009;
	border-left-color: #009;
}