/*

	PUBLIC SAFETY ALLIANCE by ERSKINE DESIGN
	VERSION 1.0
	
	CONTENTS ----------
	
        1.BODY
	    2.DEFAULT STYLING
	    3.HEADINGS
	    4.LINKS
	    5.IMAGES
	    6.LAYOUT
	    7.GLOBAL STYLES
		8.SIGNUP FORM
		9.BRANDING/MASTHEAD
		10.NAVIGATION
		11.CONTENT PRI
		12.CONTECT SEC
		13.NAVIGATION SEC
		14.HOME SPECIFIC
		15.HOME PAGE SLIDER
		16.INTERNAL SPECIFIC
		17.SITEINFO/FOOTER
		18.USER MESSAGE TEMPLATES/404
	
*/

/*  
	This design is based on WooThemes template Delegate
	Description: Designed by <a href="http://www.woothemes.com">WooThemes</a>.
	Author: WooThemes
	Author URI: http://www.woothemes.com
	Copyright: (c) 2009 WooThemes.
	License: GNU/GPL Version 2 or later. http://www.gnu.org/licenses/gpl.html

*/

@import url(reset.css); /* RESET CSS */
@import url(scratch.css); /* SCRATCH */


/* @group 1. BODY
---------------------------------------------------------------------- */

