/* CSS Document for Citizens Crime Watch INTERIOR STYLES */
/* main colors list:
*/

body {
	font-size: 90%;
	background: #FFFFFF url(../images/ccwbody_3.jpg) repeat-x;
	margin: 0;
	padding: 0;
	text-align: left;
}
body#simplebkgd {
	font-size: 90%;
	background: #FFFFFF;
	margin: 0;
	padding: 0;
	text-align: left;
}
p {
font: .8em/140% "Lucida Grande", Verdana, Arial, sans-serif;
}
a:link {
color: #E4212F;  /* red */
font-weight: 700;
}
a:visited {
color: #3AB1CC;  /* lt turquoise */
font-weight: 700;
}
a:hover, a:focus {
color: #176B90;  /* main turquoise color */
font-weight: 700;
}

h1 {
font: 1.2em/115% "Lucida Grande", Verdana, Arial, sans-serif;
font-weight: 700;
color: #2F6AB2;
text-align: left;
vertical-align: top;
}

h2 {
font: .9em/140% "Lucida Grande", Verdana, Arial, sans-serif;
font-weight: 700;
color: #176B90;
/* red */
}

h3 {
font: .9em/120% "Lucida Grande", Verdana, Arial, sans-serif;
font-weight: 700;
color: #000;
}

h1 + h3 {
padding: 0px;
margin: -10px 0 0 0;
}
h4 {
font: 1em/115% "Lucida Grande", Verdana, Arial, sans-serif;
font-weight: 700;
color: #2F6AB2;
text-align: left;
vertical-align: top;
}
h5 {
font: 1em/140% "Lucida Grande", Verdana, Arial, sans-serif;
font-weight: normal;
color: #000000;
}

#frame {
width: 900px;/* was 900 */
margin: 0;
padding: 0;
text-align: left;
}
#frame.simplelong {
width: 1200px;
margin: 0;
padding: 0;
text-align: left;
}
#header {
	margin: 0;
	padding: 0;
	background: #FFF url(../images/ccwbanner2_900.jpg) no-repeat;
	height: 112px;
}
/* ------------- STYLES FOR THE MENUHOLDER ------------------------- */
#menuholder {
	/*position: relative;*/
	width: 800px;
	margin: 14px 0 0 25px;
	padding: 0px; /* puts vertical space around text in horizontal menu, and dictates left margin */
	overflow: inherit;
	text-align: left;
}

/* --------------------------- HERE ARE STYLES FOR THE MAIN CONTENT PARTS OF THE PAGE -----------------------------------------------*/

#content {
margin: 0px 25px 0px 0px;
padding: 6px 0 0 25px;
width: 780px;/*was 900*/
position: relative;
background: #FFF url(../images/contentbkgd_250.jpg) top right repeat-y;
}
*html #content {
margin: 6px 25px 0px 0px;
padding: 0px 0 0 25px;
width: 780px;
position: relative;
z-index: 5000;
background: #FFF url(../images/contentbkgd_250.jpg) top right repeat-y;
/*border-top: 2px solid #8E8258;*/
}
/* --- IN IE6, THE HEIGHT TRIGGERS THE PAGE SPONTANEOUSLY WIDENING, FOR IE6 LEAVE IT 850PX OR LESS -- */
#content.short {
height: 1000px;
margin: 6px 25px 0px 0px;
}
*html #content.short {
height: 1000px;
margin: 6px 25px 0px 0px;
}
/*#content.short {
width: 800px;
height: 1150px;
margin: 6px 25px 0px 0px;
padding: 0 0 0 25px;
}*/
#content.middle {
height: 1150px;
margin: 6px 25px 0px 0px;
}
* html #content.middle {

}
#content.long {
width: 750px;
height: 1500px;
margin: 6px 25px 5px 0px;
}
*html #content.long {
width: 750px;
height: 800px;
margin: 6px 25px 5px 0px;
}

#content.simplelong {
width: 900px;/* was 750px */
height: 1500px;
margin: 6px 25px 5px 0px;
background: #FFF url(../images/contentbkgd_20.jpg) top right repeat-y;
}
*html #content.simplelong {
width: 750px;
height: 800px;
margin: 6px 25px 5px 0px;
}

#content p {
font: .8em/140% "Lucida Grande", Verdana, Arial, sans-serif;
margin: 0 0 0 0px;
padding: 0 0 15px 0;
text-align: left;
vertical-align: top;
}
#content p.home {
font: .8em/140% "Lucida Grande", Verdana, Arial, sans-serif;
margin: 0 270px 0 0px;
padding: 0 0 15px 0;
text-align: left;
vertical-align: top;
}

