/*

	TITLE:	National School Safety and Security Services
	DATE:	7-17-07

*/
/* 
 ZERO
-----------------------------------------------*/
h1, h2, h3, h4, h5, h6,
ul, li,
p, br, form, body,
img{margin: 0;	padding: 0;	border: 0;}

/*
 MAIN 
-----------------------------------------------*/
body{
	font: normal 12px/20px 'lucida Sans', Arial; color: #252423;
	background: #faf7f2 url('images/mainBg.png') repeat-x;
}

/* links */
a{color: #000;}
a:hover{text-decoration: none;}

/* heading */
h1{font: normal 24px Georgia; margin: 2px 0px; padding: 5px 0px; color: #1f31a8;}
h2{font-size: 1.4em; margin: 2px 0px; padding: 2px 0px;} #subCol h2, #extraCol h2{font:bold 1.2em verdana; padding: 10px 0 2px 0; letter-spacing: -0.05em; text-transform: Uppercase; }
h3{font-size: 1.2em; margin: 2px 0px; padding: 3px 0px;}
h4{font-size: 1.0em; margin: 2px 0px; padding: 3px 0px;}
h5{font-size: 0.9em; margin: 2px 0px; padding: 3px 0px;}
h6{font-size: 0.8em;	 margin: 2px 0px; padding: 1px 0px;	font-weight: normal;}

/* para-list */
p{margin: 5px 0px; padding: 5px 0px;}
ul li{list-style: none; padding: 0 15px; background: url('images/arrow.png') 0 6px no-repeat;} 
	#hd li, #ft li{background-image: none;}
	#bio li{background: url('images/arrowBlack.png') 0 6px no-repeat ;}
blockquote{width: 40%; float: right; padding: 20px; border: 1px solid #DFEAF2; background: #DFEAF2;}
li p{margin: 0; padding: 0;}
	

/*
 LAYOUT.
-----------------------------------------------*/
#mastCon{width: 960px; margin: 0 auto;}

#hd{width: 100%; float: left; position: relative;}
#hd #logo{margin: 0; padding: 0;}
#hd #logo a{width: 575px; height: 106px; float: left; text-indent: -9999px; background: url('images/logo.png') no-repeat;}
#hd #mainNav{width: 100%; float: left; height: 38px;}
#hd #mainNav ul{}
#hd #mainNav li{float: left; list-style: none; padding: 1px 0 0 0;}
#hd #mainNav li a{float: left; padding: 8px 15px; text-decoration: none; color: #eee; text-transform: Uppercase; border-right: 1px solid #636354; border-left: 1px solid #23231f;}
#hd #mainNav li a:hover{background: #23231f; color: #fff;}

#hd .search{position: absolute; right: 40px; bottom: 72px;}
#hd .button{width: 34px; height: 22px; border: 0; position: absolute; right: 0; top: 50px;}

#bd{width: 100%; float: left;}
#bd #intro{width: 100%; float: left; padding: 14px 0; background: url('images/hSep.png') bottom repeat-x;}
#bd #intro #flash{width: 390px; height: 315px; float: left; padding: 5px 7px 6px 5px; background: #fff;}
#bd #intro #welcome{width: 544px; float: right; font-size: 1.2em;}
#bd #intro #welcome a{color: #223290; text-decoration: none;}
#bd #intro #welcome a:hover{color: #8e2f31;}
#bd #intro #image{width: 390px; height: 180px; padding: 5px 5px 6px 6px; float: left; border: 5px; background: #fff;}
#bd #intro #image2{width: 390px; height: 272px;  padding: 5px 5px 6px 6px; background: #fff; float: left;}
#bd #intro #hdSection{width: 544px; float: right; font-size: 1.2em;}

#bd #container{width: 100%; float: left; margin: 10px 0; background: url('images/container.png') repeat-y;}
body#internal #bd #container{background: url('images/vSep.png') 200px 0 repeat-y;}
#bd #container #content{width: 760px; float: left;}
#bd #container #content a{color: #223290; text-decoration: none;}
#bd #container #content a:hover{color: #8e2f31;}
body#internal #bd #container #content{width: 960px;}
#bd #container #content #subCol{width: 190px; float: left; padding: 14px 10px 0 0; font-size: .9em;}
#bd #container #content #subCol a{color: #223290; text-decoration: none;}
#bd #container #content #subCol a:hover{color: #8e2f31;}
#bd #container #content #subCol .newsletter_ico a{color: #7c858f; font-size: 1em; text-decoration: none; padding: 0 0 0 15px; background: url('images/ico_newsletter.png') 0 2px no-repeat;}
#bd #container #content #subCol .newsletter_txt{width: 140px; height: 22px; padding: 3px 0 0 3px; float: left; border: 1px solid #671b1e;}
#bd #container #content #subCol .newsletter_btn{width: 38px; height: 27px; margin: 0 0 0 5px; display: inline; font-size: 0; float: left; background: url('images/btn_newsletter.png') no-repeat; border: 0;}
#bd #container #content #mainCol{width: 530px; float: right; padding: 0 15px 0 15px;}
body#internal #bd #container #content #mainCol{width: 730px;}
#bd #container #extraCol{width: 190px; float: right; padding: 12px 0 0 10px; font-size: .9em;}
#bd #container #extraCol a{color: #223290; text-decoration: none;}
#bd #container #extraCol a:hover{color: #8e2f31;}
#bd #bio{width: 100%; float: left; padding: 8px 0; background: url('images/hSep.png') 0 top repeat-x;}
#bd #bio a{color: #223290; text-decoration: none;}
#bd #bio a:hover{color: #8e2f31;}

#ft{width: 100%; float: left; text-align: center; font-size: .9em; padding: 0 0 15px 0; background: url('images/hSep.png') 0 top repeat-x;}
#ft #fNav{padding: 15px 0 0 0;}
#ft #fNav ul{}
#ft #fNav li{display: inline; padding: 0 5px 0 0;}
#ft #fNav li a{font-weight: normal;}
#ft #fNav p{margin: 0;}

/*
 MISC.
-----------------------------------------------*/
.left{float: left;}
img.left{padding: 8px 14px 0 0;}
.right{float: right;}
img.right{border: 1px solid #5a5a5a; margin: 10px 0 10px 10px; display: inline; padding: 0;}
.black{color: #000;}
.white{color: #fff;}
.hide{display: none;}


/* clearing */
#ListOfDivs:after{
	content: '.';
	height: 0px;
	visibility: hidden;
	display: block;
	clear: both;	
}