body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 18px;
	color: #333333;
	/* start */
	background-color: #333333;
	/* end */
margin: 0px;
}

.white{
display:block;
background-color:#FFFFFF;
height:200px;
width:100%;
padding:20px;
}

#catfish{
float:right;
padding-right:10px;
margin-top:20px;
font-size:10px;
color:#999999;
}
#catfish a{
font-size:10px;
color:#999999;
text-decoration:none;
}
#catfish a:hover{
text-decoration:underline;
}

#container{
margin-top:25px;
width:900px;
margin-left:auto;
margin-right:auto;
}
#logo{
float:left;
}

#rhs_top{
text-align:right;
font-size:14px;
float:right;
color:#999999;
}
#rhs_top a{
color:#999999;
text-decoration:none;
}
#rhs_top a:hover{
color:#cccccc;
text-decoration:none;
}

.bold_white_grey{
color:#FFFFFF;
font-weight:bold;
background-image:url(images/mendoza_dark_grey.gif);
}

.bold_white_green{
color:#FFFFFF;
font-weight:bold;
background-image:url(images/green_box_bgnd.gif);
}

.title_grey{
font-weight:bold;
background-image:url(images/mendoza_dark_grey.gif);
font-size:20px;
color:#ffffff;
margin:0px;
padding:0px;
}

.title_green{
font-weight:bold;
background-image:url(images/green_box_bgnd.gif);
font-size:20px;
color:#ffffff;
margin:0px;
padding:0px;
}


.title_green{
font-weight:normal;
background-image:url(images/green_box_bgnd.gif);
font-size:22px;
color:#333333;
margin:0px;
padding:0px;
}

.bold_italic_green{
font-weight:bold;
font-style:italic;
background-image:url(images/green_box_bgnd.gif);
font-size:14px;
color:#000000;
margin:0px;
padding:0px;
}



#green_box_general{
/* before padding: W:277, H:340 */
z-index:1;
position:relative;
float:left;
height:300px;
padding:20px;
width:237px;
background-image:url(images/green_box_bgnd.gif);
overflow:auto;
}


#green_box_content_general{
background-image:url(images/green_box_bgnd.gif);
font-family:Georgia, Times New Roman, Times, serif;
font-size:14px;
color:#333333;
line-height:20px;
z-index:1;
padding-top:10px;
}
#green_box_content_general p{
margin:0px;
padding:0px;
}







#grey_box_general{
background-image:url(images/mendoza_dark_grey.gif);
z-index:1;
/* before padding: W:342, H:340 */
position:relative;
float:left;
height:300px;
width:302px;
padding:20px;
overflow:auto;
}

#grey_box_contents_general{
background-image:url(images/mendoza_dark_grey.gif);
font-family:Georgia, Times New Roman, Times, serif;
font-size:14px;
color:#cccccc;
line-height:22px;
padding-top:10px;

}

#grey_box_contents_general p{
margin:0px;
padding:0px;
}
#grey_box_contents_general a{
color:#FFFFFF;
text-decoration:none;
}
#grey_box_contents_general a:hover{
color:#cccccc;
}

.grey_box_middle{
font-family:Georgia, Times New Roman, Times, serif;
font-size:14px;
color:#cccccc;
line-height:22px;
background-image:url(images/mendoza_dark_grey.gif);
height:300px; /* allow 20px padding */
}

.grey_box_middle p{
margin:0px;
padding:0px;
}
.grey_box_middle a{
color:#FFFFFF;
text-decoration:none;
}
.grey_box_middle a:hover{
color:#cccccc;
}






/* *** home page **/


.green_box_middle_home{
background-image:url(images/green_box_bgnd.gif);
font-family:Georgia, Times New Roman, Times, serif;
font-size:22px;
color:#333333;
line-height:32px;
height:300px; /* allow 20px padding */
}
.green_box_middle_home p{
margin:0px;
padding:0px;
}




#middle_box_home{
z-index:1;
position:relative;
float:left;
height:340px;
width:269px;
background-color:#FFFFFF;
margin-left:6px;
margin-right:6px;
}
#middle_box_home p{
margin:0px;
padding:0px;
}

#grey_box_home{
z-index:1;
/* before padding: W:342, H:340 */
position:relative;
float:left;
height:300px;
width:242px;
padding-left:50px;
padding-right:50px;
padding-top:20px;
padding-bottom:20px;
background-image:url(images/mendoza_dark_grey.gif);
}



#readblog{
position:absolute;
bottom:0px;
right:0px;
}
/* *** end home page **/











/**** what we do *****/


