/*
		File: 	main.css
		Date: 	November 15, 2007
		Desc:	Presentation Stylesheet for lasers.llnl.gov
		Auth:	Damien Jemison - jemison1@llnl.gov
		~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/


/*--------------------------------------------------------------------------------------
	SOME UNIVERSAL RULES
--------------------------------------------------------------------------------------*/

/* Reset for default browser styles
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { margin: 0; padding: 0; } */

/* Default link styling */
a:link { 
	color: #0066CC; 
	text-decoration: none; 
	}

a:visited { 
	color: #0066CC; 
	text-decoration: none; 
	}

a:hover { 
	color: #003399; 
	}

a:active, a:focus { 
	color: #0099FF; 
	}
	
/* Link styling for the headers */
h1 a:link, h2 a:link, h3 a:link { 
	color: #00468c; 
	text-decoration: none; 
	}

h1 a:visited, h2 a:visited, h3 a:visited { 
	color: #00468c; 
	text-decoration: none; 
	}

h1 a:hover, h2 a:hover, h3 a:hover { 
	color: #002d59; 
	}
#home_page h3 {	font-size: 1.1em; }	

/* Default paragraph styling */	
p { 
	margin: 0 0 .75em 0; 
	padding: 0;
	}
		
.border {
	border: 1px solid #000;
	}
		
.small { font-size: small; }
	
.x-small { font-size: x-small; }

.center { text-align: center; margin: 0 auto;}
	
.redtext { color:#FF0000 }
.error { font-size: 8pt; color: #FF0000; display:none; }

.disclaimer {
	font-size: 0.7em;
	color: #666;
	text-align: center;
	clear:both;
	}
	
/* Highlight class used to highlight text with a yellow background */
.highlight {
	background: #f7f56f;
	}

.float_left { float: left; }
.float_right { float: right; }

/*--------------------------------------------------------------------------------------
	GENERAL
--------------------------------------------------------------------------------------*/	
	
/*	
body {
	background: url(/images/nif_bkgr.jpg) no-repeat #1964ba center top;		
	margin: 0 auto;
	padding: 0;
	font: 10pt Tahoma, Verdana, Arial, sans-serif;
	line-height: 1.3;
	}
*/	
body {
	/*min-width: 778px;*/
	/* 		
	background: url(/images/nif_bkgr2.jpg) no-repeat #000 center top;			
	*/
	background-color:#000;
	margin: 0 auto;
	padding: 0;
	font: 10pt Tahoma, Verdana, Arial, sans-serif;
	line-height: 1.3;
	/*text-align: left; */
	}	
	
/*--------------------------------------------------------------------------------------
	WRAPPERS
--------------------------------------------------------------------------------------*/



#headingwrapper {
	position: top;
	margin: 0;
	padding: 0;
	vertical-align: top;
	}
	
	
#wrapper {
	padding: 0px 0 0 0;
	width: 960px;
	margin: 0 auto 0;	
	/*
	background: #FFF;
	*/
	background:transparent url(/images/transparent.gif);
	}

#wrapper_new {
	padding: 0;
	width: 960px;
	margin: 0px auto 0;	
	
	background: #FFF;
	/*
	background:transparent url(/images/transparent.gif);
	*/
     -moz-border-radius-bottomleft: 10px;
     -moz-border-radius-bottomright: 10px;
     -webkit-border-bottom-right-radius: 10px;
     -webkit-border-bottom-left-radius: 10px;
     -khtml-border-radius: 10px;
      border-bottom-right-radius:10px;
      border-bottom-left-radius:10px;		
	}	

.clickableRegion {
	width: 778px;
	height: 0;
	padding: 190px 0 0 0;	
	margin: 0 auto 0;
	}

#wrapper_home {
	padding: 0px 0 0 0;
	width: 778px;
	margin: 0px auto 50px;
	background:transparent url(/images/transparent.gif);
	}
	
#wrapper_jlf {
	padding: 0px 0 0 0;
	width: 778px;
	margin: 0 auto 0;
	background:transparent url(/images/transparent.gif);
	}	
	
	
#innerwrapper {
	background: #FFF;
	margin: 0;
	padding: 0;
	position: top;
	width: 960px;
	}
	

	
	
/*------------------------------------------------------------------
UTILITY BAR	
------------------------------------------------------------------*/

#utilitybar {
	/*
	float: right;
	background-color: transparent;
	*/
	
		
	background: #000000;
	color: #FFF;
	font-size: .75em;
	padding-top: 3px;
	text-align: right;
	margin: 0 auto;
	overflow: hidden;	
	height: 23px;

	}
	
#utilitybar_llnl {
	float: right;
	background-color: transparent;
	
	/*		
	background: #000000;
	color: #FFF;
	font-size: .75em;
	padding-top: 3px;
	text-align: right;
	margin: 0 auto;
	overflow: hidden;	
	height: 17px;
	*/

	/*		

	color: #FFF;
	font-size: .75em;
	padding-top: 3px;
	text-align: right;
	margin: 0 auto;
	overflow: hidden;	
	height: 17px;	
	*/	

	}	

#lasers_utility	{
	/*use this to limit the width of the utility bar contents*/
	}
	
.utility_links {	
	color: #FFF;	
	text-decoration: none;
	overflow: hidden;
	height: 17px;
	width: 300px;
	padding-top:3px;
}


.utility_links a {	
	color: #FFF;	
	text-decoration: none;
	overflow: hidden;	
}


.utility_links	ul {
	display: inline;	
	margin-top: 3px;
	padding: 3px 0 0 0;
	}
	
.utility_links ul li {
	display: inline;
	margin-left: 0;
	padding: 0 7px;
	border-left: 1px solid #FFF;
	list-style: none;
	display: inline;
	}	
.utility_links ul li.first {
	margin-left: 0;
	padding-left: 5px;
	border-left: none;
	list-style: none;
	display: inline;
	}	






	
#lasers_utility	ul {
	display: inline;	
	margin-top: 3px;
	padding: 3px 0 0 0;
	}
	
#lasers_utility ul li {
	display: inline;
	margin-left: 0;
	padding: 0 7px;
	border-left: 1px solid #FFF;
	list-style: none;
	display: inline;
	}	
	
	
	
	
#utilitybar ul {
	display: inline;
	
	margin-top: 3px;
	padding: 3px 0 0 0;
	}
	
#utilitybar ul li {
	display: inline;
	margin-left: 0;
	padding: 0 7px;
	border-left: 1px solid #FFF;
	list-style: none;
	display: inline;
	}	
	
#utilitybar ul li.first {
	margin-left: 0;
	padding-left: 5px;
	border-left: none;
	list-style: none;
	display: inline;
	}	
	
#utilitybar a {
	text-decoration: none;
	color: #FFF;
	overflow: hidden;
	}
	
