/*************************************************************************************************
* General
**************************************************************************************************/
body { background: url('http://lchc.ucsd.edu/assets/images/body_bg.gif') 50% 0 no-repeat #FFFFFF;
font-size: 80%; }
a:focus, a:hover { color: #E23B30; text-decoration: underline; }
a { color: #E23B30; text-decoration: none; }
.container { margin-bottom: 2em; }
h1, #body .content h2, #body .toolbox .box h3 { font-weight: normal; font-style: normal; line-height:
normal; font-family: 'Museo300', sans-serif; font-size-adjust: 0.5; text-align: left; }
a.continued { background-color: #E23B30; color: white; padding: .3em; }

/*************************************************************************************************
* Header
**************************************************************************************************/
#header h1 {
    font-size: 1.8em; 
/*    text-transform: lowercase; */
    padding-left: 81px; 
    padding-top: 7px;
    margin: 1em 0; 
    background: url('http://lchc.ucsd.edu/assets/images/logo.png') top left no-repeat transparent;
    height: 68px;
}
#header h1 a { text-decoration: none; color: #333333; }
#header h1 a .split { color: #666666; display: block; }

/*************************************************************************************************
* Navigation
**************************************************************************************************/
#navigation { background: #eee; border-bottom: 2px solid #ccc; border-top: 2px solid #ccc; padding:
0.4em  0;  font-family: Tahoma; }
#navigation, #navigation a, #navigation a:focus, #navigation a:hover { font-size: 1em;
text-decoration: none; color: #000000; }
#navigation a { padding: .4em .4em; }

#navigation .menu                     { border: none; margin: 0px; padding: 0px; }
#navigation .menu ul                  {  list-style: none; margin: 0px;  padding: 0px; }
#navigation .menu ul li               { float: left; padding: 0px; font-family: Tahoma; font-size: 1.45em; }




#navigation .menu ul li a        { color: #000000; display: block; font-weight: normal;  margin: 0px 0px 0px 14px; padding: 0px 5px 0px 10px; text-align: center; text-decoration: none; }


#navigation .menu    li a:hover,
#navigation .menu ul li:hover a       { background: #DF6A61; color: #FFFFFF; text-decoration: none; }


#navigation .menu ul li       ul      { background: #fafafa; display: none; height: auto; padding:
0px;
                                        margin: 0px 0px 0px 20px; border: 0px; position: absolute;
width: 200px; z-index: 200; 
					font-size: .53em; }

#navigation .menu ul li:hover ul      { display: block; border: 2px solid #E23B30; }

#navigation .menu ul li ul li         { background: #fafafa; display: block; float: none;
border-bottom: 1px solid #999999;
	    	     	   	      	margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; width:
200px; }


#navigation .menu ul li:hover ul li a { background: #fafafa; color: #000000; }
#navigation .menu ul li ul a          { display: block; margin: 0px; padding: 5px 10px 5px 15px;
text-align: left; }

/*
#navigation .menu ul li ul a:hover, 
#navigation .menu ul li ul li:hover a { background: #DF6A61; border: 0px; color: #ffffff;
text-decoration: none; }
*/

#navigation .menu ul li ul a:hover, 
#navigation .menu ul li ul li ul li:hover a { background: #DF6A61; border: 0px; color: #ffffff; text-decoration: none; }

#navigation .menu li ul {position: absolute; background: #fafafa; left: -999em;}
#navigation .menu li ul ul {margin: -17px 0px 0px 160px;}
#navigation .menu li:hover ul ul {left: -999em;}
#navigation .menu li:hover ul, #navigation .menu li li:hover ul {left: auto;}



#navigation .menu p                   { clear:left; }

#navigation .search label { font-family: Tahoma; font-size: 1.28em; color: #000000; }
#navigation .search p     { margin: 0px 00px 0px 5px; text-align: right; }
#navigation .search label { font-weight: none; display: block; float: left; padding-left: 12px;
padding-top: .2em; }
#navigation .search input[type=text]  { height: 1.8em; width: 15em; border: 2px solid #000000; margin:
0; font-size: 100%; }
#navigation .search input[type=image] { height: 28px; width: 28px; margin-bottom: -10px; }



