@media screen {

body {
	margin : 9px 9px 9px 9px;
	padding: 0px 50px 0px 50px;
	background: #fff;
	color: #000;
	font: normal normal normal 12px/20px verdana, arial, helvetica, sans-serif;
}

#container {
	margin : 0px 0px 10px 0px;
	padding: 0px 0px 10px 0px;
	border-bottom: 2px solid #0052ba;
}

/* header */

#header {
	background: url(../images/cisf9.png) top left no-repeat;
	height: 115px;
	margin: 0;
	border-bottom: 8px solid #0052ba;
}

#header h1 {
	display: none;
}

#header h2 {
	display: none;
}



/* main content */

#content {
	margin: 5px 0 0 160px;
}

#content h2 {
	font: normal normal normal 20px/20px verdana, arial, helvetica, sans-serif;
}

#content h3 {
	font: normal normal 700 14px/14px verdana, arial, helvetica, sans-serif ;
}

#content p {
	margin: 0px 0px 12px 0px;
	padding: 0;
}

#content p.nospace {
	margin: 0px 0px 0px 0px;
	padding: 0;
}

#content p.email {
	margin: 0px 0px 0px 16px;
	padding: 0;
}

#content p.phone {
	margin: 0px 0px 12px 16px;
	padding: 0;
}



/* table like style */

.row {
	clear: both;
}

.lastrow {
	clear: both;
	margin-bottom: 2%;
}

.label {
	float: left;
	position:relative;
	overflow:hidden;
	width:10%;
}

.info {
	float: left;
	position:relative;
	overflow:hidden;
}

/* attempt at multi-column content */

/* column container */
.colmask {
	position:relative;		/* This fixes the IE7 overflow hidden bug */
	clear:both;
	float:left;
	width:100%;			/* width of whole page */
	overflow:hidden;		/* This chops off any overhanging divs */
}

.columns {
	float:left;
	width: 100%;
	position: relative;
}

#fencingsites,
#equipment,
#otherclubs {
	float: left;
	position:relative;
	overflow:hidden;
	width:31%;
	margin-right:2%;
}

/* news box */

#newsbox {
	position: absolute;
	top: 10px;
	right: 60px;
	width: 210px;
}

#newsbox h1{
	padding: 0 0 0 10px;
	margin: 14px 0 0 0;
	height: 15px;
	color: white;
	font: normal normal bold 10px/14px verdana, arial, helvetica, sans-serif;
	background: #0052ba;
}

#newsbox p{
	padding: 3px;
	margin: 0px;
	border: 1px solid #ccc;
	font: normal normal bold 10px/10px verdana, arial, helvetica, sans-serif;
}


/* navigation */

#navigation {
	position: absolute;
	top: 140px;
	left: 60px;
	width: 140px;
	background: #fff;
	margin: 0;
	padding: 0;
}

#navigation ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #ccc;
}

#navigation li a {
	display: block;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-bottom: none;
	border-right: 1px solid #ccc;
	color: #000;
	text-decoration: none;
	width: 100%;
}

#navigation li a span.nav {
	padding: 0px 10px 0px 10px;
}

#navigation li a:hover {
  background: #ccc;
	font-weight: 900;
}

body#home #navigation ul li#nav1 a,
body#info #navigation ul li#nav2 a,
body#news #navigation ul li#nav3 a,
body#links #navigation ul li#nav4 a,
body#contact #navigation ul li#nav5 a {
	color: #0052ba;
	font-weight: 900;
}

/* follow us links */


#connectWithUs ul {
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
}

#connectWithUs ul a,
#connectWithUs ul a:link,
#connectWithUs ul a:active,
#connectWithUs ul a:visited,
#connectWithUs ul a:hover {
	color: #111111;
	text-decoration: none;
}

#connectWithUs ul img {
	border: none;
}

#connectWithUs ul li {
	float: left;
}

#connectWithUs ul li a {
	padding-left: 10px;
}


}

@media print {

#navigation,
#connectWithUs,
#newsbox {
	display: none;
}

}