.utility_logo, .utility_logo a {
	text-align: left;
	float: left;
	padding-left: 4px;
	text-decoration: none;
	color: #FFF;
	display: inline;
	}
	
.utility_logo img {
	border: none;
	margin: -3px 0 0 -4px;
	padding:0 2px 0 0;
	text-decoration: none;
	display: inline;
	float: left;
	}	
	
/*--------------------------------------------------------------------------------------
	HEADER
--------------------------------------------------------------------------------------*/	

.crumb { 
/*	font-size: .9em;*/
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	color: #0066CC;
	text-decoration: none;
	/*text-indent: 10px;*/
	margin: 0;
	padding-bottom: 2px;
	}
	
#search {
	padding: 2px 0px 5px 10px;
	border-bottom: 1px solid #cccccc;
	font-size: .9em;
	/*size: 20px; not supported in any browsers*/
	}

#siteid {
	margin: 0;
	padding: 0;
	border: 0;
	
	}
	
#siteid img { 
	text-align: center; 
	}

.gobutton {
	margin-top:3px;
	}

#searchbox {
	float: left;
	width: 220px;
	font-size: .9em;	
	margin: 0;
	padding-left: 3px;
	overflow: hidden;
	/*background: url(/images/heading1.jpg);*/
	}

#searchbox_rt { /*added jdg 06/26/08*/
	float: right;
	width: 220px;
	font-size: .9em;	
	margin: 0;
	padding-left: 3px;
	overflow: hidden;
	/*background: url(/images/heading1.jpg);*/
	}
	
#searchform {
 	margin: 0;
 	padding: 0;
	}
	
#crumbbox {
	/*width: 568px;*/
	/*background: url(/images/heading1.jpg);
	height: 20px;*/
	font-size: .85em;
	padding: 5px 0 0 0;
	float: left;
	margin: 0;
	}

#searchCrumb_container {
	height: 32px;
	width: 960px;
	/*
	background: url(/images/heading1-778.jpg) no-repeat;
	background: transparent url(/images/home_bg_top2.gif) no-repeat;		
	*/
	background-color:#FFF;

	margin: 0; 
	padding: 0;
	padding-top: 7px;
	overflow: hidden; /* fixes left column jumping to the right */
	
     -moz-border-radius-topleft: 10px;
     -moz-border-radius-topright: 10px;
     -webkit-border-top-right-radius: 10px;
     -webkit-border-top-left-radius: 10px;
     -khtml-border-radius: 10px;
      border-top-right-radius:10px;
      border-top-left-radius:10px;	
	}
	

	
	
	
/*--------------------------------------------------------------------------------------
	MULTIMEDIA
--------------------------------------------------------------------------------------*/	
#panonav {
	padding: 10px 0 0 0;
	width: 280px;
	/*background: #ccc;*/
	}

#panonav ul {
	list-style: none;
	margin: 0;
	padding: 0;
	}

#panonav li {
	line-height: 1.1;
	margin: 0;
	padding: 5px 0;
	border-bottom: 1px solid #eee;
	}

#appletcontainer {
	width: 380px;
	height: auto/*350px*/;
	margin: 10px 0 0 0;
	float: right;
	}
	
#panocaption {
	text-align: left;
	padding-top: 15px;
	width: 380px;
	}
	
#multimedia {
	/*
	background: url(/images/contentBkgr.jpg) repeat-x;
	*/
	background: #fff;
	
	padding: 0 40px;
	}
	
#multimedia h1 {
	padding-top: .5em;
	margin: 0;
	}	
	
#timeline {
	padding: 0 0 20px 15px;
	margin: 0;
	}

#photogallery {
	/*background: url(/images/contentBkgr.jpg) repeat-x; Remove until I can change the SWFs bkgr to transparent*/
	padding: 0 0 40px 0;	
	margin: 0;
	}
	
#photogallery h1 {
	margin: 0 40px;
	padding-top: .5em;
	}
	
#photogallery p {
	padding: 0 40px;
	}	
	
#panonav img {
	border: 1px solid #ccc;
	padding: 5px;
	background: #fff;
	}
	
#video_box {
	width: 362px;
	/*height: 180px;*/
	background: #000;
	margin: 0 auto;
	border: #ccc solid 5px;
	padding: 1px;
	}
		
#video_box_white {
	width: 362px;
	/*height: 180px;*/
	background: #fff;
	margin: 0 auto;
	border: #ccc solid 5px;
	padding: 1px;
	}
		
.video_text {
	width: 370px;
	margin: 0 auto;
	padding: 20px 0;
	text-align: justify;
	}
/* added for fusion fun animation a wider video box jdg 02/01/09*/	
#video_box_wide {
	width: 475px;
	/*height: 180px;*/
	background: #000;
	margin: 0 auto;
	border: #ccc solid 5px;
	padding: 1px;
/* end addition */
	}
#content.video_gallery {
	text-align:center;
	margin: 0 auto;
	padding-top: 1em;
	background: #fff;
	}	

/*--------------------------------------------------------------------------------------
	NAVIGATION
--------------------------------------------------------------------------------------*/	
#navheading {
	background-color: #000;
	font-weight: bold;
	line-height: 2em;
	color: #fff;
	height: 30px;
	width: 210px;
	margin: 0;
	text-indent: 20px;
	}
	
#navheading a {
	text-decoration: none;
	color: #fff;
	}
		
#tertiaryNav {
	text-align: left;
	margin: 0.25em 0 1em 0;
	font-size: .8em;
	}
	
#content #tertiaryNav ul, #content_news #tertiaryNav ul {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	color: #0066CC;
	text-decoration: none;
	margin: 0;
	padding: 0;
	line-height: 1.5em;
	display: inline;
	text-align: left;
	}
	
#tertiaryNav li {
	display:inline;
	color:#0066CC;
	margin: 0; 
	padding: 0;
	}
	
#tertiaryNav li a {
	margin: 0 .5em 0 0;
	color:#0066CC; 
	text-decoration: none;
	}
	
#leftcol {
	float: left;
	width: 210px;
	font-size: .9em;
	border: 0;
	margin: 0;
	background: #FFF;
	height:100%;
	}
	
#left_col_back {

	width: 210px;
	height: 100px;

	}	

/*	
#mainNav {
	margin:0;
	padding:0;
	border: 0;
	height: 30px;
	background-color:#333333;
	}
*/	
	
#mainNav {
	margin:0 0 5px 0;
	padding:0;
	border: 0;
	height: 60px;
	/*
	background-color:#333333;
	*/
	background:transparent url(/images/transparent.gif);
	}

#topBar {
	margin:0;
	padding:0;
	border: 0;
	height: 11px;
	/*
	background-color:#333333;
	*/
	background:transparent url(/images/home_bg_top.gif);	
	}		
	
	