#green_box_content_whatwedo{
padding-top:0px;
background-image:url(images/green_box_bgnd.gif);
font-family:Georgia, Times New Roman, Times, serif;
font-size:20px;
color:#333333;
line-height:32px;

z-index:1;
}
#green_box_content_whatwedo p{
margin:0px;
padding:0px;
}

#green_box_content_whatwedo a{
text-decoration:none;
font-size:20px;
color:#333333;
line-height:32px;
}
#green_box_content_whatwedo a:hover{
color:#ffffff;
}

#green_box_content_whatwedo a.what_we_do_selected{
color:#ffffff;
}
/******** end what we do *******/









/*** rollcall and who we are ******/

#middle_box_rollcall{
z-index:1;
position:relative;
float:left;
height:340px;
width:169px;
background-color:#FFFFFF;
margin-left:6px;
margin-right:6px;
padding-left:50px;
padding-right:50px;
}
#middle_box_rollcall p{
margin:0px;
padding:0px;
}

.middle_box_links{
height:340px;
margin:0px;
padding:0px;
}

.middle_box_links a{
text-decoration:none;
font-size:20px;
color:#333333;
line-height:30px;
}
.middle_box_links a:hover{
color:#99CC00;
}

a.middlebox_page_selected{
color:#99CC00;
}

/*** end  rollcall and who we are ******/




#footer{
font-size:15px;
color:#999999;
clear:both;
padding-top:20px;
padding-right:10px;
text-align:right;
}


/* ********************top navigation************************* */
#topmenu{
clear:both;
padding-top:40px;
padding-bottom:15px;
overflow:hidden;
color:#FFFFFF;
	font-size: 14px;
	text-align: right;
	/*border-bottom:4px solid #99CC33;*/

}
#topmenu a{
	font-size: 14px;
	color: #ffffff;
	text-decoration: none;
}

#topmenu a:hover{
	color: #99CC00;
}

#topmenu a.page_selected {
	color: #99CC33;
}



/* top menu dropdowns */
.dropdown{
	position:absolute;
	visibility: hidden;
	width: 50px;
	z-index: 100;
	overflow: visible;
	padding:5px;
}

.dropdown a{
color:#ffffff;
width: 100%;
padding: 1px 0;
text-decoration: none;
font-weight: normal;
text-indent: 0px;
}

.dropdown a:hover{
color:#99CC00;
}
.dropbox {
	background-color:#333333;
padding-left:10px;
padding-right:10px;
padding-bottom:10px;
margin-left:-10px;
}
/* end top menu dropdowns */

/* ********************end top navigation************************* */





/* ************ login Stuff *********************** */
#login{
}


#login_onpage{
background-color:#FF9900;
border:1px solid #666666;
font-size:10px;
}
#login_onpage input{
font-size:10px;
}
#login_onpage td{
padding:2px;
}
#login_onpage #username{
width:75px;
}
#login_onpage #password{
width:75px;
}


/* ********** text shown when user logged in ******************/
#usertext{
display:inline;
padding:2px;
background-color:#FFFFFF;
border:1px solid #cccccc;
margin:0px;
color:#999999;
font-size:10px;
}
#usertext a{
text-decoration:none;
color:#3366FF;
}
#usertext a:hover{
text-decoration:none;
background-color:#CCCCCC;
color:#FFFFFF;
}
/* ********** text shown when user logged in ******************/




/* ************ end login Stuff *********************** */






/* *********** list styles *********
set number of columns by width of item div */
.item_list{
margin-left:0px;
margin-right:0px;
margin-bottom:10px;
margin-top:2px;
padding:0px;
/*border:1px solid #cccccc;
background-color:#9999CC;
overflow:scroll;
height:10px;*/
width:650px;
float:left;
}
.spacer{
clear:both;
}

#pagination a{
text-decoration:none;
}

#pagination .list_page_selected{
font-size:14px;
font-weight:bold;
}

/* *********end list styles ************ */











/* ********************user items style ***********************/


/* *** pop up layer ************* */

#show_layer{
top:300px;
left:150px;
padding:0px;
margin:0px;
position:absolute;
overflow:visible; 
display:block;
width:681px;
}

#content{
display:inherit;
background-color:#FFFFFF;
display:block;
width:672px;
border:1px solid #666666; 
}
#content p{
margin:0px;
padding:25px;
}

#shadow_bottom{
display:inherit;
clear:both;
width:681px;
height:10px;
background-image:url(images/shadow_bottom.png);
background-repeat:no-repeat;
}

#content_container{
display:inherit;
width:681px;
background-image:url(images/shadow_right.png);
background-repeat:no-repeat;
background-position:right top;

}

#handle{
display:inherit;
background-color:#cccccc;
padding:2px;
width:668px;
cursor:move;
}