#content p.center {
font: .9em/120% "Lucida Grande", Verdana, Arial, sans-serif;
font-weight: 700;
color: #176B90;
margin: 0;
padding: 5px 0 5px 0;
text-align: center;
}
#content p.notice {
font: .9em/140% "Lucida Grande", Verdana, Arial, sans-serif;
font-weight: 800;
color: #C40A12;
}
#content ul {
margin-top: 0px;
}
#content li {
font: .8em/150% "Lucida Grande", Verdana, Arial, sans-serif;
}

#content h2 {
/* THIS IS THE PRODUCT NAME IN THE TABLE */
margin: 2px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-align: left;
vertical-align: top;
}
#content h2 a:link {
color: #826915;  /* gold tan color */
}
#content h2 a:visited {
color: #3787B4;  /* alternate lighter turquoise color */
}
#content h2 a:hover, a:focus {
color: #176B90;  /* main turquoise color */
}
#content h3 {
/* THIS IS THE BRAND NAME IN THE TABLE */
margin: -2px 0px 4px 0px;
padding: 0px 0px 0px 0px;
text-align: left;
vertical-align: top;
}
#content h3 a:link {
color: #E4212F;
}
#content h3 a:visited {
color: #3787B4;  /* alternate lighter turquoise color */
}
#content h3 a:hover, a:focus {
color: #176B90;  /* main turquoise color */
}

#content h5 {
font: .9em/140% "Lucida Grande", Verdana, Arial, sans-serif;
font-weight: normal;
margin: 5px 0px 0px 0px;
padding: 4px 0px 6px 0px;
text-align: left;
vertical-align: top;
}
#content img.right {
float: right;
margin: 0 0 0 20px;
}

#content caption {
font: 1em/130% "Lucida Grande", Verdana, Arial, sans-serif;
font-weight: 700;
color: #176B90;
margin: 8px 0 0px 0;
}
/* --- HERE ARE GENERAL STYLES FOR TABLES ---*/ 
#content table img {
margin: 0;
padding: 0;
}
#content table p {
margin: 0;
padding: 0 0 0 0;
}

#content p.right {
text-align: right;
font-weight: 700;
margin-right: 5px;
}


/* --- OTHER ITEMS ---*/
#content table {
border-collapse: collapse;
}
#content table h3 {
font: .9em/140% "Lucida Grande", Arial, sans-serif;
font-weight: 700;
color: #176B90;
margin: -5px 0 0 0;
padding: 0px 0 0 0;
text-align: left;
vertical-align: top;
}
#content table th {
margin: 0px;
padding: 0px;
text-align: left;
vertical-align: top;
}

#content table td.noborder { /* NOBORDER IS USED ON ANY TD WHERE THE DEFAULT IS TO HAVE A BORDER */
border: none;
padding: 5px 5px 3px 2px; /* this brings strange results to font size on last row */
}

#content table td.noborder p {
font: .9em/140% "Lucida Grande", Arial, sans-serif;
}

/* --- STYLES FOR SIDELINKS ON RIGHT SIDE OF CONTENT DIV --- */

#sidelinks { /*THIS CONTAINS THE RESOURCES, PREVENTION LINKS AND EVENTS INFO BOXES */
float: right;
margin: 0px 0px 0px 20px;
padding: 0;
/*background: #DFF2F5;
border-left: 1px #088AC5 solid;*/
width: 250px;
/*height: 900px;  REMOVE THIS HEIGHT IF CONTENT IS THERE!!! LET THE CONTENT DICTATE THE HEIGHT 
z-index: 6000;*/
}
* html #sidelinks { /*THIS CONTAINS THE RESOURCES, PREVENTION LINKS AND EVENTS INFO BOXES */
float: right;
margin: 0px 0px 0px 0px;
padding: 0;
/*background: #DFF2F5;
border-left: 1px #088AC5 solid;*/
width: 250px;
}
/*#sidelinks h1 {
font: .9em/120% "Lucida Grande", Verdana, Arial, sans-serif;
font-weight: 700;
margin: 10px 0 10px 0;
padding: 0 0 0 15px;
color: #000000;
}
* html #sidelinks h1 {
font: .9em/120% "Lucida Grande", Verdana, Arial, sans-serif;
font-weight: 700;
margin: 10px 0 0 0;
padding: 0 0 0 15px;
color: #000000;
}*/
#sidelinks h1 {
font: .8em/120% "Lucida Grande", Verdana, Arial, sans-serif;
font-weight: 700;
margin: 10px 0 10px 0;
padding: 0 10px 0 15px;
color: #000000;
}
* html #sidelinks h1 {
font: .8em/130% "Lucida Grande", Verdana, Arial, sans-serif;
font-weight: 700;
margin: 8px 0 8px 0;
padding: 0 10px 0 15px;
color: #000000;
}
#sidelinks h2 {
font: .9em/120% "Lucida Grande", Verdana, Arial, sans-serif;
font-weight: 700;
margin: 10px 0 10px 0;
padding: 0px 0 0 15px;
color: #2F6AB2;
}
* html #sidelinks h2 {
font: .8em/130% "Lucida Grande", Verdana, Arial, sans-serif;
font-weight: 700;
margin: 10px 0 0 0;
padding: 0px 0 0 15px;
color: #2F6AB2;
}
#sidelinks a:link { 
color:#000000;
text-decoration: none;
}
#sidelinks a:visited{ 
color: #295D9E;
text-decoration: none;
}
#sidelinks a:hover, a:focus{ 
color: #2F6AB2;
text-decoration: underline;
}
#sidelinks a:active{ 
color: #387FD8;
text-decoration: underline;
}
#resources {
width: 200px;
margin: 14px 0 20px 10px;
}
* html #resources {
width: 200px;
margin: 20px 0 20px 10px;
/*font-size: 1%;*/
}
#resources td {
vertical-align: top;
margin: 0;
padding: 0;
}