#topnav img, img a {
	border: 0;
	height: 38px;	
	}
	
/*--------------------------------------------------------------------------------------
	NAVIGATION LEFT COLUMN
--------------------------------------------------------------------------------------*/

/*Control DIV for expand all and collapse all links*/
#p7TMctrl {
	margin: 0 0 12px 0;
	font-size: 10pt;
	display: none;
	display: block; /* Hide from NN4 */
	}
	
#p7TMctrl a:link {
	color: #fff;
	}
	
#p7TMctrl a:visited {
	color: #fff;
	}

#p7TMctrl a:hover {
	color: #fff;
	}

/*Sets line-height of all menuitems*/
#p7TMnav {
	line-height: 30px;
	font-weight: bold;
	text-decoration: none;
	background-image: url(/images/btn210.jpg);
	background-repeat: repeat-y;
	display: block;
	width: 210px;
	}

/*second level menuitem divs on - Cascades to lower levels*/
/*Sets left margin to 16px establishing a cascading indent*/
#p7TMnav div div {
	margin: 0 0 0 30px;
	}

/*The Link style for top-level menuitems and is read by all browsers*/
#p7TMnav div a {
	color: #000;
	font-size: 9pt;
	display: block;
	padding: 0 0 0 22px;
	}
	
/*The Link style for top-level menuitems hidden from Netscape 4*/
#p7TMnav div a {
	padding: 0 0 0 22px;
	display: block;
	text-decoration: none;
	}

#p7TMnav div a:visited {
	color: #000;
	}
	
#p7TMnav div a:hover {
	color: #3366cc;
	}

/*The Link style for second-level menuitems*/
#p7TMnav div div a {
	font-weight: normal;
	font-size: 8pt;
	}

/*The Link style for third-level menuitems and lower*/
/*To set a specific style for the fourth level, add a div to the selector*/
/*Fourth-level example syntax: p7TMnav div div div div a {declaration}*/
#p7TMnav div div div a {
	font-size: 8pt;
	}

/*rules programatically assigned to parent links when image-based plus and minus option is selected. The padding on the 4 following rules supercedes (via !important) the padding on the p7TMnav div a selector when you've chosen the option to use images for the plus and minus signs*/
/*.p7plusmark {
	background-repeat: no-repeat;
	background-image: url(/images/p7tc_plus.gif);
	background-position: 0 50%;
	padding: 0 0 0 22px !important;
	}
	
.p7minusmark {
	background-repeat: no-repeat;
	background-image: url(/images/p7tc_minus.gif);
	background-position: 0 50%;
	padding: 0 0 0 22px !important;
	}
	
.p7defmark {
	background-image:  none;
	padding: 0 0 0 22px !important;
	}*/
	
.p7currentmark {
	font-weight: bold;
	color: #000 !important;
	padding: 0 0 0 22px !important;
	background-color: transparent !important;
	background-image:url(/images/btn_over.jpg);
	display: block;
	}
/* ////////// fusion fun icons on left nav //////////////// */	
.p7fusionimg_blue {
	background-repeat: no-repeat;
	background-image: url(/education/images/ico_blue.gif);
	background-position: 2% 50%;
	padding: 0 0 0 2px !important;
	}
.p7fusionimg_green {
	background-repeat: no-repeat;
	background-image: url(/education/images/ico_green.gif);
	background-position: 2% 50%;
	padding: 0 0 0 2px !important;
	}	
.p7fusionimg_red {
	background-repeat: no-repeat;
	background-image: url(/education/images/ico_red.gif);
	background-position: 2% 50%;
	padding: 0 0 0 2px !important;
	}
.p7fusionimg_violet {
	background-repeat: no-repeat;
	background-image: url(/education/images/ico_violet.gif);
	background-position: 2% 50%;
	padding: 0 0 0 2px !important;
	}
.p7fusionimg_yellow {
	background-repeat: no-repeat;
	background-image: url(/education/images/ico_yellow.gif);
	background-position: 2% 50%;
	padding: 0 0 0 2px !important;
	}

	/*--------------------------------------------------------------------------------------
	NAVIGATION ICF Semiannual added 7/17/08 jdg
--------------------------------------------------------------------------------------*/

/*Control DIV for expand all and collapse all links*/
#ICFctrl {
	margin: 0 0 12px 0;
	font-size: 10pt;
	display: none;
	display: block; /* Hide from NN4 */
	}
	
#ICFctrl a:link {
	color: #fff;
	}
	
#ICFctrl a:visited {
	color: #fff;
	}

#ICFctrl a:hover {
	color: #fff;
	}

/*Sets line-height of all menuitems*/
#ICFnav {
	line-height: 16px;
	font-weight: normal;
	text-decoration: none;
	/*background-image: url(/images/btn210.jpg);
	background-repeat: repeat-y;*/
	display: block;
	width: 482px;
	}

/*second level menuitem divs on - Cascades to lower levels*/
/*Sets left margin to 16px establishing a cascading indent*/
#ICFnav div div {
	margin: 0 0 0 20px;
	}

/*The Link style for top-level menuitems and is read by all browsers*/
#ICFnav div a {
	color: #000;
	font-size: 10pt;
	/*display: block;*/
	padding: 0;
	}
	
/*The Link style for top-level menuitems hidden from Netscape 4*/
#ICFnav div a {
	padding: 0;
	display: block;
	text-decoration: none;
	}

#ICFnav div a:visited {
	color: #000;
	}
	
#ICFnav div a:hover {
	color: #003399;
	}

/*The Link style for second-level menuitems*/
#ICFnav div div a {
	color: #0066CC;
	font-weight: normal;
/*	font-size: 8pt;*/
	}
#ICFnav div div a:visited { color: #0066cc; }
#ICFnav div div a:hover { color: #003399; }

/*The Link style for third-level menuitems and lower*/
/*To set a specific style for the fourth level, add a div to the selector*/
/*Fourth-level example syntax: ICFnav div div div div a {declaration}*/
#ICFnav div div div a {
	font-size: 8pt;
	}
#ICFnav div div div a:visited { color: #0066cc; }
#ICFnav div div div a:hover { color: #003399; }
/*rules programatically assigned to parent links when image-based plus and minus option is selected. The padding on the 4 following rules supercedes (via !important) the padding on the ICFnav div a selector when you've chosen the option to use images for the plus and minus signs*/
.ICFplusmark {
	background-repeat: no-repeat;
	background-image: url(/multimedia/publications/images/folder.gif);
	background-position: 0 50%;
	padding: 0 0 0 22px !important;
	}
	
.ICFminusmark {
	background-repeat: no-repeat;
	background-image: url(/multimedia/publications/images/folder_open.gif);
	background-position: 0 50%;
	padding: 0 0 0 22px !important;
	}
	
.ICFdefmark {
	background-image:  none;
	padding: 0 0 0 22px !important;
	}
	
