@charset "UTF-8";
/* CSS Document */


/* Page Reset ----------------------------------- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
	font-family: Helvetica, sans-serif;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* Paragraph Styles ----------------------------------- */

p{
	font-size: 14px;
	color: #424242;
	line-height: 130%;
	margin: 0px 0 10px 0;
}

H2{
	font-size: 28px;
	color: #de2c20;
	line-height: 130%;
	margin: 10px 0 10px 0;
}

H3{
	font-size: 20px;
	color: #48ae1f;
	line-height: 130%;
	margin: 10px 0 10px 0;
}

H4{
	font-size: 16px;
	font-weight: bold;
	color: #103291;
	line-height: 130%;
	margin: 25px 0 5px 0;
}


a {
	color: #3399cc;
	text-decoration: none;
}

a:link {
	color: #0099cc;
}

a:hover {
	color: #48ae1f;
	text-decoration: underline;
}

a:visited { 
	color: #3399cc; 
}

a:active {
	color: #3399cc;
}

body {
	background-image: url('../images/main_grey_bg.png');
	background-repeat: repeat;
	margin: 0px;
	padding: 0px;
}


ul{	
	font-size: 14px;
	color: #424242;
	line-height: 130%;
	margin: 5px 0 5px 5px;
}



.pagetube{
	margin: 10px 40px 0 40px;
}

.texttube{
	padding: 0px 0px 0px 30px;
}

.emphasis{
	color: #de2c20;
	font-weight: bold;
}

.imgright{
	width: auto;
	float: right;
	margin: 0 10px 10px 20px;
}

.imgleft{
	width: auto;
	float: left;
	margin: 0 20px 10px 10px;
}

.sponsor{
	font-size: 13px;
	color: #de2c20;
	margin: 0px 0 0px 30px;
}

.emph{
	font-size: 18px;
	font-weight: bold;
	color: #de2c20;
	line-height: 130%;
	font-style: italic;

}

.emphlarge{
	font-size: 24px;
	font-weight: bold;
	color: #de2c20;
	line-height: 130%;
	font-style: italic;

}

.list01{
	font-size: 14px;
	font-weight: bold;
	color: #48ae1f;
	line-height: 130%;
	margin: 20px 0 20px 60px;
	list-style: square;
}

.list02{
	font-size: 14px;
	font-weight: normal;
	color: #424242;
	line-height: 160%;
	margin: 20px 0 20px 20px;
	list-style: square;
}


.list03{
	font-size: 14px;
	font-weight: normal;
	color: #424242;
	line-height: 160%;
	margin: 10px 0 20px 0px;
	list-style: none;
}

.smallprint{
	font-size: 11px;
	color: #666666;
}

.tableprint{
	font-size: 12px;
	color: #666666;
	padding: 2 2 2 2;
}



/* Banner ----------------------------------- */


#topcontainer h1{
		position: absolute;
		top: -200px;
	}

#topcontainer{
	width: 960px;
	height: 270px;
	overflow: hidden;
	margin: 0 auto;	
	z-index: 2;
}

#lefttop{
	width: 480px;
	height: 200px;
	background: url('../images/small_top_bg.png') 0 0 no-repeat;
	float: left; 
}

#righttop{
	width: 480px;
	height: 170px;
	float: right; 
	margin-top: 30px;
}

.logoposition{
	position: relative;
	top: 45px;
	left: 55px;
}

/**** Giant Buttons rollover ****/

a.join { 
	display: inline;
	width: 120px;
	height: 160px;
	background: url("../images/join.png") 0 0 no-repeat;
	text-decoration: none;
	float: left;
}

a:hover.join {
	background-position: -120px 0;
}

a.donate { 
	display: inline;
	width: 120px;
	height: 160px;
	background: url("../images/donate.png") 0 0 no-repeat;
	text-decoration: none;
	float: left;
}

a:hover.donate {
	background-position: -120px 0;
}

a.courses { 
	display: inline;
	width: 120px;
	height: 160px;
	background: url("../images/courses.png") 0 0 no-repeat;
	text-decoration: none;
	float: left;
}

a:hover.courses {
	background-position: -120px 0;
}

a.news { 
	display: inline;
	width: 120px;
	height: 160px;
	background: url("../images/news.png") 0 0 no-repeat;
	text-decoration: none;
	float: left;
}

a:hover.news {
	background-position: -120px 0;
}

/*Navigation ______________________________________*/


.googlesearch{
	width:280px;
	float: right;
	margin-top: 18px;
}

.searchbits{
	display: inline;
}

#menu{
	background: url('../images/navigation_bg.png') 0 0 no-repeat;
	clear: both;
	height: 70px;
	width: 960px;
	}


.chromestyle{
	width: 650px;
	font-weight: normal;
	font: normal 100% lucida grande, arial;
	margin-left: 20px;
}