#resources h1 + h2 {
margin: -10px 0 0 0;
}
#resources td#tabledata1 {
background: #FFFFFF url(../images/resourcesmid_200.jpg) repeat-y;
vertical-align: top;
margin: 0;
padding: 0;
}
#resources td#tabledata2 {
background: #FFFFFF url(../images/resourcesmid_200.jpg) repeat-y;
vertical-align: top;
margin: 0;
padding: 15px 15px 0px 15px;
}
#resources td#tabledata2 p {
font: .85em/150% "Lucida Grande", Arial, sans-serif;
font-weight: 800;
padding: 0 0px 15px 0px;
}


#preventionlinks {
width: 200px;
margin: 20px 0 20px 10px;
}
* html #preventionlinks {
width: 200px;
margin: 20px 0 20px 10px;
}
#preventionlinks td {
vertical-align: top;
margin: 0;
padding: 0;
}
/*#preventionlinks h1 {
font: .9em/120% "Lucida Grande", Verdana, Arial, sans-serif;
font-weight: 700;
margin: 10px 0 10px 0;
padding: 0 0 0 15px;
color: #000000;
}*/
#preventionlinks h2 {
font: .9em/120% "Lucida Grande", Verdana, Arial, sans-serif;
font-weight: 700;
padding: 0 0 0 15px;
color: #2F6AB2;
}
#preventionlinks h1 + h2 {
margin: -10px 0 0 0;
}
#preventionlinks td#tabledata2 {
background: #FFFFFF url(../images/prevenmid_200.jpg) repeat-y;
vertical-align: top;
margin: 0;
padding: 0;
}

#upevents {
width: 200px;
margin: 20px 0 20px 10px;
}
* html #upevents {
width: 200px;
margin: 20px 0 20px 10px;
}
#upevents td {
vertical-align: top;
margin: 0;
padding: 0;
}
/*#upevents h1 {
font: .9em/120% "Lucida Grande", Verdana, Arial, sans-serif;
font-weight: 700;
margin: 10px 0 10px 0;
padding: 0 0 0 15px;
color: #000000;
}*/
#upevents h2 {
font: .9em/120% "Lucida Grande", Verdana, Arial, sans-serif;
font-weight: 700;
padding: 0 0 0 15px;
color: #2F6AB2;
}
#upevents h1 + h2 {
margin: -10px 0 0 0;
}
#upevents h4 {
font: .8em/115% "Lucida Grande", Verdana, Arial, sans-serif;
font-weight: 700;
color: #2F6AB2;
text-align: left;
vertical-align: top;
margin: 5px 0 0px 0;
padding: 0 0 0 15px;
}

#upevents td#tabledata3 {
background: #FFFFFF url(../images/upeventsmid_200.jpg) repeat-y;
vertical-align: top;
margin: 0;
padding: 0;
}


#photobanner {
width: 540px;
margin: 0;
padding: 20px 0px 0px 0px;
/*z-index: 200;*/
}
#photobanner img {
margin: 0px 0px 0px 0px;
padding: 0 22px 0 0;
/*border: 1px solid #088AC5;*/
}

#carmenscolumn {
width: 510px;
padding: 0px 10px 5px 10px;
background: #DFF4F7;
border: 1px #088AC5 solid;
/*z-index: 300;*/
}

#carmenscolumn h1 {
font: 1.2em/125% "Lucida Grande", Verdana, Arial, sans-serif;
font-weight: 700;
margin-top: 10px;
}
#carmenscolumn h1 img {
float: right;
padding: 0 10px 0 10px;
}