.ICFcurrentmark {
	font-weight: bold;
	color: #000 !important;
	padding: 0 0 0 22px !important;
	background-color: transparent !important;
	/*background-image:url(/images/btn_over.jpg);*/
	display: block;
	}
	

	/*--------------------------------------------------------------------------------------
	NAVIGATION Publications Reviews added 02/01/2011 jdg
--------------------------------------------------------------------------------------*/

/*Control DIV for expand all and collapse all links*/
#PUBctrl {
	margin: 0 0 12px 0;
	font-size: 10pt;
	display: none;
	display: block; /* Hide from NN4 */
	}
	
#PUBctrl a:link {
	color: #fff;
	}
	
#PUBctrl a:visited {
	color: #fff;
	}

#PUBctrl a:hover {
	color: #fff;
	}

/*Sets line-height of all menuitems*/
#PUBnav {
	line-height: 16px;
	font-weight: normal;
	text-decoration: none;
	/*background-image: url(/images/btn210.jpg);
	background-repeat: repeat-y;*/
	display: block;
	width: 482px;
	}

/*second level menuitem divs on - Cascades to lower levels*/
/*Sets left margin to 16px establishing a cascading indent*/
#PUBnav div div {
	margin: 0 0 0 20px;
	}

/*The Link style for top-level menuitems and is read by all browsers*/
#PUBnav div a {
	color: #000;
	font-size: 10pt;
	/*display: block;*/
	padding: 0;
	}
	
/*The Link style for top-level menuitems hidden from Netscape 4*/
#PUBnav div a {
	padding: 0;
	display: block;
	text-decoration: none;
	}

#PUBnav div a:visited {
	color: #000;
	}
	
#PUBnav div a:hover {
	color: #003399;
	}

/*The Link style for second-level menuitems*/
#PUBnav div div a {
	color: #0066CC;
	font-weight: normal;
/*	font-size: 8pt;*/
	}
#PUBnav div div a:visited { color: #0066cc; }
#PUBnav div div a:hover { color: #003399; }

/*The Link style for third-level menuitems and lower*/
/*To set a specific style for the fourth level, add a div to the selector*/
/*Fourth-level example syntax: PUBnav div div div div a {declaration}*/
#PUBnav div div div a {
	font-size: 8pt;
	}
#PUBnav div div div a:visited { color: #0066cc; }
#PUBnav div div div a:hover { color: #003399; }
/*rules programatically assigned to parent links when image-based plus and minus option is selected. The padding on the 4 following rules supercedes (via !important) the padding on the PUBnav div a selector when you've chosen the option to use images for the plus and minus signs*/
.PUBplusmark {
	background-repeat: no-repeat;
	background-image: url(/multimedia/publications/images/folder.gif);
	background-position: 0 50%;
	padding: 0 0 0 22px !important;
	}
	
.PUBminusmark {
	background-repeat: no-repeat;
	background-image: url(/multimedia/publications/images/folder_open.gif);
	background-position: 0 50%;
	padding: 0 0 0 22px !important;
	}
	
.PUBdefmark {
	background-image:  none;
	padding: 0 0 0 22px !important;
	}
	
.PUBcurrentmark {
	font-weight: bold;
	color: #000 !important;
	padding: 0 0 0 22px !important;
	background-color: transparent !important;
	/*background-image:url(/images/btn_over.jpg);*/
	display: block;
	}
	
/*--------------------------------------------------------------------------------------
	CONTENT
--------------------------------------------------------------------------------------*/	
h1, h2, h3, h4 { 
	font-weight: bold;
	}
	
h1 {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 1.6em;
	margin: .5em 0;
	padding: 0;
	}
	
h2 {
	font-size: 1.35em;
	margin: 1em 0 0 0;
	}
	
h3 {
	font-size: 1.15em;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	margin: 5px 0 0 0;
	}
	
img, img a {
	border: 0;
	}

/* A BLOCKQUOTE FLOATED TO THE RIGHT - Requested by Charlie for a half width blockquote */
.blockquote_rthalf { 
	float: right;
	clear: both;
	width: 226px;
	padding: 15px;
	margin: 1em 0 .9em 1em;
	}
	
/* A BLOCKQUOTE FLOATED TO THE LEFT - Requested by Charlie for a half width blockquote */	
.blockquote_lfhalf { 
	float: left;
	clear: both;
	width: 226px;
	padding: 15px;
	margin: 1em 1em .9em 0;
	}
	
/* A BLOCKQUOTE FLOATED TO THE RIGHT - Requested by Charlie for a half width blockquote */
.blockquote_rtthird { 
	float: right;
	clear: both;
	width: 140px;
	padding: 15px;
	margin: 1em 0 .9em 1em;
	}
	
/* A BLOCKQUOTE FLOATED TO THE LEFT - Requested by Charlie for a half width blockquote */	
.blockquote_lfthird { 
	float: left;
	clear: both;
	width: 140px;
	padding: 15px;
	margin: 1em 1em .9em 0;
	}	
	
/* Spacing for the em dash and author name below the quote */	
blockquote .small, blockquote .x-small { 
	display: block;
	padding-top: .75em;
	}		
		
blockquote {
	font-family:"Times New Roman", Times, serif;
	font-style: italic;
	font-size: 1.5em;
	background: url(/images/blockquote_bkgr.jpg) #fff repeat-x;
	padding: .75em 1.5em;
	margin: 1.5em auto;
	text-align: center;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #ccc;
	}
	
blockquote p {
	margin: 0;
	}
	
#content {
	margin: 0;
	padding: 0 40px 25px 40px;
	text-align: left;
	float: left;
	width: 650px;
	/*
	background: #FFF url(/images/contentBkgr.jpg) repeat-y;
	*/


	background-color:#FFFFFF;

	}
	
#content_form {
	margin: 0;
	padding: 0;
	float: right;
	width: 960px;
	background: #FFF;
	
	/*
	background: #FFF url(/images/contentBkgr.jpg) repeat-x;
	*/
	}

#content_nonav {
	margin: 0 0 0 40px;
	padding: 0;
	float: left;
	background: #FFF;
	/*
	background: #FFF url(/images/contentBkgr.jpg) repeat-x;
	*/
	}	

#content_news {
	margin: 0;
	padding: 20px 40px;
	width: 698px;
	background: #FFF url(/images/contentBkgr.jpg) repeat-x;
	}
		
#content ul {
	margin: 0 0 1em 1.5em;
	padding-right: 25px;
	}
	
#content ul li {
	margin-bottom: .5em;
	line-height: 1.3;
	}

/*--------------------------------------------------------------------------------------
	IMAGE & CAPTION HANDLING
--------------------------------------------------------------------------------------*/

.image {
	/*
	border: 1px solid #999;
	*/
	padding: 2px;
	display: inline;
	background: #fff;
	}
	
