/*

COLORS:
Light Blue - #63aafe
Dark Blue #0066cc
Green - #721B15
Orange - #C95427
Dark grey - #C95427

FONTS:
Nav text - Verdana, reg, 12px, selected #ff6633, unselected #ffffff 

Main body text - Georgia, reg, 14px, 333333 
Alternative body text (News, Sidebar stuff) - Verdana, reg, 11px, #333333

Links - Arial, Bold, 9px, ALL CAPS, #C95427 
Inline Links - underline text with #C95427 but leave text normal color 

Headlines - Georgia, reg, 19px, either dark blue #0066cc or green #721B15


*/

html
{
	/* Always make vertical scrollbar (kills annoying page shift in Firefox) */
	min-height: 100%;
	margin-bottom: 1px;
}

.clear {
clear:both;}

body { 
margin:0;
padding:0;
background:url(images/bg-noise.jpg) repeat;}

#bg {
background:url(images/bg-body.jpg) top left repeat-x;}

.altmain  { font-family:Verdana,sans-serif; font-size:12px; color: #333333; }

a {
color: #C95427;
text-decoration:none;}

a:hover {
text-decoration:underline;}

body, div, td, p, ul, li { font-family:Arial,sans-serif; font-size:14px; color: #333333; }

.title { font-family:Verdana,sans-serif; font-size:16px; color: #721B15; text-decoration:none; font-weight:bold;}
.subtitle, .subtitle a { font-family:Verdana,sans-serif; font-size:14px; font-weight:bold; color: #721B15; text-decoration:none;}

.headline { font-family:Verdana,sans-serif; font-size:18px; color: #C95427; text-decoration:none;}
.subheadline { font-family:Verdana,sans-serif; font-size:15px; color: #C95427; text-decoration:none;}

.link { font-family: Arial; font-weight: bold; font-size: 12px; color: #C95427; text-decoration:none; text-transform: uppercase;}

.cost { font-size:14px; color:#C95427; text-decoration:none;  }

.small { font-family:Verdana, sans-serif; font-size:10px; color: #333333; }
.mission { font-family:Verdana, sans-serif; font-size:10px; color: #721B15; } 
.canada { font-family:Verdana, sans-serif; font-size:10px; color:#C95427; text-decoration:none;  }
.canada:hover { font-family:Verdana, sans-serif; font-size:10px; color:#C95427; text-decoration:underline;  }
.address { font-family:Verdana,sans-serif; font-size:11px; color: #333333;}


.nav { font-family:Verdana, sans-serif; font-size:12px; color: #FFFFFF; text-decoration:none;}
.nav:hover { font-family:Verdana, sans-serif; font-size:12px; color: #ff6633; text-decoration:none; }
.navsel { font-family:Verdana, sans-serif; font-size:12px; color: #ff6633; text-decoration:none; }

a.leftnav {
	font-family:Verdana, sans-serif;
	font-size: 12px;
	line-height: 17px;
	color: black;
	display:block;
	margin-bottom:5px;
}
a.leftnavsel {
	font-family:Verdana, sans-serif;
	font-size: 12px;
	line-height: 17px;
	color: black;
	font-weight:bold;
}

.subnav {
margin-left:15px;}

.sub_subnav {
margin-left:30px;}


.topsection_links {
	text-align: center;
	font-size: 11px;
	color: white;
	font-family: Verdana;
	font-weight: regular;
	text-decoration: none;
}


.pagelink {
	font-size: 10px;
	text-decoration: none;
}
.pagefade {
	font-size: 10px;
	color: #EEEEEE;
}
.itemlink { text-decoration: none; }
.itemlink:hover { color: #041a36; text-decoration: none; }
.itemdate { color: #C95427; font-size: 11px; font-weight: bold; font-family: Verdana, sans-serif; text-decoration: none; text-transform: uppercase; }
.itemtitle { color: #041a36; font-size: 13px; font-weight: bold; font-family: Verdana, sans-serif; text-decoration: none; }
.itemtitlelink { color: #041a36; font-size: 13px; font-weight: bold; font-family: Verdana, sans-serif; text-decoration: none; }
.itemteaser { color: #041a36; font-size: 12px; font-weight: normal; font-family: Verdana, sans-serif; text-decoration: none; }
.itemmore { color: #C95427; font-size: 12px; font-family: Verdana, sans-serif; text-decoration: none; }
.itemmore:hover { text-decoration: underline; }

/*sidebar class information */
.sidebar{
width: 290px;
border: 0;
padding: 0;
}

.sidebartitle {font-family:Verdana, sans-serif; font-size:12px; color: #ffffff; font-weight: bold; text-decoration:none;}
.sidebar_heading {font-family:Verdana, sans-serif; font-size:11px; color: #333333; font-weight: bold; text-decoration:none;}
.sidebar_teaser {font-family:Verdana, sans-serif; font-size:10px; color: #000000; text-decoration:none;}
a.sidebar_readmore {font-family:Verdana, sans-serif; font-size:10px; color: #C95427; text-decoration:none;}
/*sidebar class information */

a.crumb {
	text-decoration: underline;
	font-size: 9px;
	font-family: verdana;
}
.crumb {
	font-family: verdana;	
	font-size: 9px;
}
.crumblast {
	font-size: 9px;
	color: #000000;
	font-family: verdana;
}
.crumbsep {
	font-size: 9px;
}


#footer p.bf, #footer p.bf a {
font-family:Arial, Helvetica, sans-serif;
font-size:9px;
font-weight:bold;
letter-spacing:1px;
color:#333333;
text-decoration:none;}

#footer p.bf span, #footer p.bf a {
color:#fe8a16;}

#footer p.bf a:hover {
text-decoration:underline;}

#footer p.bf span.bullet {
color:#fe8a16;}

/*  LAYOUT CSS */


#maincontainer{
width: 990px;
margin: 0 auto;
background-color: white;
height:100%;
}

#topsection{
height: 200px;
width: 990px;
background:url(images/bg-header.jpg) top left repeat-x;}

#topsection h1{
margin: 0;
padding-top: 0px;
}

#contentwrapper{
float: left;
width: 960px;
background:url(images/bg-page.jpg) top center repeat-y;
padding:0 15px;
position: relative;
}

#flash_box {
float: left;
width: 960px;
background:url(images/bg-page.jpg) top center repeat-y;
padding:0 15px;}


#leftcolumn {
width:450px;
float:left;
padding:15px 0 0 30px;}

#contentcolumn{
width:420px;
float:left;
padding:15px 30px 0px 30px;
clear:none;}


#newsspacer{
height: 5px;
}



#leftcolumn_2 {
width:290px;
float:left;
padding:15px 0 0 30px;}

#contentcolumn_2{
width:580px;
float:left;
padding:15px 30px 0px 30px;}

#footer, #social {
clear: left;
width: 800px;
color: #333333;
text-align: center;
padding: 7px 80px;
font-family: Georgia, sans-serif;
font-size:10px !important;
letter-spacing: 0.1em;
text-transform:uppercase;}

#sponsors {
clear: left;
width: 860px;
color: #333333;
text-align: center;
padding: 7px 60px 7px 50px;
font-family: Georgia, sans-serif;
font-size:10px !important;
letter-spacing: 0.1em;
text-transform:uppercase;}


#social td, #social a {
color: #333333;
font-family: Arial, serif;
font-size:10px !important;
letter-spacing: 0.1em;
text-transform:uppercase;}

#footer a{
color: #333333;
text-decoration:none;}

#pg_btm {
clear:both;
margin:0 auto;
width:990px;
height:34px;
background:url(images/bg-footer.jpg) center bottom no-repeat;
text-align:center;}




/* Contact form styles */

.button { border: 1px solid #333333; background-color: #fd983e; font-size: 12px; font-family: Verdana; height:18px; color:#FFFFFF; }
.textbox { border: 1px solid #333333; font-size: 12px; font-family: Verdana; width: 250px; }
.textboxreqd { border: 1px solid #333333; font-size: 12px; font-style: italic; font-family: Verdana; width: 250px; background-color: #FFF4DF; }
.textboxreqds { border: 1px solid #333333; font-size: 12px; font-style: italic; font-family: Verdana; width: 100px; background-color: #FFF4DF; }
.radioreqd { border: 1px solid #333333; font-size: 12px; font-style: italic; font-family: Verdana; background-color: #FFF4DF; }

.dropdown { border: 1px solid #333333; font-size: 12px; font-family: Verdana; }
.large_text { border: 1px solid #333333; font-size: 12px; font-family: Verdana; width: 250px; height: 70px; }
.large_textreqd { border: 1px solid #333333; font-size: 12px; font-family: Verdana; width: 250px; height: 70px; background-color: #FFF4DF; }
.textboxshort { border: 1px solid #333333; font-size: 12px; font-family: Verdana; width: 50px; }
.short_textboxreqd { border: 1px solid #333333; font-size: 12px; font-family: Verdana; width: 100px; background-color: #FFF4DF; }


img.floatLeft { 
    float: left; 
    margin: 2px; 
}
img.floatRight { 
    float: right; 
    margin: 0px; 
}

.content_button {
  border: 1px outset black;
  padding: 4px;
  color: black;
  background-color: #1B3F7B;
  text-decoration: none;
}

.content_button {
	text-align: center;
	font-size: 12px;
	color: white;
	font-family: Verdana;
	font-weight: regular;
	text-decoration: none;
	text-transform: UPPERCASE;
}

#top_nav {
width:960px;
float:left;
margin:10px 0 5px 0;
/*margin:10px 0 20px 0;*/}

#top_nav a {
width:143px;
height:22px;
display:inline-block;
text-align:center;
padding-top:4px;
background:url(images/bg-btn.png) top center no-repeat;}

#top_nav table {
float:right;}

#logo {
width:935px;
float:left;
margin:9px 0 20px 0;
padding-left:25px;}

#lower_nav {
width:960px;
float:left;
margin-left:15px;}

#top_nav a, #lower_nav a {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:13px;
color:#ffffff;
font-weight:bold;}

#top_nav a:hover, #top_nav a.navsel, #lower_nav a:hover, #lower_nav a.navsel {
color:#c6ad83;
text-decoration:none;}


p.logos {
width:60%;
float:left;}

p.logos a {
float:left;}

p.logos a img {
border:none;
margin-right:10px;}

#sponsors p.non-profit {
width:40%;
float:right;
font-size:10px;
text-align:left;}

/* ---------------- new home page ---------------- */
#upper_blocks {
width:930px;
padding:0 15px;
float:left;
margin:15px 0 30px 0;}

#upper_left {
width:455px;
float:left;}

#upper_right {
width:455px;
float:right;}

#upper_blocks img {
float:left;
margin-right:10px;}

#upper_blocks a img, #lower_blocks a img {
border:none;}

#lower_blocks {
width:930px;
padding:0 15px;
float:left;}

#lower_blocks img {
margin-bottom:10px;}

#lower_left {
width:300px;
float:left;}

#lower_middle {
width:300px;
float:left;
margin:0 15px;}

#lower_right {
width:300px;
float:left;}

/* fonts */
#upper_blocks h2 a {
font-size:15px;
color:#721B15;
text-transform:uppercase;}

