body {
	font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, Verdana, sans-serif;
	font-size:62.5%;
	line-height:1.5;
	margin:0 auto;
	background-color:#cccccc;
	background-image:url(http://www.sdpolicefoundation.org/images/bground.gif);
	width:900px;
	color:#222;
	/*overflow:hidden; */
}

html {
oveflow:hidden;
}

body * {
	margin:0;
	padding:0;
	border:none;
}
p {
	margin: .5em 0;
	font-size:1.2em;
}
a, a:active {
	color: #0000FF;
	font-weight:normal;
}
a:visited {
	color:#660000;
}
a.menu, a.menu:active {
	font-weight:normal;
}
a.news_side, a.news_side:active, a.news_side:visited {
	text-decoration: none;
	color:#000000;
	font-weight:100;
}
a.news_side:hover {
	text-decoration:underline;
	color:#0000FF;
}
/*header*/
h1, h2, h3 {
font-family:'Francois One','Arial Narrow', sans-serif;
text-transform:uppercase;
font-weight:400;
}
h1 {
	font-size:1.6em;
	line-height:1.25;
}
h2 {
	font-size:2.4em;
	color:#000033;
	margin:.5em 0 .25em;
	line-height:1.25;
	font-weight:normal;
}
h3 {
	font-size: 1.6em;
	line-height:1.2em;
}
h4 {
	font-size:1.1em;
	line-height:1.2em;
}
h5 {
	font-size:1.1em;
	line-height:1.2em;
}
h6 {
	font-size:1.1em;
}

ul {
list-style:outside;
}
li {
margin-left: 1.5em;
font-size:1em;
}

#main {
	text-align:left;
	margin-right:auto;
	margin-left:auto;
	padding-right:0px;
	width:900px;
	background-color:#ffffff;
	min-height:500px;
	height:auto !important;
	height:500px;

}
#mast {
	height:120px;
	width:900px;
	background:#000033 url('http://www.sdpolicefoundation.org/images/logomastmain.jpg') no-repeat left;
	position:relative;
	z-index:5000;
}
#donatephone {
	color:#cc9933;
	float:right;
	margin:0 2em 2em;
	font-size:1.5em
}
#titlebar {
}
#subtitlebar {
	height:80px;
	margin-bottom:5px;
}

#banner {
width: 650px;
padding:0;
height:333px;
background:transparent url('http://www.sdpolicefoundation.org/images/pic.jpg') no-repeat center top;
text-align:left;
display:block;
z-index:100;

}


#example {
width:289px;
height:333px;
text-align:right;
float:right;

}

#exampletext {
width:290px;
padding:0;
position:absolute;
display:inline-block;
position:bottom;
margin-top:243px;
height:90px;
     background:transparent;	
background-color: rgba(0, 0, 0, 0.5);  /* FF3+, Saf3+, Opera 10.10+, Chrome */
filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#50000000',EndColorStr='#50000000'); /* IE6,IE7 */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#50000000',EndColorStr='#50000000')"; /* IE8 */
}
#example div h3 {
color:#fff;
padding:1em 15px 10px;

}
#primary {
margin: 10px 9px 0pt 0pt; 
padding: 20px; 
background-color: rgb(237, 213, 162);
}

#primary h2
{margin: 0; padding: 0; background-color: rgb(237, 213, 162);}

#example div p {
color:#fff;
padding:0 1em 10px;
}

.tooltip {
	font-size:12px;
	height:283px;
	width:300px;
	padding:25px;
	font-size:11px;
	color:#fff;
     background:transparent;	
	background-color: rgba(0, 0, 0, 0.8); 
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#80000000',EndColorStr='#80000000'); /* IE6,IE7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#80000000',EndColorStr='#80000000')"; /* IE8 */
	display:none;
	position:absolute;
	z-index::2500;
}

/* a .label element inside tooltip */
.tooltip h3 {
	color:yellow;
	font-weight:normal;
	padding:.5em 0;
}

.tooltip a {
	color:#99CCFF;
	font-weight:bold;
	cursor:pointer;
	text-decoration:underline;
}


/* content */

#contentbody {
z-index:0;
}
#contentbodyhome {
	background-image:url(/images/backgroundhp.gif);
}
#contentbody-nb {
	background-color:#FFFFFF;
}
#contentleft {
	width:185px;
	float:left;
	display:inline;
	padding:15px;
	height:auto;
}
#contentright {
	float:left;
	padding:20px 0 20px 20px;
	height:100%;
	width:660px;
	overflow:hidden;
	display:inline;
	overflow:hidden;
}
#contentrighthome {
	float:right;
	margin: 0 20px 0 0;
	height:100%;
	width:
}

.leftCol, .rightCol {
width:320px;
float:left;
background-color:#eee;
height:350px;
}

a.thumbnail {
float:left;
border:1px solid #aaa;
padding:5px;
margin:.5em 1.5em 0 0;


}

a.thumbnail img {
width:100px;
height:auto;
text-decoration:none;
}

div.col {
overflow:hidden;
padding-right:12px;
}