/*************************************************************************************************
* Body
**************************************************************************************************/
#body { font-family: Tahoma; text-align: justify; }
#body .content .article { padding: 2em 1em; }
.article{
    width: 610px;
    float: left;
}

#body .toolbox { padding-top: 1em; }
#body .toolbox .box h3 { margin-bottom: .5em; }
#body .toolbox .box { border: 1px solid #EAEAEA; background:
url('http://lchc.ucsd.edu/assets/images/box_bg.png') bottom left repeat-x #FFFFFF;
-moz-border-radius: 4px; -webkit-border-radius: 4px; color: #7b7b7b; font-size: .9em; line-height:
1.5em; }
#body .toolbox .continued { text-transform: uppercase; font-family: Tahoma; font-size: .9em; }

/*************************************************************************************************
* Footer
**************************************************************************************************/
#footer { color: #6f6f6f; background-color: #EBEBEB; -moz-border-radius: 4px; -webkit-border-radius:
4px; min-height: 70px; }
#footer hr { display: none; }
#footer p { padding: .8em; margin: 0; font-size: .89em; }
#footer .meta { text-align: right; padding-top: .89em; }
#footer a { color: #DF6A61; }
#footer a:hover, #footer a.current { color: #E23B30; text-decoration: underline; }

#footer a.lchc, #footer a.ucsd { display: block; height: 50px; width: 50px; float: left; text-indent:
-9999px; }
#footer a.lchc { background: url('http://lchc.ucsd.edu/assets/images/lchc-watermark.png') top left
no-repeat transparent; margin-right: 1em; }
#footer a.ucsd { background: url('http://lchc.ucsd.edu/assets/images/ucsd-watermark.png') top left
no-repeat transparent; }

/*************************************************************************************************
* Standard Form
**************************************************************************************************/
form.standard { }
form.standard legend { font-weight: normal; font-size: 1.3em; }
form.standard fieldset { border: none; }
form.standard div.field {}
form.standard div.field label { display: block; float: left; width: 12em; }
form.standard div.controls { text-align: right; padding: 1em; }
/*form.standard div.controls input[type="submit"] { border: 0; background-color: #E23B30; color:
#FFFFFF; padding: .6em; font-size: 120%; }*/

form.standard div.field input[type="text"], form.standard div.field textarea { padding: .3em; width:
16em; font-family: Tahoma; font-size: 100%;  }
form.standard div.field input[type="text"] {  }
form.standard div.field textarea { height: 8em; }

form.standard div.field label[for="captcha"] { height: 2em; }
form.standard div.field input[name="captcha"] { width: 2em; }

/*************************************************************************************************
* Tables
**************************************************************************************************/
table, th, td {
	border: 1px solid #D4E0EE;
	border-collapse: collapse;
	font-family: "Trebuchet MS", Arial, sans-serif;
	color: #555;
}

caption {
	font-size: 150%;
	font-weight: bold;
	margin: 5px;
}

td, th {
  padding:       2px;
  padding-left:  4px;
  padding-right: 4px;
}

thead th {
	text-align: center;
	background: #E6EDF5;
	color: #4F76A3;
}

tbody th {

}

.table-label {
  text-align:     right;
  width:          130px;
  vertical-align: top;
  padding-top:    14px;
}

.table-text-input {
  height:    22px;
  font-size: 14px;
}

.table-textarea-input {
  width:     315px;
  height:    100px;
  font-size: 14px;
}

.table-submit {
  width:       100px;
  height:      20px;
  font-size:   16px;
  font-weight: bold;
}

tbody tr { background: #FCFDFE; }

tbody tr.odd { background: #F7F9FC; }

table a:link {
	color: #718ABE;
	text-decoration: none;
}

table a:visited {
	color: #718ABE;
	text-decoration: none;
}

table a:hover {
	color: #718ABE;
	text-decoration: underline !important;
}

tfoot th, tfoot td {
	font-size: 85%;
}

/*************************************************************************************************
* Media Tables
**************************************************************************************************/
.author, .type, .size { text-align: center; }


/************************************************************************************************
* member bio styles
*************************************************************************************************/
.memberpic{
	float:left;
	padding: 0px 10px 5px 0px;
	width:150px;
}