.left {
	float: left;
	margin: .9em 1.3em .9em 0; /* .9em renders less instances of "double-spacing" before and after images*/
	clear: both; /* this will clear other images if placed too close to one another */
	}
	
.right { 
	float: right;
	margin: .9em 0 .9em 1.3em; /* .9em renders less instances of "double-spacing" before and after images*/
	clear: both; /* this will clear other images if placed too close to one another */ 
	}
	
.thumb {
	width: 125px;
	overflow: hidden;
	}		
	
.third {
	width: 165px;
	overflow: hidden;
	}

.half {
	width: 250px;
	overflow: hidden;
	}
	
.full {
	width: 482px;
	overflow: hidden;
	display: block;
	float: none;
	margin: 1em auto;
	clear: both; /* this will clear other images if placed too close to one another */
	}

.caption {
	font-family:"Times New Roman", Times, serif;
	line-height: 1.2;
	clear: both;
	margin: 5px 0 0 0;
	padding: .25em .5em .5em;
	color:#666;
	font-size: 1.1em;
	display: block;
	}


/* 	The following rules are for the top level/secondary pages (Missions, Programs, For Users, etc.)
	Thumb sized images in the left column and supporting text to the right column. */
	
.feat_left_column {
	width: 150px;
	float: left;
	padding: 6px 0 0 0; /* Aligns h2 with top of image */
	}

.feat_rt_column {
	width: 330px;
	float: left;
	}

/*.feat_rt_column p {
	margin-bottom: 0;
	} Any space at the bottom of a p tag will also cause extra space between divs*/	
	
.feat_rt_column h2 {
	margin: 0;
	}
	

/*	Publication/Press Kit Pages */



	

/*--------------------------------------------------------------------------------------
	CONTENT SIDEBAR
--------------------------------------------------------------------------------------*/	

.sidebar {
	width: 250px;
	background: #eee;
	display: block;
	border: 1px solid #999;
	padding: 2px;
	color: #333;
	font-size: .85em;
	margin-top: 0;
	}
	
.sidebar p {
	padding: 0 2em .5em;
	}	

#content .sidebar h5 {
	padding: 1em 1.5em 0;
	margin: 0;
	font-size: 1.25em;
	}
	
#content .sidebar ul { /* IE */
	margin: 1em 0 0 3.5em;
	}	
#content .sidebar > ul { /* Firefox & Safari */
	margin: 1em;
	}		
	
/*--------------------------------------------------------------------------------------
--------------------------------------------------------------------------------------*/

#content .leftFloat {
	display: inline;
	float: left;
	margin: .5em 1em 1em 0;
	}
	
#content .rightFloat {
	display: inline;
	float: right;
	margin: .5em 1em 1em 0;
	}	
	
#content .leftFloatImage {
	width: 250px;
	display: inline;
	float: left;
	margin: 1em 1em 1em 0;
	}	

.inlineImage {
	width: 250px;
	margin: 1em 0 1em 1em;	
	float: right;
	display: inline;
	border: 1px solid #999;
	padding: 2px;
	}	
		


#content .contact {
	width: 110px;
	display: inline;
	float: right;	
	padding: 0;
	margin: 17px;
	font-size: .85em;
	}	
#rtnav {
	width: 130px;
	display: inline;
	float: right;
	margin: -20px 5px 2px 5px;	
	padding: 0;
	font-size: .85em;
	padding: 5px 5px 5px 5px;
	background: #ddd;	
	border: thin #666666;		
	}


#content strong {
	font-weight: bold;
	}
	
p.indent {
	text-indent: 1em;
	}
	
/*--------------------------------------------------------------------------------------
	 TABLES
---------------------------------------------------------------------------------------*/

#tableborder {
	width: 480px;
	padding: 2px 2px 2px 2px;
	background-color: #f7f8f8;
	color: #000000;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	border: solid 1px #CCCCCC;
	margin: 10px auto;
	}

#tableborderlg {
	width: 650px;
	padding: 2px 2px 2px 2px;
	background-color: #f7f8f8;
	color: #000000;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	border: solid 1px #CCCCCC;
	margin: 10px auto;
	}

/*#peopletable { 
	width: 480px;
	padding: 2px 2px 2px 2px;
	background-color: #f7f8f8;
	color: #000000;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	border: solid 1px #CCCCCC;
	margin: 10px auto;
	}
	
 NEW people table for 4 columns and wider 12Jun27 */
#peopletable { 
	width: 650px;
	padding: 2px 2px 2px 2px;
	background-color: #f7f8f8;
	color: #000000;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	border: solid 1px #CCCCCC;
	margin: 10px auto;
	}

#peopletable img {
	border: 1px solid #000;
}
	
#peopletable td { padding: 5px 15px 5px 15px }
#peopletable tr { font-size: .85em; }

/*--------------------------------------------------------------------------------------
	PEOPLE TABLE FEATURE
---------------------------------------------------------------------------------------*/

#peoplefeattable { 
	width: 650px;
	padding: 2px 2px 2px 2px;
	background-color: #f7f8f8;
	color: #000000;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	border: solid 3px #000000;
	margin: 10px auto;
	}

#peoplefeattable img {
	border: 1px solid #000;
}
	
#peoplefeattable td { padding: 5px 15px 5px 15px }
#peoplefeattable tr { font-size: .85em; }

/*--------------------------------------------------------------------------------------
	FOOTER
--------------------------------------------------------------------------------------*/	

#footer_extended {
	
	width: 960px;
	margin: 10px auto 10px;
	background:url(/images/footer_bg.jpg) repeat-x;
	clear:left;
	
	
	

     -moz-border-radius-topleft: 7px;
     -moz-border-radius-topright: 7px;
     -webkit-border-top-right-radius: 7px;
     -webkit-border-top-left-radius: 7px;
     -khtml-border-radius: 7px;
      border-top-right-radius:7px;
      border-top-left-radius:7px;	
	

     -moz-border-radius-bottomleft: 7px;
     -moz-border-radius-bottomright: 7px;
     -webkit-border-bottom-right-radius: 7px;
     -webkit-border-bottom-left-radius: 7px;
     -khtml-border-radius: 7px;
      border-bottom-right-radius:7px;
      border-bottom-left-radius:7px;	
	
}

#footer {
	/*
	background:#949494 url(/images/footer_btm.jpg) bottom no-repeat;
	*/
	clear: both;
	font-size:x-small;
	color: #000;
	text-align: center;

	padding-top:15px;
	padding-bottom:10px;
	
/*	
	padding-bottom: 1em;
	margin-bottom: 50px;*/
	}
	
#footer a {
	text-decoration: none;
	color:#000000;
	}
	
#footer img {
	margin: 0 .5em;
	display: inline;
	}
	