#subcontentleft {
	width:199px;
	float:left;
	padding:20px 0 0 10px;
}
#subcontentright {
	width:515px;
	float:left;
	padding-left:10px;
	margin-bottom:0px;
	padding-top:20px;
	min-height:350px;
	height:auto !important;
	height:500px;
}
.newspull {
	float:right;
	border-left:1px dotted #000;
	padding-left:10px;
	width:200px;
	margin:10px 0 10px 15px;
}
.newspull p {
	font-style: italic;
}
.newspull img {
	margin:5px;
}
/* news */

#news {
	margin:10px
}
#news dl {
	margin:10px 0;
}
#news dt {
	font-size:9pt;
	font-weight:bold;
	color:#000 ! important;
}
#news dd {
	margin:0px 0px 10px 0;
}
#news ul {
	margin-left:0px;
	padding-left:5px;
	margin-top:2px;
	list-style: disc url("/images/listiconred.gif") outside;
}
#dl.standard {
	margin:5px 0 ! important;
}
#dl.standard dt {
	font-size:1.1em ! important;
	font-weight:bold;
	color:#000;
	margin:5px 0px
}
#dl.standard dd {
	margin:5px ! important;
}
ul.liststandard {
	margin:10px 12px 0;
	padding-left:12px;
}
ul.liststandard li {
	margin:8px 0;
}
.lindent {
	margin-left:15px;
}
/*events calendar*/

.eventtitle {
	color: #777;
	padding-bottom:.5em;
	border-bottom:1px #777 dotted;
}
.eventdate {
	color:#234f85;
	margin-top:1em;
	font-weight:bold;
	font-size:1.2em;
}
.eventtext {
	font-size:1.2em;
}
.eventtext a {
	color:#333333;
}
/* needs */


#needs {
	width:230px;
	float:left;
	margin:20px 10px 10px 10px;
	padding: 0px 10px 0 0;
	border-right:1px dotted #A8A898;
}
#needs h3 {
	margin-top:10px;
}
#needs ul {
	margin-left:10px;
	padding-left:5px;
	margin-top:5px;
	list-style: disc url(images/listiconred.gif) outside;
}
#needs li {
	margin-top:5px
}
#message {
	margin:30px 10px 10px 10px;
}
#message ul {
	margin-left:25px;
	padding-left:232px;
	margin-top:5px;
	list-style: disc url(images/listiconred.gif) outside;
}
#footer {
	margin:0px 1px 2px 1px;
	border-top:1px solid #262865;
	padding:5px 10px;
	background-color:#FFFFFF;
}
#footerleft {
	text-align:center;
}
#footerright {
	text-align:center;
}
#bottomnav {
	text-align:center;
}
/*  NEW NAV MENU  */

 
 #nav {
	float:right;
	margin:0; 
	height:50px;
	width:600px;
	text-transform:uppercase;
	
}
ul.dropdown  { 
	list-style: none; 
	position: relative; 
	color: #cc9933; 
	margin-right: 4px; 
	padding: 2px 4px;
	text-decoration: none; 
	}
	
ul.dropdown li { 
	float: left; 
	font-size:1em; 
	
	border-right:1px solid #cc9933;  
	padding: 4px 2px; 
	font-weight:normal; 
	list-style: none; 
	margin:0;
	position: relative; 
	}
	
ul.dropdown a:hover	{ 
	background-color:#000066; 
	}
	
ul.dropdown a:active { 
	
	}

ul.dropdown li a  { 
	color:#cc9933;
	font-weight:normal;
	float : left;
	line-height : 14px;
	margin-right : 4px;
	padding : 2px 5px;
	text-decoration : none; 
	font-size:1.3em
	}
	
ul.dropdown li ul li a { 
font-size:1.1em;
}
	
ul.dropdown li:last-child a {
	border-right: none; 
	}  /* Doesn't work in IE */


/* 
	LEVEL TWO
*/
ul.dropdown ul 	{
	
	visibility: hidden; 
	position: absolute; 
	top: 100%; 
	left: 0; 
	border-bottom: none;

	}
	
ul.dropdown ul li {
	font-weight: normal; 
	border-bottom: 1px solid #cc9933; 
	background-color: #000033; 
	
	} /* IE 6 & 7 Needs Inline Block */
	
	
ul.dropdown ul li a	{ 
	border-right: none; 
	width: 110px; 
	display: inline-block; 
	background-color: #000033;
	
	} 

/* 
	LEVEL THREE
*/
ul.dropdown ul ul 					{ left: 100%; top: 0; }
ul.dropdown li:hover > ul 			{ visibility: visible; }

 
 
 /* Adjust last menu drop down */
 li.last_submenu {
 	padding-right:30px;
 }

li.last_submenu ul {
	left:auto;
	right:0;
}
 /* END NEW NAV MENU  */
  
 
#donate_now #donatenow, #needs_page #needs_nav, #news_page #news_nav, #join_page #join_nav, #about_page #about_nav {
	color: #fff;
	padding:5px 3px;
	text-decoration:none;
	vertical-align:middle;
	font-size:1.2em;
	background-color:#5C0202;
}
/* image replacement */