#upper_blocks h2 {
margin:0 0 5px 0;}

#lower_blocks h2 a {
font-size:16px;
color:#721B15;
text-transform:uppercase;
display:block;
height:37px;
width:290px;
padding:10px 0 0 10px;
background:url(images/bg-teaser-header.jpg) top left no-repeat;}

#lower_blocks h2 {
margin:0;}

#upper_blocks p, #lower_blocks p {
font-size:12px;
margin-top:0;}

#lower_blocks p {
padding:0 10px;}

#upper_blocks p a, #lower_blocks p a {
font-weight:bold;}

/* spam decoys */
.form_serial { 
display: none;}

.red {
color:red; }
/*m10*/
#floating-box #box{
	position: absolute;
	left: 1000px;
	/*border: 1px solid #C6AD83;*/
	padding: 10px;
	/*background-color: #3D3528;*/
	top: -366px;
}
#floating-box-content #box {
	position: absolute;
	left: 1000px;
	/*border: 1px solid #C6AD83;*/
	padding: 10px;
	/*background-color: #3D3528;*/
}
#box div{
	margin: 10px 0;
}

/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-menu {
	line-height:	1.0;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			220px; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			32px; /* match top ul list item height */
	z-index:		99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			220px; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			220px; /* match ul width */
	top:			0;
}