#carmenscolumn h3 img {
float: right;
margin: 0px 0 0 0;
padding: 0px 60px 0 0;
vertical-align: text-bottom;
}
/*  -------------- MAIN TEXT AREA FOR SIMPLE PAGES -----------------------------   */
#maintext {
width: 425px;/* was 510px */
margin: 0px 20px 0 40px;/*establishes where text starts on page*/
padding: 0 0 0 0;
}
#maintext h2 {
font: .9em/140% "Lucida Grande", Verdana, Arial, sans-serif;
font-weight: 700;
color: #E4212F;
}
#maintext h4 {
font: .8em/140% "Lucida Grande", Verdana, Arial, sans-serif;
font-weight: 100;
margin: 0 0 0 0px;
padding: 0 0 15px 20px;
text-align: left;
vertical-align: top;
}
#maintext p {
font: .8em/160% "Lucida Grande", Verdana, Arial, sans-serif;
}

#phototable {
width: 500px;
padding: 0px 10px 5px 10px;
background: #FFF /*#DFF4F7*/;
border: 1px #088AC5 solid;
}
#phototable td.caption {
padding: 0px ;
background: #DFF4F7;
border: 1px #088AC5 solid;
}
#phototable td.caption p {
font: .8em/135% "Lucida Grande", Verdana, Arial, sans-serif;
font-weight:700;
color: #088AC5;
padding: 0 0 0 10px;
}
#highlightbox {
width: 350px;
padding: 0px 10px 5px 10px;
background: #FFF /*#DFF4F7*/;
border: 1px #088AC5 solid;
}

#highlightbox h1 {
font: 1.2em/125% "Lucida Grande", Verdana, Arial, sans-serif;
font-weight: 700;
margin-top: 10px;
}
#highlightbox h1 img {
float: right;
padding: 0 10px 0 10px;
}

#highlightbox h3 img {
float: right;
margin: 0px 0 0 0;
padding: 0px 60px 0 0;
vertical-align: text-bottom;
}
/* --- STYLES FOR THE FOOTER --- */ 

#footer {
text-align: left;
margin: 0px;
padding: 3px 3px 3px 25px;
border-top: 4px solid #088AC5;
clear: both; 
}
#footer p {
font: .8em/140% "Lucida Grande", Arial, sans-serif;
margin: 0;
padding: 0px 0 0 0;
color: #0F74B3;
}
#logos p {
font: .7em/130% "Lucida Grande", Arial, sans-serif;
margin: 0;
padding: 0px 0 0 0;
color: #000;
text-align: center;
}

#footer p a:link { 
color: #0F74B3;
}
#footer p a:visited { 
color: #295D9E;
text-decoration: none;
}
#footer p a:hover, a:focus { 
color: #2F6AB2;
text-decoration: underline;
}
#footer p a:active{ 
color: #387FD8;
text-decoration: underline;
}


hr{
	color: #666699;
	height: 1px;
	width: 90%;
}

/* ----- Form Elements ---- */
form {
	margin: 0px;
}

input, select, textarea {
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 10px;
	color: #393957;
}

input {
	background: #FFFFFF;
	border: 1px solid #666699;
	margin: 4px;
}

input.formCheckbox {
	border: none;
	background: transparent;
}

select, textarea {
	background: #FFFFFF;
	border: 1px solid #003366;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 11px;
}

input.formButton {
	background: #176B90;
	border-bottom: 1px solid #668099;
	border-left: 1px solid #668099;
	border-right: 1px solid #003366;
	border-top: 1px solid #003366;
	color: #D3D3E2;
	font-weight: bold;
	margin: 5px 3px 3px 3px;
}
input#Update {
	background: #176B90;
	border-bottom: 1px solid #668099;
	border-left: 1px solid #668099;
	border-right: 1px solid #003366;
	border-top: 1px solid #003366;
	color: #D3D3E2;
	font-weight: bold;
	margin: 5px 3px 3px 3px;
}
input#Delete {
	background: #176B90;
	border-bottom: 1px solid #668099;
	border-left: 1px solid #668099;
	border-right: 1px solid #003366;
	border-top: 1px solid #003366;
	color: #D3D3E2;
	font-weight: bold;
	margin: 5px 3px 3px 3px;
}

#txtComments{
	width: 300px;
	height: 75px;
}

#instructions{
	font-size:10px;
}


/* --- altrowEven & altrowOdd ARE USED TO STYLE ALTERNATING TABLE ROWS --- */
.altrowEven {
	background-color: #E1D699;
}

.altrowOdd{
	background-color: #F0E8B0; /*#FBFBE2*/
}