#footer div {
	margin: 0;
	padding-top: 1em;
	}
	
#footer_extended ul {
    list-style-type: none;
}	
	
/***FOOTER LINKS***/
#footer_extended ul li {margin:0px 30px 0 0; overflow:hidden;display:block;font-size:.8em;}
#footer_extended .footer_column_links {float:left; }
#footer_extended ul li { padding-bottom:6px;}
#footer_extended ul li span {padding-bottom:5px; position:relative; top:-4px; left:6px;}
#footer_extended .title {font-weight:bold; font-size:.9em; padding-bottom:10px; color:#FFF; font-family: Arial,Helvetica,sans-serif;}	
#footer_extended .footer_column_links ul li a {color:#CCC;}

	
#bottom {
/*
	margin: 0;
	padding: 0;
	width: 778px;
	height: 30px;	
*/
	/*
	background: transparent url(/images/home_content_bottom.gif) no-repeat;
	*/
/*	
	background-color:#009933;
	background: url(/images/home_content_bottom.jpg) no-repeat;	
*/

	clear: both;
	height: 32px;
	margin: 0;	
	
      margin-bottom:20px;
     -moz-border-radius-bottomleft: 10px;
     -moz-border-radius-bottomright: 10px;
     -webkit-border-bottom-right-radius: 10px;
     -webkit-border-bottom-left-radius: 10px;
     -khtml-border-radius: 10px;
      border-bottom-right-radius:10px;
      border-bottom-left-radius:10px;	
	
	}	
	
#legalBar {
	/*
	background:#cbcbcb url(/images/footer_top.jpg) top no-repeat;
	*/
	font-size: x-small;
	width:960px;
	margin: 0 auto 20px;	
	/*
	height: 20px;
	*/
	padding: 0 5px 0 10px;
	
	}
	
#legalBar a {
	color: #fff;
	text-decoration: none;
	}
	
.privacy {
	float: left;
	padding-top: 4px;
	}
	
.ucrl {
	float:right;
	color: #fff;
	text-decoration: none;
	padding: 4px 5px 0 0;
	}
	
#labInfo, #labInfo a {
	margin-top: .5em;
	color:#FFF;
	}

/*--------------------------------------------------------------------------------------
	HOME PAGE LAYOUT
--------------------------------------------------------------------------------------*/
	
/*	
#home_page #content {
	margin: 0;
	padding: 0;
	width: 778px;
	background: url(/images/home_content_bkgr.jpg) #8cb2dd no-repeat;
	}
*/
	
#home_page #content {
	margin: 0;
	padding: 0;
	width: 778px;
	background-color: #fff;

	}
	
	
#home_page #column_one img { margin-bottom: 1.25em; }

#home_page #_three img { margin-bottom: 1em; }
	
#cbox_home { /* the DIV that contains the search box form */
	/*float: left;*/
	font-size: .9em;
	height: 25px;	
	margin: 0;
	padding: 5px 20px 0;
	overflow: hidden;
	background: transparent/*url(/images/search_strip_bkgr.jpg) repeat-x*/;
	}

#searchbox_home #searchform {
	margin-top: 5px;
	padding: 0 0 0 15px;
	}
	
input#search { /*width of search nif input box*/
	width: 151px; 
	height: 21px;
	padding: 4px 0 0 4px; 
	background: url(/images/searchbox_bkgr3.gif) no-repeat top left;	
	border:0;
	
	} 
	
/*#searchbox_home #search { relates to the search input box only*/
	/*background: none;
	font-weight: bold;
	border: 1px solid #fff;
	margin: 0;
	width: 120px;
	}*/
	
/*	
#searchbox_home	input.gobutton {
	margin: 0;
	padding: 0px 0 0 0px; 

	background: url(/images/searchbox_btn.gif) no-repeat top left;	

	width: 80px;
	height: 23px;
	border:0;	
	color:#FFFFFF;
	background: none;

	}
*/	
	
#searchbox_home	input.gobutton {
	margin: 3px 0 3px 0;
	padding: 4px 0 0 0; 
	/*height: 20px;
	padding: 3px 0 2px 4px;
	background: none;
	border: none;
	color: #333;
	width: 30px;*/
	}	
	
#searchbox input.gobutton {
	margin: 0 0 0 0;
	padding: 0;

	}		
	
/*	
#searchbox input.gobutton {
	margin: 0;
	padding: 0px 0 0 0px; 

	background: url(/images/searchbox_btn.gif) no-repeat top left;	
	
	
	width: 80px;
	height: 23px;
	border:0;	
	color:#FFFFFF;

	}		
*/	
	
			
/*	
#column_one {
	width: 170px;
	float: left;
	padding: 15px 20px 0 20px;
	line-height: 1.1;
	}
*/	

#column_one { /* MULTIMEDIA */
	width: 420px;
	float: left;
	padding: 15px 15px 0 15px;
	line-height: 1.1;
	}	
	
	
#column_two { /* MOVIE */
	width: 358px;
	float: left;
	padding: 15px 0	0 0;
	line-height: 1.1;
	}		
	
#column_three { /* NEWS */
	width: 300px;
	float: left;
	padding: 15px 10px 0 0;
	line-height: 1.1;
	}	
	
.clear {
	clear: both;
	width: 100%;
	padding-top: 1em;
	}	
	
.clearthin {
	clear: both;
	width: 100%;
	padding: 0;
	}
	
#missions_box {
	width: 368px;
	height: 180px;
	float: left;
	padding: 0 0 0 20px;
	text-align: left;
	}

#programs_box {
	width: 368px;
	height: 180px;
	float: right;
	padding: 0 20px 0 0;
	text-align: right;
	}	
	
/*-----Rollover css from Jason Laurea 9/11/08-----*/
#programsDiv {
	width: 368px;
	height: 180px;
	float: right;
	padding: 0 20px 0 0;
	text-align: right;
	}	
#missionsDiv {
	width: 368px;
	height: 180px;
	float: left;
	padding: 0 0 0 20px;
	text-align: left;
	}
#missionsButtons {
	float:left; 
	padding-top:0px; 
	width:194px; 
	margin-top: 0px;
}
#missionsTarget {
	float:left; 
	padding-top:0px; 
	width:154px;
	height: 125px;	 
	margin-top: 0px;
}
#missionsSpacer {
	float:left; 
}

/*-----End of Rollovers-----*/

#home_page h2 {
	font-size: 14px;
	}
	
.feature_movie {
	margin: 18px 0 1em 0;
	}	
	
/*--------------------------------------------------------------------------------------
	New Design - Home page widgets - JL Aug 2009
--------------------------------------------------------------------------------------*/		
	
#left_column { 
	width: 420px;
	float: left;
	padding: 5px 15px 0 15px;
	line-height: 1.1;
	}		