#close_top{
display:inherit;
/*
background-color:#666666;
padding:2px; */
float:right;
vertical-align:middle;
}
#close_top img{
padding:0px;
margin:2px;
}

#close_bottom{
display:inherit;
background-color:#cccccc;
padding:2px;
width:100%;
margin:auto;
}
#show_layer a:link{
font-size:10px;
color:#666666;
font-weight:bold;
text-decoration:none;
}
#show_layer a:hover{
font-size:10px;
color:#333333;
font-weight:bold;
text-decoration:none;
}
#show_layer a:visited{
font-size:10px;
color:#FFFFFF;
font-weight:bold;
text-decoration:none;
}

/* *** end popup layer ************* */


.user_item_list{
margin-left:0px;
margin-right:0px;
margin-bottom:10px;
margin-top:2px;
padding:0px;
}


#add_new_user_item{
float:right;
}
.pale_grey{
color:#999999;
}
/* ******************** end user items style ***********************/









/* ***************** Blog ********************* */

#top_green_bar{
clear:both;
border-bottom:5px solid #99CC33;
}

#bottom_green_bar{
clear:both;
margin-top:5px;
border-bottom:10px solid #99CC33;
}


.blog_left{
vertical-align:top;
width:665px;
background-color:#FFFFFF;
font-size:14px;
color:#333333;
line-height:22px;
font-family:Georgia, Times New Roman, Times, serif;
padding:20px;
}
.blog_left h1{
font-family:Georgia, Times New Roman, Times, serif;
font-size:20px;
color:#666666;
font-weight:normal;
}
.blog_left h2{
font-family: Arial, Helvetica, sans-serif;
font-size:16px;
color:#000000;
font-weight:bold;
padding:0px;
margin-top:20px;
margin-bottom:10px;
}


.blog_right{
font-family: Arial, Helvetica, sans-serif;
font-size:13px;
color:#999999;
vertical-align:top;
padding:15px;
width:205px;
background-image:url(images/mendoza_dark_grey.gif);
}

.blog_quote{
margin-top:30px;
margin-bottom:30px;
font-size:15px;
}

.blog_right img{
margin-left:22px;
margin-right:22px;
}

a.blog_link{
font-family: Arial, Helvetica, sans-serif;
font-size:13px;
text-decoration:none;
color:#CCCCCC;
font-weight:normal;
}
a.blog_link:hover{
color:#FFFFFF;
}

#blog_bottom_links{
width:600px;
padding:10px;
border-top:1px solid #cccccc;
border-bottom:1px solid #cccccc;
}
a.blog_links_bottom{
font-family: Arial, Helvetica, sans-serif;
padding-left:15px;
padding-right:30px;
font-size:12px;
text-decoration:none;
color:#666666;
background-image:url(images/green_dot.gif);
background-repeat:no-repeat;
background-position:left;
}
a.blog_links_bottom:hover{
color:#333333;
}

#blog_bottom_links #social_networking{
float:right;
}
#blog_bottom_links #social_networking img{
padding:0px;
margin-left:2px;
}
#blog_bottom_links #social_networking a{
padding:0px;
margin:0px;
}

#comment_form{
display:none;
padding:5px;
background-color:#CCCCCC;
float:left;
}
#comment_form input{
margin-bottom:2px;
font-size:10px;
width:200px;
}
#comment_form textarea{
margin-bottom:2px;
width:300px;
height:100px;
}

#email_form{
display:none;
padding:5px;
background-color:#CCCCCC;
float:left;
}
#email_form input{
margin-bottom:2px;
font-size:10px;
width:200px;
}
#email_form textarea{
margin-bottom:2px;
width:300px;
height:30px;
}

/* ***************** end Blog ********************* */


/* ************************ general styles ***************************/

.spacer{
margin:0px;
padding:0px;
clear:both;
}

#breadcrumb{
color:#999999;
font-size:10px;
}


form{
margin:0px;
padding:0px;
}

h1 {
text-decoration: none;
	font-size: 24px;
	color: #000000;
	margin-top:10px;
	margin-bottom:10px;
}

h2 {
text-decoration: none;
	font-size:16px;
	color: #000000;
	margin-top:0px;
	margin-bottom:10px;
}

a {
color:#CC0000;

}
a:hover {
color:#999999;

}

a.admin_links{
font-size:10px;
font-weight:normal;
color:#3366FF;
text-decoration:none;
}

a.admin_links:hover{
background-color:#CCCCCC;
color:#FFFFFF;
}

.small {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #999999;
}
.red {
	color: #FF0000;
}


#error{
color:#FF0000;
margin-bottom:2px;
}
/* ************************ end general styles *********************/