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

body {
	font-size: 90%;
	background: #FFFFFF url(../images/ccwbody_3.jpg) repeat-x;
	margin: 0;
	padding: 0;
	text-align: left;
}
/* --------------------- GLOBAL STYLES ------------------------- */
p {
font: .8em/150% "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;
}

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

/*h3 a:visited {
color: #3787B4;  
}
h3 a:hover, a:focus {
color: #176B90;
}*/
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;
}
#maintext h1.centertext, #maintext h2.centertext, #maintext h3.centertext, #maintext p.centertext {
text-align:center;}


#frame {
width: 900px;
margin: 0;
padding: 0;
text-align: left;
}

#header {
	margin: 0;
	padding: 0;
	background: #FFF url(../images/ccwbanner2_900.jpg) no-repeat;
	height: 112px;/* was 108 */
}
/* ----------------------- MENU HOLDER -------------------------*/
#menuholder {
	/*position: relative;*/
	width: 800px;
	margin: 14px 0 0 25px;/* positions menu block in header */
	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: 0px 0 0 25px;
width: 1000px;
position: relative;
background: #FFF url(../images/contentbkgd_250.jpg) top right repeat-y;
}
* html #content {
margin: 0px 25px 0px 0px;
padding: 0px 0 0 25px;
width: 1000px;
position: relative;
z-index: 5000;
background: #FFF url(../images/contentbkgd_250.jpg) top right repeat-y;
}
#content.short {
width: 850px;
height: 1350px;
margin: 6px 25px 0px 0px;/* was -6 top */
padding: 0 0 0 25px;
}
* html #content.short {
width: 850px;
height: 1000px;
margin: 6px 25px 0px 0px;
padding: 0 0 0 25px;
}
/* -- lte IE7 style moved to head of home page -- */
#content.short #partners img {
border: 1px solid #000;
}

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

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


#content ul {
margin-top: 0px;
}
#content li {
font: .9em/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:visited {
color: #3787B4;  alternate lighter turquoise color
}
#content h2 a:hover, a:focus {
color: #176B90;   main turquoise color 
} */
#content h3 {
margin: -2px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-align: left;
vertical-align: top;
}
/*
#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 10px;
}
#content img.right-border {
float: right;
margin: 0 0 0 10px;
border: 1px solid #000000;
}

#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.short #partners p {
font: .9em/130% "Lucida Grande", Verdana, Arial, sans-serif;
margin: 0 0 10px 0px;
padding: 0 0 10px 0;
text-align: left;
vertical-align: top;
}
#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 IDS NESTED IN CONTENT DIV --- */

#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: .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;
}

#sidelinks #upevents td#tabledata3 a:link { 
color:#E4212F;
text-decoration: none;
}
#sidelinks table#upevents td#tabledata3 a:visited { 
color:#2F6AB2;
text-decoration: underline;
}
#sidelinks #upevents td#tabledata3 a:hover, a:focus{ 
color: #2F6AB2;
text-decoration: underline;
}
#sidelinks #upevents td#tabledata3 a:active{ 
color: #387FD8;
text-decoration: underline;
}

#resources {
width: 200px;
margin: 20px 0 10px 10px;
}
* html #resources {
width: 200px;
margin: 20px 0 0px 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;
}


#preventionlinks {
width: 200px;
margin: 20px 0 10px 10px;
}
* html #preventionlinks {
width: 200px;
margin: 20px 0 0px 10px;
}
#preventionlinks td {
vertical-align: top;
margin: 0;
padding: 0;
width: 200px;
}
/*#preventionlinks h1 {
font: .9em/120% "Lucida Grande", Verdana, Arial, sans-serif;
font-weight: 700;
margin: 10px 0 10px 0;
padding: 0 10px 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;
width: 200px;
}
#preventionlinks 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 {
width: 200px;
margin: 20px 0 10px 10px;
}
* html #upevents {
width: 200px;
margin: 20px 0 10px 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 td#tabledata3 {
background: #FFFFFF url(../images/upeventsmid_200.jpg) repeat-y;
vertical-align: top;
margin: 0;
padding: 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;
}

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

#carmenscolumn {
width: 508px;
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 50px 0 0;
padding: 0px 0px 0 0;
vertical-align: text-bottom;
}*/
div#herald {
width: 160px;
float: right;
margin: 0px 40px 0 0;
padding: 0px 0px 0 0;
vertical-align:top;
}
div#herald img{
float: right;
margin: 0px 0px 0 0;
padding: 0px 0px 0 0;
}
#awardsdinner {
width: 506px;
padding: 0px 10px 5px 10px;
border: 2px #E4212F solid;
background-color: #FFFF99;
}

#awardsdinner h1 {
font: 1.2em/125% "Lucida Grande", Verdana, Arial, sans-serif;
color: #FFFFFF;
font-weight: 700;
margin-top: 10px;
text-align: center;
background-color:#E4212F;
display: block; 
margin-bottom: 3px;
padding: 2px 0 2px 0;
}
#awardsdinner table h2 {
font: .8em/125% "Lucida Grande", Verdana, Arial, sans-serif;
color: #E4212F;
font-weight: 700;
margin-top: 5px;
text-align: center;
padding-bottom: 0;
}
#awardsdinner table h3 {
font: .8em/125% "Lucida Grande", Verdana, Arial, sans-serif;
color: #000000;
font-weight: 700;
margin-top: 0px;
text-align: center;
}
#awardsdinner h1 img {
float: right;
padding: 0 10px 0 10px;
}
#awardsdinner table a:link {/* for newsletter link below awards dinner description */
color: #E4212F;  /* red */
font-weight: 700;
text-align: center;
}
#awardsdinner table a:visited {
color: #295D9E;  
font-weight: 700;
text-align: center;
}
#awardsdinner table a:hover, a:focus {
color: #2F6AB2;  
font-weight: 700;
text-align: center;
}
#awardsdinner table a:active {
color: #387FD8;  
font-weight: 700;
text-align: center;
}

#content #awardsdinner h1 a { /* for header above table announcing diinner */
color: #FFFFFF;
text-decoration: none;
}
#content #awardsdinner h1 a:hover, a:focus {
color: #FFFF99;
font-weight: 700;
text-decoration: underline;
}
#maintext {
width: 510px;
}
#maintext h2 {
font: .9em/140% "Lucida Grande", Verdana, Arial, sans-serif;
font-weight: 700;
color: #E4212F;
}

/* --- 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*/
}