/* Semantic tags */
html, body{
	margin: 0 auto;
	font-family: Arial, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	background-color:#e9e9e9;
}

h1{color:#013660;}
h2{
	color:gray;
	border-bottom: 2px solid gray;
}
a{
	text-decoration:none;
	color:#00365f;
}

a:hover{
	border-bottom: 1px dotted #00365f;
}

/* Grouped rules */
#header, #content, #footer{
	margin: 0 auto;
	width:920px;
	border-left:1px solid #00365f;
	border-right:1px solid #00365f;
}

/* Block level elements */
#document{}
#header{
	background: white url(../images/hdr.jpg) top center no-repeat;
	height: 288px;
}
#content{background-color:white;}
#footer{
	color:white;
	height: 70px; 
	background: #00365f url(../images/footer_img.jpg) bottom right no-repeat;
}

/*styling*/

#header #navigation {
	padding-top: 218px;
	padding-left: 50px;
	height: 288px;
}

#header #navigation ul{
	list-style:none;
	color: white;
	font-size: 14pt;
	margin-top: 0;
	padding: 0;
}
#header #navigation  li{
	display:inline;
	padding:12px 30px 55px 30px;
	color:white;
}
#header a{color:white;}

#header #navigation .active{
	display:inline;
	height:94px;
	color:red;
}

#homeActive{background: url(../images/homeactive.png) top no-repeat;}
#ticketsActive{background: url(../images/ticketsactive.png) top no-repeat;}
#aboutActive{background: url(../images/aboutactive.png) top no-repeat;}

#header #navigation  a:hover{
	display:inline;
	height:94px;
	color:red;
}

#magCover{
	float:left;
	margin: 0px 20px 30px 5px;
}
#magCover a{border:none;}
.clr{clear:both;}

#main{width: 440px; overflow:hidden;}

.whatson{
	width: 210px;
	float:left;
	margin-right: 0px;
	padding: 5px;
}
#hpi1, #hpi2, #hpi3, #hpi4{}
#hpi1 img, #hpi2 img, #hpi3 img, #hpi4 img{padding-top: 10px;}
 
#hpi1{background-color:#e71627;}
#hpi2{background-color:#023e8d;}
#hpi3{background-color:#ed1a3b;}
#hpi4{background-color:#2aa83f;}

.whatson h3{
	color:#00365f;
	margin: 0;
}
.whatson p{
	margin: 3px 0 10px 0;
}

#clickForMag{
	position:relative;
	bottom: 20px;
	left: 190px;
}

img {border:none;}

#footer p{margin:0; padding: 5px 5px 0 5px;}
#footer a{color:white; text-decoration:underline;}
#footer .left, #footer .right{font-size: 8pt;font-weight:bold;}

.left{float:left;}
.right{float:right;}
.center{text-align:center; clear:both; font-weight:bold;}

#openIssue {
	margin: 30px 0 30px 250px;
}

#openIssue p{
	text-transform:uppercase;
	border-bottom: 1px solid #76909c;
	display:inline;
	color: #76909c;
	margin: 0;
	font-size: 12pt;
	font-weight: bold;
	letter-spacing: -0.5px;
}
#openIssue img{
	vertical-align:middle;
	margin-left: 5px;
}

#aboutMain{
	width:450px;
	padding: 0 5px 0 20px;
	float:left;
}

#welcomeMessages{
	overflow:hidden;
	width:421px;
	float:right;
	margin-right: 20px;
}
#welcomeMessages img{margin: 3px; border: 3px solid white;}
#welcomeMessages img:hover{border: 3px solid #013660;}
#welcomeMessages a{
	color:#76909c;
	font-weight:bold;
}
#welcomeMessages p{
	color:#76909c;
	font-weight:bold;
	width: 350px;
}
#testimonials {
	width:421px;
	margin-right: 20px;
	float:right;
}

#testimonials h2{margin-bottom: 0;}
.quoute{margin-top:0;}

.testimonial{
	background-color:#e9e9e9;
	padding: 10px;
	height:150px;
}

#controls{margin-left: 320px;}
#controls img{cursor:pointer;}

iframe{margin: 20px 0 20px 70px;}

#profileLeft{float:left; width: 580px; padding-left: 20px;}
#profileRight{float:right; width: 300px;}