h1.ir {
	text-indent:-1000em;
}


#index_news img {
	margin-right:5px;
	float:left;
	border:1px solid #600;
	margin-top:3px;
}
.sidearticle {
	margin:5px 5px 2px 0;
	float:left;
	border:1px solid #600;
}
.sidecontentdictlist dt {
	font-weight:bold;
	margin-bottom:3px;
	line-height:1.5em;
}
.sidecontentdictlist dd {
	margin-bottom:15px;
	line-height:1.5em;
}
.contentpad {
	margin:0px
}
fieldset {
	border:1px solid #B5B5AE;
	padding:10px;
	margin:10px;
}
legend {
	padding:0px 5px;
	font-size:1.1em;
	font-weight:bold;
}
fieldset div {
	margin:3px 0
}
.checkbox label {
	float:none;
}
label {
	float:left;
	width:85px;
}
input.textbox {
	border:1px inset #000;
	font-size:1.1em;
	padding:2px;
	width:200px
}
.submitbutton {
	border:1px solid #000;
	font-size:1.1em;
	padding:2px;
	background : #E6E6E1;
}
#sublogo {
	float:left;
	width:175px;
}
#homelink {
	float:left;
	width:175px;
	height:65px
}
#subheadernav {
	float:right;
	width:550px
}
#subcontentright dl {
	margin:10px;
}
#subcontentright dt {
	font-weight:bold;
	margin:10px 0 3px;
}
#subcontentright dd {
}
dl.news {
}
dl.news dt {
	font-size:1.4em;
	color:#000;
}
dl.news dd {
	margin-bottom:25px;
	color:#000;
}
.required {
	color:#c00;
}
.submitleft {
	float:right;
}
.submitright {
	float:right;
}
#org {
	font-size:10px;
	margin:15px 0;
	color:#828485;
}
#org p {
	color:#828485;
}
.board dt {
	width:75px;
	margin:0px;
}
.board dd {
	margin-bottom:10px;
}
.caption {
	font-size:9px;
	font-style:italic;
	line-height:normal;
	font-weight:normal;
}
.quotehome {
	font-size:11px;
	font-style:italic;
	padding:0 40px;
	margin:20px 0;
}
.small {
	font-size:1.0em;
}
.red {
	color:#c00
}
ul.sideContent {
	margin-left:15px
}
.error {
	color:red;
	font-weight:bold;
}

/*JSquares - home page */


#js-container, #js-container2 {
    background-color: #fff;
    float: left;
    height: 331px;
    overflow: hidden;
    position: relative;
    width: 650px;
}
.js-image {
	background:#000;
	font-size:14px;
	overflow:hidden;
	position:absolute;
	z-index:1;
	text-align:left;
}
.js-image a img,
a .js-overlay-image {
	margin:0;
	border-style:solid;
	border-color:#fff;
}
.js-image,
.js-image img,
.js-image.size-3,
.js-image.size-3 img
 {
	width:186px;
	height:170px;
	font-size:14px;
	
}

.js-overlay-image {
height:100%;
width:auto;
}

.js-image.size-2,
.js-image.size-2 img {
	width:165px;
	height:170px;
	font-size:14px;

}
.js-image.size-1,
.js-image.size-1 img {
	width:290px;
	height:333px;
	font-size:14px;

}
.js-image.size-4,
.js-image.size-4 img {
	width:353px;
	height:160px;
	font-size:14px;
}
.js-small-caption {
	position:absolute;
	bottom:0;
	left:3px;
	background:#000;
	width :90%;
	 padding:10px 5% 10px; 
	height:auto;
	line-height:1.2;
	font-size:11px;
	text-transform:uppercase;
	font-family:'Arial Narrow',Arial,sans-serif;

}
.js-caption-overlay {
	background:#E6E6E6;
	z-index:998;
	padding:0;
	border-color:#333;
	border:none; 
	position:absolute;
	overflow:hidden;

}
.js-small-caption {
	opacity:.8;
}

.js-small-caption span {
	color:#fff;
}
.js-overlay-image {
	float:left;
	display:inline-block;
}
img.alignRight {
float:right;
padding:1px 0 0 1px;
}
.js-overlay-html {
	float:left;
	display:inline-block;
	padding:10px 10px; 
	width:210px; 
	color:#FFFFFF;
	border-bottom:1px solid #E6E6E6;
	color:#333;
	line-height:1.4;
}
.js-overlay-html h4 {
	margin:0 0 3px 0;
	padding-bottom:3px;
	border-bottom:1px solid #aaa;
/*	padding:0 0 10px 0; */
	color:#333;
	font-size:16px;
	font-weight:normal;
	text-transform:uppercase;
	  font-family: 'Francois One', serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  text-shadow: none;
  text-decoration: none;	
/*font-family: 'GnuolaneRegular','Arial Narrow',Arial,sans-serif;*/
}
.js-overlay-html p {
	font-size:12px;
	margin:0;
}