#right_column {
	width: 300px;
	float: left;
	padding: 5px 10px 0 0;
	line-height: 1.1;
	}	
	
	
#left_widget {
	width:410px;
	padding: 5px 0 0 0;	
	}
#right_widget {
	width:295px;
	padding: 5px 0 0 0;	
	}		
	
#left_widget #left_widget_title {
	padding:0;
	margin:0;
	width:410px;
	height:24px;
	background: transparent url(/images/widget_left_top.gif) repeat-x;	
	}	
	
#right_widget #right_widget_title {
	padding:0;
	margin:0;
	width:295px;
	height:24px;
	background: transparent url(/images/widget_right_top.gif) repeat-x;	
	}		
	
	
	
#left_widget #left_widget_s2 {
	padding:0 15px 15px 15px;
	margin:0;

	height: 125px;
	background: url(/images/widget_left_bg.jpg) repeat-y #aaa;		
	}	
	
#left_widget #left_widget_s1 {
	padding:0 15px 15px 15px;
	margin:0;
	background: url(/images/widget_left_bg.jpg) repeat-y #aaa;		
	}
	
#right_widget #right_widget_s1 {
	padding:0 15px 15px 15px;
	margin:0;
	background: url(/images/widget_left_bg.jpg) repeat-y #aaa;		
	}	
	
	
	
#right_widget #right_widget_content {
	padding:0;
	margin:0;	
	width:295px;
	background: url(/images/widget_right_bg.jpg) repeat-y #aaa;		
	}		
	
#right_widget #right_widget_events {
	padding:0;
	margin:0;
	width:295px;
	height: 200px;
	background: url(/images/widget_right_bg.jpg) repeat-y #aaa;		
	}		
	
#right_widget #right_widget_social {
	padding:0;
	margin:0;
	width:295px;
	height: 45px;
	background: url(/images/widget_right_bg.jpg) repeat-y #aaa;		
	}	
	
	
	
#right_widget #right_widget_social a{
	border:none;
	}
	
#right_widget a{
	padding-left:0px;
	}		
	
#right_widget #right_widget_content h1{
	padding: 0 0 0 15px;
	font-size: 14px;
	font-weight:bold;
	line-height: 1.1;
	font-family: Arial, Helvetica, sans-serif;
	}
	
	
#right_widget #right_widget_events h1{
	padding: 0 0 0 15px;
	font-size: 14px;
	font-weight:bold;
	line-height: 1.1;
	font-family: Arial, Helvetica, sans-serif;
	}			


#left_widget #left_widget_bottom {
	padding:0;
	margin:0;	
	width:410px;
	height:12px;
	background: transparent url(/images/widget_left_bottom.gif) repeat-x;	
	}	

#right_widget #right_widget_bottom {
	padding:0px;
	margin:0;
	margin-top:0px;
	width:295px;
	height:8px;
	background: transparent url(/images/widget_right_bottom.gif) no-repeat;	
	}	

#video_text {
	padding: 10px 15px 0 5px;
}	
	
	
.widgetTitle {
	font-size: 14px;
	padding: 6px 0 0 17px;
	font-family: Arial, Helvetica, sans-serif;
	color:#FFFFFF;	
	}	

.float_left_widget { 
	float: left; 
	padding: 6px 10px 0 0;	
	}
	
.float_left_widget2 { 
	float: left; 
	padding: 0 5px 0 0;	
	}	
	
.float_left_widget_events { 
	padding: 0 0 0 41px;	

	}
	
.float_left_widget_events img:a{
	border:none;

	}	


.float_left_widget_social { 
	padding: 15px 0 0 10px;
	vertical-align:middle;
	}	

.float_left_widget_img { 
	padding: 0 0 0 10px;
	vertical-align:middle;
	}		
	
.widget_h1 {	
	padding: 0 0 0 15px;
	font-size: 14px;
	font-weight:bold;
	line-height: 1.1;
	font-family: Arial, Helvetica, sans-serif;
	}
	
.widget_p {	
	font-size: 12px;
	line-height: 1.4;
	padding: 6px 5px 0 0;
	font-family: Arial, Helvetica, sans-serif;	
	}
.widget_date {	
	font-size: 10px;
	line-height: 1.4;
	padding: 6px 5px 0 0;
	font-family: Arial, Helvetica, sans-serif;	
	}	



#right_widget #right_widget_content ul{	
	font-size: 14px;
	margin:0 0 0 10px;
	padding: 10px 0 10px 0;	
	list-style-type: none;
	}	

#right_widget #right_widget_content li{	
	background-image: url(/images/bullet.gif);
	background-repeat: no-repeat;
	padding-left: 1.5em;		
	background-position: 0;		
	}		
	
	

	
	
/*--------------------------------------------------------------------------------------
	NEW STYLES TO FILE AWAY...
--------------------------------------------------------------------------------------*/	
	
#moreinfo {
	background: #eee;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	margin: 3em auto 1em;
	padding: 1em;
	}	

#moreinfo h3 {
	margin: 0 0 .5em 0;
	}
	
.photo_gallery {
	font-size: 5em;
	}
/* Added jdg 0617/08 */
#socialweb {
	/*border-bottom-style: solid;
	padding-bottom: 3px; 
	border-bottom-width: 1px; 
	border-bottom-color: #2A4956; */
	margin-top: 7px;
	border-style: solid;
	border-width: 1px;
	padding-bottom: 3px;
	padding-top: 3px;
	border-color: #2A4956;
	font-size: .8em;
	text-align: center;
	color: #000;
	}
#socialweb a { text-decoration: none; }
/*--------------------------------------------------------------------------------------
	BIO PAGES
--------------------------------------------------------------------------------------*/	
	
.bio_clear {
	width: 100%;
	border-bottom: 1px solid #999;
	margin: 0 0 10px 0;
	clear: both;
	}

.image_column {
	width: 160px;
	float: left;
	padding: 20px 0 20px 4px;
	line-height: 1;
	margin: 0;
	}
		
.image_column img {
	border: 1px solid #000;
	width: 125px;
	padding: 1px;
	}
		
.bio_column {
	width: 301px;
	float: right;
	padding: 20px 0 20px 10px;
	margin: 0;
	}	
	
.image_column h2 {
	font-size: 1.2em;
	font-weight: bold;
	padding: 2px 0 0 0;
	margin: 0;
	}	
		
#content .inlineImagebio {
	width: 165px;
	display: inline;
	float: right;	
	margin: 1em 0 .25em 1em;	
	border: 1px solid #999;
	padding: 2px;
	}		
	
.biocaption {
	width: 165px;
	display: inline;
	float: right;	
	clear:both;
	margin: .25em 0 .25em 0;
	padding: 5px 0 1em 15px;
	color:#000;
	font-size: .85em;
	font-weight: bold;
	}
	