/*** DEMO SKIN ***/
.sf-menu {
	margin-top: -8px;
	margin-left: 120px;
}
.sf-menu li a{
	padding: 8px 15px 8px 15px;
}
#lower_nav .sf-menu ul a {
	text-align: left;
	color: #fff;
	border-left:	1px solid #352F23;
	border-right:	1px solid #352F23;
	border-top:		1px solid #352F23;
	padding: 		.75em 1em;
	line-height: 1.2em;
	text-decoration:none;
}
#lower_nav .sf-menu ul li:last-child a {
	border-bottom:		1px solid #352F23;
}
.sf-menu ul a, .sf-menu ul a:visited  { /* visited pseudo selector so IE6 applies text colour*/		
	color: #fff;
}
.sf-menu ul li {
	background:		#423829;
	opacity:0.95;
	filter:alpha(opacity=95); 
}
.sf-menu ul li li {
	background:		#423829;
}
.sf-menu ul li li li {
	background:		#423829;
}
#lower_nav .sf-menu ul li:hover, #lower_nav .sf-menu ul li.sfHover,
#lower_nav .sf-menu ul a:focus, #lower_nav .sf-menu ul a:hover, #lower_nav .sf-menu a:active {
	background:		#352F23;
	
	color: #fff;
	outline:		0;
}

/*** arrows **/
.sf-menu a.sf-with-ul {
	padding-right: 	2.25em;
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			.75em;
	top:			1.05em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
	background:		url('images/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			.8em;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/*** shadows for all but IE6 ***/
.sf-shadow ul {
	background:	url('images/shadow.png') no-repeat bottom right;
	padding: 0 8px 9px 0;
	-moz-border-radius-bottomleft: 17px;
	-moz-border-radius-topright: 17px;
	-webkit-border-top-right-radius: 17px;
	-webkit-border-bottom-left-radius: 17px;
}
.sf-shadow ul.sf-shadow-off {
	background: transparent;
}
#socicons {
	width: 140px;
	float: right;
	position: relative;
	margin-top: -60px;
	padding-right: 20px;
	font-size: Verdana,Arial,Helvetica,sans-serif;
	color: #fff;
	font-size: 13px;
	font-weight: bold;
	text-shadow: 2px 2px 2px #000;
}
#socicons img {
	border: none;
}
#socicons strong {
	display: block;
}
/*end of m10*/
