/*
-----------------------------------------------
Style Sheet

Site: LeTipofLaJOlla.org
Author:   www.swissitweb.com
Version:  2008.1
----------------------------------------------- */


/* undo some default styling of common (X)HTML browsers
 * ------------------------------------------------------------------------- */

/* No list-markers by default - must redefine bullets w/ bg graphics */
ul,ol { list-style:none; }

/* Avoid browser default inconsistent heading font-sizes and pre/code */
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }


/* prevent blue linked image borders */
a img, :link img, :visited img, fieldset { border:none; }

/* reset margin and padding for all elements to 0 */
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,label,div,dd,dt,dl{ margin:0; padding:0; }



/* global elements
 * ------------------------------------------------------------------------- */
body{
	background-color: #1f2f32;
	font-family: Tahoma, Arial, sans-serif;
	font-size: .85em;
	line-height: 130%;	
	
}

a{
	color: #990000;
	text-decoration: none;
}

a:hover{
	color: #666666;
}

p{
	color: #1d2d32;
}


/* Classes
 * ------------------------------------------------------------------------- */
 
 
 .clear{
 	clear:both;
 }
 .link_block a{
 	color:#98a5a8;
 }
 .link_block a:hover{
 	color: #8ab541;
 }
 .list_arrow{
 	font-size: .84em;
	list-style-image: url(../images/pfeil.gif);
	margin: 0px 0px 8px 20px;
	padding: 0 0 8px 25px;
	line-height: 150%;
 }
 .byline{
 	color: #ff7d01;
 	font-size: .89em;
	font-style: italic;
	font-weight: bold;
 }
.subtitle{
	color: #ff7d01;
 	font-size: 1.1em;
	font-weight: bold;
}
 
 .line_h{
 	background: url(../images/line_h.gif) bottom left repeat-x;
	padding-top: 5px;
 }
  .line_v{
 	background: url(../images/line_h.gif) bottom left repeat-y;
	padding-left: 10px;
 }
 
 .text_indent{
 	margin:0;
	padding:0;
	text-indent:-9999px
 }
  .img_border{
	background-color: #fff;
	border: 1px solid #577a36;
	margin: 10px;
	padding: 5px;
 }
   .img_no_border{
	background-color: #fff;
	margin: 10px;
 }
 
 .img_figure{
 	float: right;
	background-color: #fff;
	border: 1px solid #577a36;
	margin: 10px;
	padding: 5px;
 }
  .img_figure2{
 	float: right;
	background-color: #fff;
	border: 1px solid #577a36;
	margin: 10px 50px 10px 10px;
	padding: 5px;
 }
 .rightColumn_text{
 	color: #CCC;
	padding-left: 20px;
	font-size:.98em;
 }
.rightColumn_textSmall{
 	color: #CCC;
	padding-left: 20px;
	font-size:.82em;
 }
 .rightColumn_textYellow{
 	color: #FFCC00;
	padding-left: 20px;
	font-size:.98em;
	font-weight: bold;
 }
.thisweek_rightTitle{
	color: #CCC;
	padding-left: 5px;
	font-size:1.1em;
	font-weight: bold;
}
.thisweek_rightTxt{
	color: #CCC;
	text-align: left;
	font-size:.98em;

}
  .img_align_right{
 	float: right;
	margin: 10px;
	padding: 5px;
 }
 
 /* page Layout
 * ------------------------------------------------------------------------- */
 
 #container{
 	width:910px;
 	margin-left:auto;
	margin-right: auto;
 
 }
 #header{
 	width: 910px;
	height:100px;
 }
  #header_link{
	width:550px;
	height:2px;
	display:block;
	text-indent:-9999px;
	overflow:hidden;
}
#header h2{
	text-indent:-9999px;
	overflow:hidden;
}
 
 #logo{
 	background:url(../images/logo.gif);
 	background-repeat:no-repeat;
	float:left;
 
 }
#logo_home_link{
 	width:550px;
	height:100px;
	display:block;
	text-indent:-9999px;
	overflow:hidden;
 }
#logo h1{
 	width: 550px;
	height:100px;
 }
 
 #address{
 	width: 340px;
	float:left;
	padding-top:10px;
 }
 #address p{
	text-align: right;
	color:#98a5a8;
	line-height: normal;
	font-size:0.78em;
	font-weight: bold;
 }
 
 #navigation{
 	width:910px;
 }
 
  #banner{
 	width: 910px;
	height:207px;
 }

 
 #member{
 	width: 910px;
	height: 122px;
 }

 
 #wrapper_columns{
 	width: 910px;
	background:url(../images/3column_BG.gif) top left repeat-y;
	font-size: .82em;
	color: #1f2f32;
 }
 
 #column_1{
 	float:left;
	width: 275px;
	padding: 0px 10px 5px 20px;
 }
 
 #column_2{
 	float: left;
	width: 270px;
	padding: 0px 10px 5px 15px;
 }
 
 #column_3{
 	float: left;
	width:280px;
	padding: 0px 10px 5px 15px;
 }
 

.bottom_text{
 	color: #CCC;
	text-align: center;
	font-size:.98em;
 }
 
 .bottom_links a{
  	color: #999933;
	text-align: center;
	font-size:.83em;
 }

.bottom_links a:hover, #credits a:hover{
  	color: #FF9900;
 }
 
