/*
Description:	CSS E-News 2010 
Author:			Visualcode Limited
Date: 			June 2011.
Version:		1.0
*/


/*---------------------------Global Start -----------------------------*/

body { 
	font-weight: normal;
	text-align:center;
  	position:relative;
	margin:0;
	padding:0;
	font-family: Trebuchet MS, Lucida Grande, Helvetica, Arial, san serif;
	font-size: 13px;
	color:#FFF;
	background:#FFF;
	}
	
a:link {
	color:#FFDD00;
	text-decoration: none;
	}

a:visited {
	color:#FFDD00;
	text-decoration: none;
	}

a:active {
	color:#CCC;
	text-decoration: none;
	}

a:hover {
	color:#CCC;
	text-decoration: none;
	}

a img{
	border:none;
	}


h1, h2, h3, h4{
	font-weight:normal;
	line-height:normal;
	}
	
h1 {
	font-size: 28px;
	clear:both;
	color:#FFF;
	text-shadow:#031f2a 0px 1px 0px;
	}

h1 span{color:#007094; }

h2 {
	color:#007094;
	font-size: 23px;
	font-weight:normal;
	text-shadow:#031f2a 0px 1px 0px;
	}

h2 span{color:#03384c;}

h3 { 
	font-size: 20px;
	font-weight:normal;
	color:#FFDD00;
	}

h4 {
	font-size: 16px;
	font-weight:bold;
	color:#FFF;
	}

hr {
	border: none;
	height: 1px;
	margin: 5px auto;
	padding: 0px !important;
	color:#FFF;
	clear:both;
	border-top:#CCC solid 1px;
	}

p{
	margin:10px 0;
	}
	
div{position:relative;}
	
table{margin:0;}	
table td{padding:5px; font:11px "trebuchet ms", arial, helvetica, sans-serif; border-bottom:#DFDFDF solid 1px; vertical-align:top;}	
table td.five{padding:5px;}
table thead td{background:#666; border-top:#FFF solid 1px; border-bottom:#FFF solid 1px; border-right:#FFF solid 1px; color:#FFF; padding-left:5px; font-weight:bold;}
table thead td.none{border-right:none;}	

.clear{clear:both; text-align:center; padding-top:0px;}

a.button,
.clear a{
	padding:5px 10px !important;
	border:0;
	color:#FFF;
	font-weight:bold;
	font-size:11px;
	background:#71716d;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	text-decoration:none !important;
	}

a:hover.button,
.clear a:hover{
	background:#033B42;
	color:#FFF;
	}
	
/*LAYOUT BELOW*/

#container{text-align:center; width:100%;}

#magfour{
	width:606px;
	margin:50px auto;
	padding:0;
	}
	
#magfour .block{
	border:#CCC solid 3px;
	width:260px;
	height:260px;
	padding:15px;
	float:left;
	margin:0px 5px 5px 0px;
	text-align:left;
	background:#03384c;
	}
	
.tleft{border-radius:0px 20px 0px 20px; -moz-border-radius:0px 20px 0px 20px; -webkit-border-radius:0px 20px 0px 20px;}	
.tright{border-radius:20px 0px 20px 0px; -moz-border-radius:20px 0px 20px 0px; -webkit-border-radius:20px 0px 20px 0px; background:#FFF url(images/calor.png) no-repeat !important; text-indent:-9999px;}
.bleft{border-radius:20px 0px 20px 0px; -moz-border-radius:20px 0px 20px 0px; -webkit-border-radius:20px 0px 20px 0px;}
.bright{border-radius:20px 0px 20px 0px; -moz-border-radius:0px 20px 0px 20px; -webkit-border-radius:20px 0px 20px 0px;}	


#logo{text-indent:-9999px; background:url(images/logo.png) no-repeat left 15px; height:50px;}