.biohead {
	width: 165px;
	display: inline;
	float: right;
	clear: both;
	margin: 0;
	padding: 0 0 0 15px;
	color:#000;
	font-size: 1.2em;
	font-weight: bold;
	}
	
.partner_box {
	float: left;
	text-align: center;
	width: 191px;
	height: 175px;
	padding: 0 25px;
	font-size: .9em;
	}
	
h2.int_partners {
	/*padding-top: 50px;*/
	position: relative;
	top: 35px;
	}	
	
.psa h1 { padding: 15px 0; }	
.psa { position: relative; }
.psa_logo {
	position: absolute;
	top: 20px;
	right: 40px;
	height: 50px;
	width: 100px;
	}
	
/* ///// LIVE VALIDATION added 03/10/2009 jdg ///// */	
.LV_valid { 
	font-size: x-small;
    color:#00CC00;
	display: block;
	}
	
.LV_invalid {
	font-size: x-small;
	color:#CC0000;
	display: block;
	}
	
.LV_validation_message{
	font-size: x-small;
    /*font-weight:bold;
    margin:0 0 0 5px;*/
	margin:: 0;
	display: block;
	}
    
/*.LV_valid_field,
input.LV_valid_field:hover, 
input.LV_valid_field:active,
textarea.LV_valid_field:hover, 
textarea.LV_valid_field:active,
.fieldWithErrors input.LV_valid_field,
.fieldWithErrors textarea.LV_valid_field {
    border: 1px solid #00CC00;
}
    
.LV_invalid_field, 
input.LV_invalid_field:hover, 
input.LV_invalid_field:active,
textarea.LV_invalid_field:hover, 
textarea.LV_invalid_field:active,
.fieldWithErrors input.LV_invalid_field,
.fieldWithErrors textarea.LV_invalid_field {
    border: 1px solid #CC0000;
}*/

/*--------------------------------------------------------------------------------------
       TEXT size Increase buttons - Added: April 2009 JL
-------------------------------------------------------------------------------------- */

.fontLabel{
float: right;
margin-right: 10px;
padding-top: 7px;
font-size: 10px;
font-family: Arial, Helvetica, sans-serif;
}

.fontMinusBtn{
	float: right;
	margin-right: 5px;
	margin-top: 3px;
	cursor:pointer;
	background-image: url(/images/fontdecrease_on.gif);
	width: 20px; 
	height: 21px;
	}

.fontPlusBtn{
	float:right;
	margin-right: 3px;
	margin-top: 3px;
	cursor:pointer;
	background-image:url(/images/fontincrease_off.gif);
	width: 20px; 
	height: 21px;
	}

/*--------------------------------------------------------------------------------------

		New Photo Gallery Styles -  Added: July 2009 JL
-------------------------------------------------------------------------------------- */

.thumbHolder {
	margin-left:25px;
	margin-top: 25px;

}

.medium {
	float:left;
	/*
	margin-right:20px;
	*/
	padding-left:40px;		
	margin-bottom:10px;


	
}
.medium img {
	border:solid;
	border-width:thin;
	border-color:#BFBFBF;
	
	padding:2px;
	
}
.photoNav2 {
	float:left;
	clear:both;
	margin-left:75px;			
	
}
.photo_page_nav {
	float:left;
	clear:both;
	margin-left:300px;			
	
}
.photoNav {
	float:right;
	padding-right:40px;		
	
}
.photoThumb {
	float:left;
	margin-right:15px;	
	margin-bottom:15px;
	
	border:solid;
	border-width:medium;
	border-color:#BFBFBF;
	border-spacing: 1px;

}

.detailsHolder {
	margin-right:30px;	
	
}

.details {
	margin-left:5px;
	margin-right:0px;
}
.categories_holder {
	width: 360px;
	float: left;
	margin-bottom:15px;

}
.categories_left_column {
	width: 150px;
	float: left;
	margin-right:20px;

}
.categories_rt_column {
	width: 150px;
	clear: right;

}

/*--------------------------------------------------------------------------------- */
/*------------------Data Table styles: For Users Section pages -------------------- */
/*------------------Added: Aug 2009							  --------------------- */
/*--------------------------------------------------------------------------------- */

.dataTable table {
  border-collapse: collapse;
  border: 1px solid #000000;
  font: normal 11px verdana, arial, helvetica, sans-serif;
  color: #363636;
  background:#FFFFFF;
  }
  
  
.dataTable caption {
  text-align: center;
  font: bold 18px arial, helvetica, sans-serif;
  background: transparent;
  padding:6px 4px 8px 0px;
  color: #03476F;
  text-transform: uppercase;
  }
.dataTable td, th {
  border: 1px solid #000000;
  padding: .4em;
  color: #363636;
  } 
.dataTable th {
  background:#CCCCCC;
  }   
  
.dataTable tfoot td {
  border: 1px solid #000000;
  background: #4591AD;
  padding-top:3px;
  color: #FFFFFF;
  }

 /* ---------- Form Error For User Proposal added 09/10/09 jdg ------------- */
.formerror {
	font-family:"Times New Roman", Times, serif;
	/*font-style: italic;*/
	color: #990033;
	font-size: 1.25em;
	
	/*background: url(/images/blockquote_bkgr.jpg) #fff repeat-x;*/
	padding: .75em 1.5em;
	margin: 1.5em 150px auto 150px;
	text-align: center;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #ccc;
	}
 /* ---------- END Form Error For User Proposal ------------- */	

/* ------------ 3 column page added jdg 05/31/2012-----------------------------*/
/*- use column 1 and 2 instead of content for two column pages */

#column_1
{
	float: left;
	width: 450px;
	padding: 0 0 20px 18px;
	margin: 0;
	display: inline;
}

#column_2
{
	float: left;
	width: 185px;
	padding: 5px 0 0 20px;
	/*margin: 100px 0 0 0;*/
	margin: 25px 0 0 0;
	display: inline;
}

#column_2 img
{
	border:solid;
	border-color:#333;
	border-width:thin;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
#column_2 img.noborder {	border: none; }

#column_2 h3
{
	font-size: 1.15em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
	padding: 0 0 0 0;
}

#content h2 { margin: 0; }
.column2_caption {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 1.2;
	clear: both;
	margin: 5px 0 0 0;
	padding: .10em .5em 1em 0;
	color:#666;
	font-size: .8em;
	display: block;
	text-align:center;
	}

/* new in-site google search */
	
.searchBox {
    margin-left: 10px;
    margin-top: 8px;
}	

.searchbtn {
    margin-left: 10px;
    margin-top: 10px;
    width: 150px;
}
	
.searchNote {
    color: #009900;
    font-size: 12px;
    font-weight: normal;
    text-decoration: none;
}	

.searchTitle {
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
}

.searchDesc {
    color: #333333;
    font-size: 14px;
    font-weight: normal;
    text-decoration: none;
}