.chromestyle:after{ /*Add margin between menu and rest of content in Firefox*/
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

.chromestyle ul{
	width: 100%;
	padding: 20px 0;
	margin: 0;
	text-align: left; /*set value to "left", "center", or "right"*/
}

.chromestyle ul li{
	display: inline;
}

.chromestyle ul li a{
	color: #0099cc;
	padding: 4px 7px;
	margin: 0;
	text-decoration: none;
	border-right: 1px solid #cccccc; 
}


.chromestyle ul li a:hover, .chromestyle ul li a.selected{ /*script dynamically adds a class of "selected" to the current active menu item*/
	color: #48ae1f;
	
}

/*Sub Navigation ______________________________________*/


.arrowlistmenu{
width: 210px; /*width of menu*/
float: left;
}

.arrowlistmenu .headerbar{
	font: bold 18px;
	color: white;
	background: black url('../images/menu-stripe.png') repeat-x center left;
	margin-bottom: 2px; /*bottom spacing between header and rest of content*/
	padding: 4px 0 4px 10px; /*header text is indented 10px*/
}

.arrowlistmenu ul{
	list-style-type: none;
	margin: 0;
	padding: 0;
	margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
}

.arrowlistmenu ul li{
	padding-bottom: 2px; /*bottom spacing between menu items*/
}

.arrowlistmenu ul li a{
background: url("../images/arrow-sub.gif") no-repeat center left; /*custom bullet list image*/
display: block;
padding: 8px 0;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;
font-weight: normal;
border-bottom: 1px solid #dadada;
font-size: 100%;
}



.arrowlistmenu ul li a:hover{ /*hover state CSS*/
color: #A70303;
background-color: #F3F3F3;
}

#rightabout{
	float: right;
	width: 640px;
	position: relative;
	top: -5px;
}



/*Content ______________________________________*/

#maincontent{
	width: 960px;
	height: auto;
	overflow: hidden;
	margin: 0 auto;
	background: url('../images/main_bg.png') 0 0 repeat-y;
}

#maintop{
	width: 960px;
	height: 15px;
	overflow: hidden;
	margin: 0 auto;
	background: url('../images/main_top.png') 0 0 no-repeat;
}


/*Footer ______________________________________*/

#footer{
	background: url('../images/footer.png') 0 0 no-repeat;
   	margin-bottom: 110px;
   	position: relative;
	height: 130px;
	width: 960px;
	margin: 0 auto;	
}

.clearfooter {
   clear: both;
}

a.lovefreo { 
	display: inline;
	width: 65px;
	height: 65px;
	background: url("../images/lovefreo.png") 0 0 no-repeat;
	text-decoration: none;
	float: right;
	margin: 37px 40px 0 0;
}

a:hover.lovefreo {
	background-position: -65px 0;
}

#footer h2 {
	font-size: 12px;
	color: #666666;
	font-weight: normal;
	float: right;
	margin: 50px 30px 0 0;
	width: 100px;
}

#footer p {
	font-size: 12px;
	color: #333333;
	font-weight: normal;
	float: left;
	margin: 65px 0 0 40px;
}

/*Content Home______________________________________*/

#mainflash{
	width: 580px;
	float: left;
	height: auto;
	margin-left: 10px;
	z-index: 1;
}


#homeright{
	width: 299px;
	height: auto;
	float: right;
	margin-left: 20px;
	margin-right: 30px;
	padding-left: 20px;
	border-left: 1px solid #E0E0E0;
}


.divider { 
	border-top: 1px solid #e0e0e0; 
	margin-bottom: 10px;/*spaces out the links*/
	margin-top: 10px;
}

.largedivider { 
	border-top: 1px solid #e0e0e0; 
	margin-bottom: 15px;/*spaces out the links*/
	margin-top: 15px;
}

.bottomdivider { 
	margin-bottom: 10px;/*spaces out the links*/
	margin-top: 10px;
}


#homeright h3{
	font-size: 14px;
	font-weight: normal;
	background: url('../images/h2-bg.png')  0 0 no-repeat; 
	text-indent: 20px;
}

#homeright a:hover {
	color: #48ae1f;
}

#homeright h2{
	font-size: 28px;
	margin-bottom: 10px;/*spaces out the links*/
	overflow: hidden;
	height: 28px;
	padding-top: 5px;
	padding-bottom: 5px;

}

#homeright h2 a{
	color: #de2c20;
}

#homeright h2 a:hover{
	color: #48ae1f;
}

#homeright h4 a{
	color: #de2c20;
	font-size: 14px;
	font-weight: bold;
}

#homeright h4 a:hover{
	color: #48ae1f;
}


#homeleft{
	width: 560px;
	height: auto;
	float: left;
	margin-left: 20px;
	margin-right: 20px;
}

.weatherwidget{
	margin-left: 10px;
}


/*patrool area______________________________________*/

.map-iframe{
	width: 880px; 
	height: 500px;
	overflow: hidden;
	border: 0px;
	margin: 0px;
	margin-bottom: 10px;
}


/*Join Us ______________________________________*/



#join-left{
	width: 409px;
	border-right: 1px solid #e0e0e0; 
	float: left;
	padding-right: 20px;
}

#join-right{
	width: 420px;
	float: right;
	padding-left: 30px;
}