@charset "UTF-8";

/* 	Name:		Coastside Academy of Fencing
	URL:		http://www.CoastsideFencers.com
	CSS ver.:	August 25 2009
	CSS:		Copyright2009 Coastside Academy of Fencing
	Author:		Stephanie Schmitt
	Author URL:	http://www.StephanieSchmittDesign.net
				
*/	


@import url("reset.css");	

body {
	font-size: 75%;
	font-family: "Lucida Grande", "Helvetica Neue", Arial, Verdana, sans-serif;
	background-image:url(../_IMAGES/bg_mesh3.jpg);
	background-repeat:repeat-y;
	background-color: #000;
	background-position:center;
	}
	

	
#wrapper {
	width:960px;
	margin-left:auto;
	margin-right:auto;
	background-color:#f6f6f6;
	border-left:solid 5px #F00;
	border-right:solid 5px #F00;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px; 
}

#namePlate {
	margin-left:auto;
	margin-right:auto;
	background-color:#F00;
	padding:10px 0;
	width:960px;
	text-align:center;
}	

#navContainer {
	width:auto;
	background-color:#7e7e7e;
	position:absolute;
	z-index:700;
}

	
/*------------------------
		LINKS
--------------------------*/
	
a:link, a:visited  { 
	color:#333;
	background-color:none;
	text-decoration:none;
}

a:hover {
	background-color:#333;
	color:#f6f6f6;
	text-decoration:none;
	padding:2px;
}




/*------------------------
		BODY
--------------------------*/

p.browserTag {
	font-size:1em;
	line-height:1.25em;
	font-weight:bold;
	background-color:#CCC;
	padding:5px;
}

#contentWrapper {
	background-color:#f6f6f6;
	width:100%;
	float:left;
}


#content {
	width:600px;
	padding:20px;
	float:left;
}


#photoWrapper {
	width:920px;
	padding:20px;
}

.introText {
	font-size: 1.1667em;
	font-weight: normal;
	color: #333333;
	text-align: left;
	line-height: 2em;
	padding-right: 40px;
	margin-bottom:.75em;
}

h1 {
	font-size: 1.75em;
	line-height: 1.25em;
	font-weight: bold;
	color: #ed1c24;
	background-position: left;
	margin-bottom:.5em;
}
h2 {
	font-weight: bold;
	font-size: 1.25em;
	line-height: 1em;
	font-weight: normal;
	color:#666;
	margin-bottom:1em;
}

p {
	font-size: 1em;
	color: #000000;
	line-height: 1.5em;
	margin-bottom:.75em;
}

/*------------------------
		SIDEBAR
		
--------------------------*/

#sidebar {
	width:260px;
	float:right;
	padding:20px 20px 0 40px;
	display:inline;
}


h3 {
	font-size: 1.25em;
	font-weight: bold;
	color: #ed1c24;
	background-position: left;
	line-height: 1.5em;
	margin-bottom: .5em;
}
	
h4 {
	font-size: 1em;
	line-height: 1.5em;
	font-weight: bold;
	color: #000;
	margin-bottom: .5em;
}


#sidebar p {
	font-size: 1em;
	font-style: normal;
	font-weight: normal;
	margin-bottom:.75em;
	color: #000000;
	line-height: 1.75em;
}

#sidebar ol {
	list-style: decimal;
	margin-left:20px;
	margin-bottom:12px;
	line-height: 1.5em;
}




/*------------------------
		NAV 2 (for the news pages)
--------------------------*/

#nav2Container {
	width:auto;
	float:right;
	text-align:right;
	margin-top:15px;

}

#nav2 li {
	display:inline;
}

#nav2 a {
	padding:2px 10px 2px 10px;
	margin-right:5px;
	background-color:none;
	text-decoration:none;
	border:1px solid #ccc;
	color:#333;
	font-weight:bold;
	font-size:.9em
	}

#nav2 a:hover {
	background-color:#333;
	color:#f6f6f6;
}


a#newsFirst, a#newsSecond, a#newsThird {
	background-color:#F00;
	color:#f6f6f6;
}

/*------------------------
		TABLES
--------------------------*/
.head {
	background-color:#CCC;
	font-size:1.125em;
	font-weight:bold;
}

.CAOF {
	background-color:#B5D7E7;
}
.SSF {
	background-color:#F2BC90;
}
.OSS {
	background-color:#EEB7C7;
}
.PAC {
	background-color:#FDE585;
}
.HMB {
	background-color:#A5FF9B;
}
.NDHS {
	background-color:#EC8E82;
}
.TD {
	background-color:#B783D6;
}
.PPR {
	background-color:#B3F7FA;
}
.spacerRow {
	font-size: .2em;
}

td {
	font-size: .95em;
	line-height: 1.35em;
	text-align: left;
	padding:5px;
}


/* ------------------------------------
		FORM
---------------------------------------*/
.required {
	color:#F00;
	font-size: 16px;
}

form {
	width:600px;
	}
	
form h2 {
	text-align:right;
	font-weight: bold;
	font-size: 1.25em;
	line-height: 1em;
	font-weight: normal;
	color:#666;
	vertical-align:middle;
}

textarea {
	background-color:#f3f1f2;
	background-image:url(../_IMAGES/field-background.jpg);
	background-repeat:repeat-x;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#555;
	border:#ccc 1px solid;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

input {
	background-color:#f3f1f2;
	background-image:url(../_IMAGES/field-background.jpg);
	background-repeat:repeat-x;
	height:33px;
	border:#ccc 1px solid;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
.inputBorder {
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#555;
}
.inputButton {
	background-color:#F00;
	height:30px;
	color:#FFF;
	border: solid 1px #f60;
	padding:2px 4px;
	font-size:20px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

/*------------------------
		IMAGES
--------------------------*/
img {
	margin-top:none;
	margin: 0 20px 20px 0;
	border:solid #ccc 2px;
}

.noBorder {
	border: none;
}

.noPadding {
	margin:0;	
}

.noBorderPadding {
	border: none;
	margin:0;	
}

.floatLeft {
	float:left;
	margin: 0 20px 20px 0;
}

.floatRight {
	float:right;
	margin: 0 0 20px 20px;
}

/*------------------------
		FOOTER
--------------------------*/
#footer {
	clear:both;
	padding:20px 20px 5px 20px;
	background-color:#F00;
}


#footer p {
	font-size: .9em;
	color: #333;
	text-align: center;
	line-height: 1.4em;	
	font-weight:bold;
}

a.footer:link, a.footer:visited {
	color:#FFF;
	background-color:none;
	text-decoration:none;
}

a.footer:hover {
	background-color:#333;
	text-decoration:none;
	color:#f6f6f6;
}

#footer img{
	padding:0 5px 0 0;
}