body { text-shadow:rgba(0,0,0,0.01) 0 0 0; background-color:#A01B29; font:14px/1.5 "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; border-top:7px solid #A01B29; color:#2F2A2B; }

ul#nav_access { margin:0; height:0; position:relative; list-style:none; }
ul#nav_access li { margin:0; height:0; }
ul#nav_access li a { position:absolute; left:-9999px; top:0; font-size:11px; font-weight:bold; background:#FFFFCC; border:2px solid #ddd; padding:10px; display:block; }
ul#nav_access li a:focus,
ul#nav_access li a.focus { left:0; color:#333; }

/* @end */


/* @group 2.DEFAULT STYLING
---------------------------------------------------------------------- */

p,ul,dl,ol { margin-bottom:1em; }

div#content_pri ul { list-style-type:disc; }
div#content_pri ul li { margin-left:20px; }
div#content_pri ol { list-style:decimal; }
div#content_pri ol li { margin-left:40px; margin-bottom:10px; }

hr { display:none; }

blockquote { background:url(../images/site/speech.gif) no-repeat 0 0; padding-left:30px; margin-bottom:1em;}
blockquote cite { font-style:italic; }

strong { font-weight:bold; }
em { font-style:italic; }

/* @end */


/* @group 3.HEADINGS
---------------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 { font-weight:bold; }

h1 { margin-bottom:1.5em; }
h2 { margin-bottom:1.5em; }
h3 { margin-bottom:1.5em; }
h4 { margin-bottom:1em; }
h5 { margin-bottom:1em; }

/* @end */


/* @group 4.LINKS
---------------------------------------------------------------------- */

a { color:#971A27; text-decoration:none; font-weight:bold; }
a:hover,
a:focus { color:#791821; text-decoration:underline; }

/* @end */


/* @group 5.IMAGES
---------------------------------------------------------------------- */

img.left, img.right { position:relative; top:6px; }
img.left { float:left; margin:0 10px 10px 0; }
img.right { float:right; margin:0 0 10px 10px; }

/* @end */


/* @group 6.LAYOUT
---------------------------------------------------------------------- */

div#page { background:#E2E6E7 url(../images/site/page_bg.png) repeat-x 0 0; overflow:hidden; padding-bottom:40px; }

div#content_wrapper { width:940px; margin:0 auto; clear:both;  }
div#content_pri { width:580px; float:left; background-color:#FFF; }
div#content_sec { width:340px; float:right; }

div#content_pri_inner { padding:20px; }

/* @end */


/* @group 7.GLOBAL STYLES
---------------------------------------------------------------------- */

p.subscribe { float:right; margin:0; text-transform:uppercase; font-size:11px; font-weight:bold; margin:20px 22px 22px 0; }
p.subscribe a { display:block; position:relative; padding-right:27px; line-height:2; }
p.subscribe a span { background:url(../images/site/icon_rss.png) no-repeat right 0; width:20px; height:20px; display:block; text-indent:-9999em; position:absolute; top:0; right:0;}

span.req { color:#C10435; }

.external { background:url(../images/site/icon_external.gif) no-repeat right; padding-right:12px; }

p.more { text-align:right; text-transform:uppercase; font-weight:bold; font-size:11px; margin-top:10px;}

.clear { clear:both; }

p.news_meta { margin-bottom:0; font-size:12px; }
p.news_meta a { font-weight:normal; text-decoration:underline; color:#000; }

/* @end */


/* @group 8.SIGNUP FORM
---------------------------------------------------------------------- */

form label { width:100px; display:block; float:left; text-align:right; padding-right:10px; font-weight:bold;}

form input[type=text] { width:170px; border:1px solid #CCC; padding:3px;}
form select { width:175px;}
form input[type=image], form input.image { margin-left:166px;}

p.error { background:url(../images/site/arrw_error.gif) no-repeat right center; }
p.error input[type=text] { background-color:#ecab9d;}

/* @end */


/* @group 9.BRANDING/MASTHEAD
---------------------------------------------------------------------- */

div#branding { padding:20px 0 25px; clear:both; position:relative; width: 940px; margin: 0 auto; overflow: hidden; }

div#branding img { display:none; }

div#branding div#logo h1 { margin:0; }
div#branding div#logo h1 a { text-indent:-9999em; display:block; width:290px; height:98px; background:transparent url(../images/site/public_safety_alliance_logo.png) no-repeat 0 0;}
div#branding div#logo span { display:none; }

/* @end */


/* @group 10.NAVIGATION
---------------------------------------------------------------------- */

/* navigation pri */
div#navigation_pri  { height: 38px; width: 940px;  font-size: 14px; font-weight: bold; text-transform: uppercase; border: 1px solid #fff; background:#fff url(../images/site/nav_pri_bg.png) repeat-x 0 bottom; margin: 0 auto 35px auto; }
div#navigation_pri ul { float: left; height: 36px; }
div#navigation_pri ul  { z-index:100; margin:0; padding:0; list-style:none; line-height:1; }
div#navigation_pri ul li  { float:left; width: auto; margin: 0 0 0 0; }
div#navigation_pri ul li a  { display:block; z-index:100; padding:0 20px; line-height:28px; color: #333; line-height: 38px; text-decoration:none; }
div#navigation_pri ul li a:hover, div#navigation_pri ul li a:focus  { color:#791821; text-decoration: none; background-color:#ececec; }
div#navigation_pri ul li.cur a { color:#A01B29; }

/* drop-down menus */
div#navigation_pri ul li ul { position: absolute; left: -999em; width: 170px; border-bottom: 1px solid #F7F6F6; }
div#navigation_pri ul li ul li { background: #fff url(images/navtile.jpg) repeat-x left top; border-width: 0 1px 1px; margin:0; padding:0; }
div#navigation_pri ul li ul li a  { width:160px; line-height:30px; font-size:11px; color:#555; }
div#navigation_pri ul li ul li a:hover  {background: #e8e8e8; }
div#navigation_pri ul li ul ul  { margin: -32px 0 0 170px; }
div#navigation_pri ul li:hover,div#navigation_pri ul li.hover { position:static; }
div#navigation_pri ul li:hover ul ul, #nav li.sfhover ul ul,
div#navigation_pri ul li:hover ul ul ul, #nav li.sfhover ul ul ul,
div#navigation_pri ul li:hover ul ul ul ul, #nav li.sfhover ul ul ul ul { left:-999em; }
div#navigation_pri ul li:hover ul, #nav li.sfhover ul,
div#navigation_pri ul li li:hover ul, div#navigation_pri ul li li.sfhover ul,
div#navigation_pri ul li li:hover ul, div#navigation_pri ul li li.sfhover ul,
div#navigation_pri ul li li li:hover ul, div#navigation_pri ul li li li.sfhover ul { left:auto; }

/* @end */


/* @group 11.CONTENT PRI
---------------------------------------------------------------------- */

div#content_pri h2 { clear:both; }
div#content_pri ul.listing { list-style-type:none; }
div#content_pri ul.listing li { margin-left:0; margin-bottom:2em; clear:both; overflow:hidden; }

div#content_pri_banner { background:#14264e url(../images/site/content_pri_banner_bg.png) repeat-x 0 0; color:#FFF; }
div#content_pri_banner_inner { background:url(../images/site/content_pri_banner_inner_bg.png) no-repeat 0 bottom; padding-bottom:11px; overflow:hidden;}
div#content_pri_banner h2 { font-size:26px; width:300px; margin:0 0 0 20px; float:left; background:transparent url(../images/site/star_white.gif) no-repeat 0 center; padding:10px 0 10px 30px; }
div#content_pri_banner img { border-bottom:1px solid #FFF; }
div#content_pri_banner a { color:#FFF; }

/* @end */


/* @group 12.CONTENT SEC
---------------------------------------------------------------------- */

div#content_sec { font-size:13px; margin-bottom:20px; }

div.block { margin-bottom:25px; }
div.block_inner { background:#FFF; padding:15px; clear:both; }
div.block h3 { color:#3A5DAB; font-size:20px; background:url(../images/site/star_blue.gif) no-repeat 0 5px; padding-left:30px; margin-bottom:10px; float:left;  }
div.block p.subscribe { float:right; position:relative; top:5px; margin:0; }
div#content_sec ul.listing p { margin:0; font-size:12px; }

div#content_sec ul.listing li  { margin-bottom:0; background:url(../images/site/news_bullet.png) no-repeat 5px 10px; padding:5px 5px 5px 15px;  }
div#content_sec ul.news_listing h4 { margin:0; }
div#content_sec ul.listing li.alt  { background-color:#E0E5E7; }

/* @end */


/* @group 13.NAVIGATION SEC
---------------------------------------------------------------------- */

div#navigation_sec { background-color:#3A5DAB; font-size:13px; font-weight:bold; padding:15px; margin-bottom:25px; }

div#navigation_sec ul { margin:0; }
div#navigation_sec ul li { border-bottom:1px dotted #9CACD2; }
div#navigation_sec ul li.open { background:url(../images/site/navigation_sec_grad_top.png) no-repeat center top; }
div#navigation_sec ul li a { color:#FFF; display:block;  padding:5px 10px 5px 15px; background:url(../images/site/arrw_blue.gif) no-repeat 2px center; }
div#navigation_sec ul li a:hover, div#navigation_sec li a:focus { background-color:#2C4886; text-decoration:none; }
div#navigation_sec ul li.cur a { color:#CF9BA0; background-image:url(../images/site/arrw_pink.gif); }

div#navigation_sec ul ul { background:url(../images/site/navigation_sec_grad_bottom.png) no-repeat center bottom; }
div#navigation_sec ul ul li { border-bottom:none; }
div#navigation_sec ul ul li a { padding-left:34px; background-position:22px center; }

/* @end */


/* @group 14.HOME SPECIFIC
---------------------------------------------------------------------- */

body.home div#content_pri { background:transparent; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; /*padding:0 20px;;*/ width:570px }

body.home div#content_pri h2 { color:#3A5DAB; font-size:20px; background:url(../images/site/star_blue.gif) no-repeat 0 5px; padding-left:30px; margin-bottom:10px;   }

body.home div#content_pri div { margin-bottom:20px; overflow:hidden; background:url(../images/site/double_border.gif) repeat-x 0 bottom; padding-bottom:20px;}

body.home div#content_pri div:last-child { background:none; }

/* @end */


/* @group 15.HOME PAGE SLIDER
---------------------------------------------------------------------- */


/* Featured Slider */

div#loopedSlider  { position: relative; z-index: 1; margin:0 auto; width: 940px;  }
div#loopedSlider li#p { position:absolute; top:70px; left:-30px; }
div#loopedSlider li#n { position:absolute; top:70px; right:-30px; }
div#loopedSlider div.container { width:940px; min-height:250px; height:250px; overflow:hidden; position:relative; background: #f7f7f7;}
div#loopedSlider div.slides { position:absolute; top:0; left:0; }
div#loopedSlider div.slides div.slide { position:relative; top:0; padding:20px 40px 15px; width:860px; display:none; }
div#loopedSlider ul.nav-buttons { list-style-type:none; margin:0; padding:0; position:relative; z-index: 2; }
div#loopedSlider .button { margin: 10px 10px 0 0; padding: 8px 14px 8px; line-height:16px; }
div.slider-nav { position: relative; z-index: 0; text-align: center; width: 930px; height: 49px; margin:0 auto; background:#192C5B url(../images/site/slideshow/slider_nav_bg.png) no-repeat 0 bottom; }
div.slider-nav ul li { display: inline;  }
div.slider-nav ul li a { z-index: 9999;position: relative; margin: 0 20px; padding: 19px 0 16px 0; line-height: 47px; font-weight: bold; font-size: 15px; color:#a7acb8; }
div.slider-nav ul li.active a, div.slider-nav ul li.active a:hover  { color: #fff; background: url(../images/site/slideshow/slider-nav-active.png) no-repeat center top; text-decoration:none; }
div.slider-nav ul li a:hover, div.slider-nav ul li a:focus  { color: #fff; text-decoration:underline; }
div#featured { margin-bottom: 30px; }
div#loopedSlider div.slides ol, div#loopedSlider div.slides ul { line-height: 18px; }
div#loopedSlider div.slides ul { padding-left: 20px; }
div#loopedSlider div.slides ul li { list-style: dot; padding: 3px 0; }
div#loopedSlider div.slides ol { padding-left: 20px; }
div#loopedSlider div.slides ol li { list-style: decimal; padding: 3px 0; }

/* specific slides */

/* slide 1 */
div#slide-1 { font-size:12px; }
div#slide-1_sub1 { float:left; width:290px; background: url(../images/site/slideshow/tower.png) no-repeat 0 50px; padding-left:130px;}
div#slide-1_sub1_inner { background:url(../images/site/slideshow/arrow.png) no-repeat right top; min-height:220px; padding-top:55px; padding-right:70px;}
div#slide-1_sub1 h2 { background:url(../images/site/slideshow/take_action.png) no-repeat 0 0; width:188px; height:20px; text-indent:-999em; margin-bottom:10px; }
div#slide-1_sub2 { width:370px; float:right; margin-right:20px;  margin-bottom:10px;}

div.slide form#signup { background:#E0E5E7; position:relative; padding:20px; border:3px solid #FFF;}
div.slide form#signup p { margin-bottom:10px; }
div.slide form#signup input[type=image] { margin-bottom:10px; position:absolute; }

div.slide p.error { background-image:url(../images/site/arrw_error_alt.gif); }

/* @end */


/* @group 16.INTERNAL SPECIFIC
---------------------------------------------------------------------- */

body.internal div#content_pri h3 { background:url(../images/site/arrw_heading.gif) no-repeat 0 6px; padding-left:20px; text-transform:uppercase; color:#192E5F; font-size:16px; border-bottom:1px solid #B1BFC8; padding-bottom:5px; margin-bottom:1em; margin-top:1em; }

/* @end */


/* @group 17.SITEINFO/FOOTER
---------------------------------------------------------------------- */

div#siteinfo { width:940px; margin:0 auto; font-size:12px; overflow:hidden; padding:20px 0;  }
div#siteinfo, div#siteinfo a { color:#FFF;  }
div#siteinfo p { float:left; line-height:1; }

div#siteinfo ul { float:right; }
div#siteinfo ul li { float:left; border-left:1px solid #FFF; padding:0 5px; line-height:1; }
div#siteinfo ul li:first-child, div#siteinfo ul li.first { border:none; }

/* @end */


/* @group 18.USER MESSAGE TEMPLATES
---------------------------------------------------------------------- */

body.user { background-color:#E2E6E7; }

body.user div#branding, body.user div#content_pri { width:400px; }

body.user div#content_pri { float: none; margin: 0 auto; }

body.user div#content_pri h2 { font-size:18px; margin-bottom:1em; }


/* @end */