.credits {
	color: #CCC;
	text-align: center;
	font-size:.85em;
 }
 .credits a{
 	color: #999933;
 }
 

 #footer{
 
 }
 
  /* Sub page Layout
 * ------------------------------------------------------------------------- */
 
#main_content_wrapper{
	width: 910px;
	background: url(../images/subpages_bg.gif) top left repeat-y;
}
        
 #main_content{
 	float: left;
	width: 580px;
	padding: 0px 10px 5px 20px;
	display: inline;		
 }
 
 #main_content p, #main_content_plain p{
	font-size: .84em;
	padding-right: 20px;
 }
            
            
#right_column{
	width:277px;
	float: left;
	background: url(../images/right_column_bg.gif) top left repeat-y;

}
   
#main_content h3, #main_content_plain h3{
	font-size: 1.32em;
	color: #577a36;
	font-weight:bold;
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: 0.18em;
	text-transform: uppercase;
}         

 #main_content_plain{
	width: 860px;
	padding: 0px 20px 5px 30px;
	
 }

 
 #tbl_committee,  #tbl_category{
 	font-size: .84em;
 }
 #tbl_board{
 	font-size: 1em;
 }
 
 #tbl_contact{
 	font-size: .85em;
 }
 
  /*
SPRITE NAV
----------------------------------------------------------*/

/* SPRITE NAVIGATION */
#nav {
	background:url("../images/navbar.jpg") top left no-repeat;					
	width: 910px;		/* Width of buttons, not entite image (or half of entire image) */
	height: 50px;		/* Height of entire image */
	margin:0;
	padding:0;
	margin-top: 0px;
}
#nav span { display: none; }
#nav li { 
	position: relative;
	float: left;
	list-style: none;
}
#nav li, #nav a { 
	height: 50px;			/* Each button must have the same height, define it here */
	display: block;
}

/* left - defines offset from left edge, will most likely just be 0 */
/* width - width of each button, they will each most likely be unique */
#nav-01 {left: 8px; width: 110px;}
#nav-02 {left: 8px; width: 142px;}
#nav-03 {left: 8px; width: 138px;}
#nav-04 {left: 8px; width: 136px;}
#nav-05 {left: 8px; width: 100px;}
#nav-06 {left: 8px; width: 117px;}
#nav-07 {left: 8px; width: 143px;}


/* Changed values should match "width" numbers specified above */
#nav-01 a:hover {background: transparent url("../images/navbar.jpg") -8px -50px no-repeat;}
#nav-02 a:hover {background: transparent url("../images/navbar.jpg") -118px -50px no-repeat;}
#nav-03 a:hover {background: transparent url("../images/navbar.jpg") -260px -50px no-repeat;}
#nav-04 a:hover {background: transparent url("../images/navbar.jpg") -398px -50px no-repeat;}
#nav-05 a:hover {background: transparent url("../images/navbar.jpg") -534px -50px no-repeat;}
#nav-06 a:hover {background: transparent url("../images/navbar.jpg") -634px -50px no-repeat;}
#nav-07 a:hover {background: transparent url("../images/navbar.jpg") -751px -50px no-repeat;}


/* Son of Suckerfish: Horizontal Sprite Nav
 * ------------------------------------------------------------------------- */

#nav li ul {
	position:absolute;
	left:-9999px;
	text-align:left;
	float:left;
	z-index:5;
	
	}

#nav li ul li { 
	height:22px; 				/* Height of each drop down nav item */
	border:1px solid #FFF;
	border-top:none;
	background-color:#577a36; /* Put background here! Not in the ul!!*/
	left: 0px; /*Optional - Makes drop-down line up even with the dividing line in primary nav (instead of 1px to the right) */
	margin-left: 0px;
	
	
	}	

#nav li ul li a {
	width:100%;
	height:22px;				/* Height of each drop down nav item, should match above */
	line-height:22px;			/* Height of each drop down nav item again, should match above */
	
	
	}

#nav li ul li a span {
	display:block;
	padding-left:10px;
	}

/* Drop down link styles */
#nav a:link, #nav a:visited, #nav a:hover, #nav a:active {
	font-size:.9em;
	color:#FFF;
	text-decoration:none;
	}

#nav li:hover ul, #nav li.sfHover ul	{ left: auto; background-position: 0 0; }

/* Hover styles for drop down items */
#nav-01 ul a:hover, #nav-02 ul a:hover, #nav-03 ul a:hover, #nav-04 ul a:hover, #nav-05 ul a:hover, #nav-06 ul a:hover, #nav-07 ul a:hover{ 
	background-image:none;
	background-color:#ff7d01;
	color:#fff;
	text-decoration:none;
	cursor:pointer; 
	}

/* width of drop down nav - choose width that allows items to display on one line */
#nav-01 ul, #nav-01 li { width:114px; }
#nav-02 ul, #nav-02 li { width:142px; }	
#nav-03 ul, #nav-03 li { width:155px; }		
#nav-04 ul, #nav-04 li { width:137px; }	
#nav-05 ul, #nav-05 li { width:160px; }	
#nav-06 ul, #nav-06 li { width:118px; }	
#nav-07 ul, #nav-07 li { width:143px; }	

/*html fix*/
#nav li:hover ul, #nav li.sfhover ul { left: auto; background-position: 0 0; }
 
.red-text {
	color: #ff0000;
}
.green-text {
	color: #008000;
}