/*-------------------------------------------------------SITEWIDE STYLES ----------------------------- */

html, body {

	margin:0; 

	padding:0; 

	background-color:#fff; 

	font-family:Arial, Helvetica, sans-serif; 

	font-size:76%;

}


h1,h2,h3,h4,h5,h6,ul,li,a,form,p {margin:0; padding:0}


ul { list-style-type:none}


p { font-size:1.4em; line-height:1.07em; margin-bottom:5px; color:#000}


a { color:#ec1d25; text-decoration:underline}


a:hover { text-decoration:none}


.red {color:#ec1d25;}


.dashedBorder { border-bottom:1px #ed1c24 dashed}


.tagline { font-size:1.45em;}


.clear {clear:both; height:0; line-height:0}


.bold {font-weight:bold}


.left {float:left}


.right {float:right}


#container {width:800px; margin:0 auto}


.mt {margin-top:1em}

.mr {margin-right:0.8em}

.mb {margin-bottom:1em}

.ml {margin-left:1em}

.pt {padding-top:1em}

.pr {padding-right:1em}

.pb {padding-bottom:1em}

.pl {padding-left:1em}


/*-------------------------------------------------------HEADER STYLES ----------------------------- */

#header { width:800px;}

#header .logo { 

	background-image:url(../images/logo.gif);

	width:179px;

	height:78px;

	cursor:pointer;

}

#header .links { margin-top:57px; cursor:pointer }


/*-------------------------------------------------------NAV STYLES ----------------------------- */

#nav {
	width:800px;
	height:31px;
	background-color:#ed1c24;
	}

#nav a {
	color:#fff;
	text-decoration:none;
	font-size:14px;
	font-weight:bold;
	}

#nav a:hover {
	color:#dfcdcd;
}

#nav .outer { background:url(../images/nav_BGleft.gif) no-repeat left; height:31px}

#nav .inner { background:url(../images/nav_BGright.gif) no-repeat right; height:31px}

#nav .inner ul { padding:4px 0 0 4px;}

#nav .inner ul li { padding: 3px 5px 0 10px; float:left; }


#nav .inner ul li.home {margin-right:15px; padding-top:3px; cursor:pointer}


/*-------------------------------------------------------LEFT COLUMN STYLES ----------------------------- */

#leftCol { 
		width:190px;
		float:left;
}


#leftCol .tile { 

	background:url(../images/leftTile_Bg.gif) top no-repeat;

	padding-top:25px;

}


/*-------------------------------------------------------MAIN CONTENT AREA STYLES ----------------------------- */

#mainContent {

	width:600px;

}


#mainContent p {width:500px; margin-bottom:1em; padding-left:10px}


#mainContent h2 {padding-left:10px}


#mainContent ul{  

	width:400px;

	list-style-type:square;

	list-style-position:inside;

	margin-left:1.2em;

}


#mainContent li { padding-top:.5em; font-size:1.4em;}


/*-------------------------------------------------------BOTTOM TILE STYLES ----------------------------- */

#mainContent .bottomTile {

	width:193px; 

	background:url(../images/bottomTile_Bg.gif) top no-repeat;

	padding-top:25px;

	display:block

}


.pd {margin-right:0.8em}


/*-------------------------------------------------------FOOTER STYLES ----------------------------- */

#footer { width:800px; height:31px; background-color:#ed1c24; text-align:center}


#footer .outer { background:url(../images/nav_BGleft.gif) no-repeat left; height:31px}


#footer .inner { background:url(../images/nav_BGright.gif) no-repeat right; height:31px}


#footer .inner p {padding-top:.8em; color:#fff}


/*-------------------------------------------------------CONTACT FORM STYLES ----------------------------- */

.contact {background-color:#eee; padding:1em; width:550px}


.contact .row { float:left; display:block;}


.contact .row .label { color:#000; font-weight:bold; font-size:1.3em}



.contact .row textarea {padding: .5em; font-family:Arial, Helvetica, sans-serif}


.sendForm {border:1px solid #ccc; background-color:#ed1c24; padding:3px; color:#fff; font-size:14px;}


.sendNewsletter {border:1px solid #ccc; background-color:#ed1c24; padding:1px; color:#fff; font-size:11px;}


input:focus, form textarea:focus{

background-color:#F5E0E1;

}

/*-------------------------------------------------------APPLICATION FORM STYLES ----------------------------- */

.application {background-color:#eee; padding:.5em; font-size:1.3em; width:500px}


.application .label {width:100px; padding:5px}


.application .applicant1 {width:150px; padding:5px}


.application .applicant2 {width:150px; padding:5px}


.application .smallerFont {font-size:.9em;}


/* These are standard sIFR styles... do not modify */


.sIFR-flash {

	visibility: visible !important;

	margin: 0;

}

.sIFR-replaced {

	visibility: visible !important;

}

span.sIFR-alternate {

	position: absolute;

	left: 0;

	top: 0;

	width: 0;

	height: 0;

	display: block;

	overflow: hidden;

}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */

.sIFR-flash + div[adblocktab=true] {

  display: none !important;

}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash h1 {

	visibility: hidden;

	font-size:30px;

}

.sIFR-hasFlash h2 {

	visibility: hidden;

	font-size:2.7em;

}

.sIFR-hasFlash h3 {

	visibility: hidden;

	margin:0; padding:0;

	font-size:medium;
		
	display: block;

}

.sIFR-hasFlash h4 {

	visibility: hidden;

	letter-spacing: -5px;

	font-size: 2.6em;

}


.sIFR-hasFlash h5#pullquote {

	letter-spacing: -4px;

	visibility: hidden;

	font-size: 24px;

}
.newtext {
	color: #fff;
	font-size: 90%;
}
.fwidth {
	width: 180px;
}


/*
	root element for the scrollable.
	when scrolling occurs this element stays still.
*/
.scrollable {

	/* required settings */
	position:relative;
	overflow:hidden;
	width: 190px;
	height:100px;
}

/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accommodate scrollable items.
	it's enough that you set width and height for the root element and
	not for this element.
*/
.scrollable .items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
}

/*
	a single item. must be floated in horizontal scrolling.
	typically, this element is the one that *you* will style
	the most.
*/
.items div {
	float:left;
}