/***********************************************/
/* StyleSheet.css                            */
/* 									         */
/***********************************************/

/***********************************************/
/* HTML tag styles                             */
/***********************************************/ 

body{
	font-family: Verdana, sans-serif;
	color: #000000;
	line-height: 1.166;
	margin: 0px;
	padding: 0px;
	font-weight: normal;
/*
	background-color: #F8F8F8;
*/
/*
	background-image: url('../images/paper1.png');
*/
}

a:link, a:hover {
	color: #0000B0;
	text-decoration: none;
}

a:visited{
	color: #730056;
	text-decoration: none;
	/*display: block;*/
}

/*a:hover {text-decoration: underline;}*/
/* overrides decoration from previous rule for hovered links */

.bannerText
{
	color: #013239;
	font-weight: bold;
	font-size: 90%;
	padding-bottom: 0px;
	padding-top: 0px;
	float: none;
	vertical-align: bottom;
	white-space: nowrap;
	position: relative;
	top: 2em;
	margin-top: 7px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}

.nextLine {
	float: none;
	margin: 0;
/*	padding-left: .25em;
	text-indent: -.25em;*/
}

.bannerNextLine
{
	float: left;
	margin-top: .25em;
}

.floatLeft
{
	float: left;
}

.floatRight
{
	float: right;
}

.smallerText {
	font-size: 80%;
}

.noFontStyle{
	font-weight:normal;
}

h1, h2, h3, h4, h5, h6 {
	font-family: Verdana, sans-serif;
	margin: 0px;
	padding: 0px;
}

h1{
 font-family: Verdana,Arial,sans-serif;
 font-size: 150%;
 color: #334d55;
}

h2{
	font-size: 120%;
	color: #003951;
	font-weight: bold;
}

h3{
	font-size: 105%;
	color: #012C33;
	font-weight: bold;
}

h4{
 font-size: 100%;
 font-weight: bold;
 color: #012C33;
}

h5{
 font-size: 100%;
 color: #334d55;
}

ul{
	list-style-type: disc;
}

ul ul{
 list-style-type: circle;
}

ul ul ul{
 list-style-type: lower-alpha;
}

label{
	color: #334d55;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 80%;
	font-weight: bold;
}
				
p{
	padding-bottom: 2px;
}

dl{
	margin: 0em;
}

dt{
	font-weight:bold;
}

dd{
	margin-bottom: 1em;
}

.shortenP
{
	width: 30em;
}

/***********************************************/
/* Layout Divs                                 */
/***********************************************/

/*.format_address{
	list-style-type: none;
	padding-left: 0px;
	margin-left: 0em;
	list-style-position: outside;
	white-space: normal;
	list-style: none;


	width: 25em;
	width: 23.5em;
	text-align: left;
	
	margin-right: 1.5em;
	margin-bottom: 0.6em;
	margin-left: 0em;
	padding: 0;
	
}*/


/*.rightMarginOff{
	margin-right: 0;
}

.indentLine2{
	padding-left: 5.1em;
	text-indent: -5.1em;
}*/

.containBanner{
	float: left;
	border: solid #FFFFFF 0em;
	line-height: 1;

}

.containBannerHome
{
	float: left;
	line-height: 1;
	margin-left: .1em;
	margin-bottom: .1em;
	margin-top: .1em;
	border-style: none;
}


/*.bannerLink{
	float: left;
	border: .25em solid #FFFFFF;
}*/

bannerLink a:link {
	color: #FFFFFF;
}

.bannerLink a:hover, .bannerLink a:focus, .bannerLink a:active{
	border: .25em solid #FFFF99;
	color: #FFFF99;
}

.containBannerText {
	float: left;	
	
	
	
	padding-left: 0px;
	margin-left: 0em;
	
	white-space: normal;


	width: 28em;
	
	text-align: left;
	
	margin-right: 0;
	margin-bottom: 0em;
	margin-left: 0em;
	padding: 0;
	
	margin-right: 0;
	
	
	
	
	color: #013239;
	font-weight: bold;
	/*font-size: 90%;
	padding-bottom: 0px;
	padding-top: 0px;
	padding-left: 0px;
	float: none;
	vertical-align: bottom;
	white-space: nowrap;
	position: relative;
	top: 2em;
	margin-top: 7px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;*/
	
}

.lineOne {
	float: left;
	background-color: green;
}

.lineTwo {
	float: left;
	background-color: blue;
}




.containBanner a, .containBanner a:link, .containBanner a:visited {
	border: .2em solid transparent;

	margin-top: 0em;
	padding-top: 0em;

}


.containBanner a:hover, .containBanner a:focus, .containBanner a:active {
	border: .2em solid #013239;
	color: #FFFFFF;
	margin-top: 0em;
	padding-top: 0em;

/*	border-left-width: 0em;*/
}


.homeBanner
{
/*
	border: .2em solid #FFFFFF;
	color: #FFFFFF;
*/
	margin-bottom: .4em;
	margin-left: .4em;
}


div.spacer {
	clear: both;
  }

#header{
	margin: 0;
	margin-bottom: 1em;
	border-bottom: 1px solid #cccccc;
	width: 100%;
	clear: both;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	float: none;

}

#navBar{
	margin: 0;
	padding: 0px;
	background-color: #244A50;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	width: 13.25em;

	float: left;
}


#all
{
	width: 95%;
	margin-left: auto;
	margin-right: auto;

}




#navBar{
	margin: 0;
	margin-top: 4.2em;
	padding: 0px;

	width: 7.75em;

	float: left;

}

#navBar.navHome
{
	margin-top: 2.7em;
}

#containContent{

position: relative; 
margin-left: 7.75em;
/*
width: 50%; 
float: right; 
*/
overflow: hidden;
}


#contentOpacity{

position: absolute; 
background-color: #FFFFFF; 
filter: alpha(opacity=70); 
-moz-opacity: .70; 
opacity: .70; 
height: 100%; 
width: 100%; 
z-index: -1;
}


#contentText{
position: relative; 
z-index: 2; 
color: black; 
/*
font-size: 80%;
*/
/*
font-weight: bold;
*/
}


/*#content{
	float:left;
	margin: 0;
	padding: 0 0 0 2%;
	width: 75%;
}
*/

/*
.initial #content{
	float:left;
	margin: 0;
	padding: 0 0 0 2%;
	width: 72%;
}

.pda #content{
	float:left;
	margin: 0;
	padding: 0 0 0 2%;
	width: 100%;	
}

.super_narrow_screen #content{
	float:left;
	margin: 0;
	padding: 0 0 0 2%;
	width: 61%;
}

.narrower_screen #content{
	float:left;
	margin: 0;
	padding: 0 0 0 2%;
	width: 66%; 
	
}

.narrow_screen #content{
	float:left;
	margin: 0;
	padding: 0 0 0 2%;
	width: 68%;
	
}

.medium_narrow_screen #content{
	float:left;
	margin: 0;
	padding: 0 0 0 2%;

	width: 68%;
	
}

.medium_screen #content{
	float:left;
	margin: 0;
	padding: 0 0 0 2%;

	width: 70%;
}

.medium_wide_screen #content{
	float:left;
	margin: 0;
	padding: 0 0 0 2%;

	width: 68%;
	
}

.wide_screen #content{
	float:left;
	margin: 0;
	padding: 0 0 0 2%;

	width: 68%;
	
}

.wider_screen #content{
	float:left;
	margin: 0;
	padding: 0 0 0 2%;

	width: 68%;
}
*/

/***********************************************/
/*Component Divs                               */
/***********************************************/

#siteName{
	margin: 0px;
	padding: 0px 0px 10px 10px;
}


/*************** #pageName styles **************/

#pageName{
	padding: 0px 0px 5px 10px;
	border-bottom-color: #244A50;
	border-bottom-style: solid;
	width: 96%;
}


/************* #globalNav styles **************/

#globalNav{
color: #cccccc;
padding: 0px 0px 0px 10px;
white-space: nowrap;
}
/* 'nowrap' prevents links from line-wrapping if there are too many to fit in one line
   this will force a horizontal scrollbar if there isn't enough room for all links
   remove rule or change value to 'normal' if you want the links to line-wrap */

#globalNav img{
 display: block;
}

#globalNav a {
	font-size: 90%;
	padding: 0px 4px 0px 0px; 
}


/************* #breadCrumb styles *************/

#breadCrumb{
	font-size: 80%;
	padding: .4em 0 1em 10px;
}

#breadCrumb a:link, #breadCrumb a:visited{
	text-decoration: underline;
}

#breadCrumb a:hover, #breadCrumb a:focus, #breadCrumb a:active{
	text-decoration: underline;
	background-color: #FFFF99
}

/************** .generalInfo and specificInfo styles ***************/
.generalInfo
{
	float: left;
}

.specificInfo
{
	float: right;
	background-color: #E5E5FF;
	padding: .5em 1em .5em 1em;
	margin: .7em 1em 0em 1em;
}

.feature .specificInfo h2
{
	padding-top: 0em;
	padding-bottom: 0.5em;
}


.startPageContent{
	clear: left;
}

/************** .moreLinks styles ***************/
.moreLinks
{
	background-color: #CCDFDC;
	padding: .5em 1em .5em 1em;
	margin: .7em 1em 0em 0em;
	float: right;
}

.feature .moreLinks p
{
	margin-bottom: 0em;
	margin-top: 0em;
	padding-bottom: 0em;
}

.feature .moreLinks h2
{
	padding-top: 0em;
	padding-bottom: 0.5em;
}

.moreLinks ul
{
	padding-bottom: 0em;
	padding-right: 1em;
	margin-bottom: 0em;
}

.moreLinks li{
	padding-bottom: 0em;
}

.feature .topSpace{
	clear: left;
	padding-top: 2em;
}


/************** .audioClip styles ***************/

.audioControls{
	/*text-align: center;*/
}


.audioControls ul{
	margin: 0 auto;
	display: block;
	text-align: left;
}



.setAudio{
	border: solid thin black;
	display: block;
	background-color: #E1E1FF;
}

.floatAudio{
	position: fixed;
	left: 13em;
	top: 9em;
	border: solid thin black;
	display: block;
	background-color: #E1E1FF;
	width: 48em;
}


/*.initial .audioClip{
	border: solid thin black;
	display: block;
	background-color: #E1E1FF;
}

.pda .audioClip{

	border: solid thin black;
	display: block;
	background-color: #E1E1FF;
}

.super_narrow_screen .audioClip{

	border: solid thin black;
	display: block;
	background-color: #E1E1FF;
}

.narrower_screen .audioClip{
	position: fixed;
	left: 13em;
	top: 9em;
	border: solid thin black;
	display: block;
	background-color: #E1E1FF;
	width: 48em;
}

.narrow_screen .audioClip{
	position: fixed;
	left: 13em;
	top: 9em;
	border: solid thin black;
	display: block;
	background-color: #E1E1FF;
	width: 48em;
}

.medium_narrow_screen .audioClip{
	position: fixed;
	left: 13em;
	top: 9em;
	border: solid thin black;
	display: block;
	background-color: #E1E1FF;
	width: 48em;	
}

.medium_screen .audioClip{
	position: fixed;
	left: 13em;
	top: 9em;
	border: solid thin black;
	display: block;
	background-color: #E1E1FF;
	width: 50em;
}

.medium_wide_screen .audioClip{
	position: fixed;
	left: 13em;
	top: 9em;
	border: solid thin black;
	display: block;
	background-color: #E1E1FF;
	width: 48em;
}

.wide_screen .audioClip{
	position: fixed;
	left: 13em;
	top: 9em;
	border: solid thin black;
	display: block;
	background-color: #E1E1FF;
	width: 48em;
}

.wider_screen .audioClip{
	position: fixed;
	left: 13em;
	top: 9em;
	border: solid thin black;
	display: block;
	background-color: #E1E1FF;
	width: 48em;
}*/


/************** .quickSearchSelect styles ***************/
.quickSearchSelect a:hover, .quickSearchSelect a:focus, .quickSearchSelect a:active{
	background-color: #FFFF99;
	
}

.quickSearchLabel
{
	padding-top: 1em;
	padding-bottom: 0em;
	margin-bottom: 0em;
}

.quickSearchSelect
{
	margin-bottom: 3em;
	margin-top: 0.2em;
}

/************** .resourceSelector styles ***************/
.resourceSelector
{
	background-color: #F2F7F7;
	margin-top: 0.5em;
	padding: .5em 1em .5em 1em;
/*	margin: .7em 1em 0em 1em;
	width: 26em;
	float: right;*/
}

.feature .resourceSelector p
{
	margin-bottom: 0em;
	margin-top: 0em;
	padding-bottom: 0em;
}

.feature .resourceSelector h2
{
	padding-top: 0em;
	padding-bottom: 0.5em;
}

.resourceSelector ul
{
	padding-bottom: 0em;
	padding-right: 1em;
	margin-bottom: 0em;
}

.resourceSelector li{
	padding-bottom: 0em;
}


/************** .tooltip styles ***************/
a span.tooltip{
	display: none;
	border: thin black solid;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;

}

/*a:link span.tooltip{
    visibility: hidden;
}*/

/*a:hover span.tooltip, a:focus span.tooltip, a:active span.tooltip{
    display: block;
	visibility: visible;
}*/

a:hover span.tooltip, a:active span.tooltip{
	position: absolute;
	left: 0em;
	background: #FFFF99;
	background-color: #FFFF99;
	width: 35em;
	z-index: 1000;
	display: block;
	top: -2.8em;
	color: black;
}

a:hover span.midTT, a:active span.midTT
{
	top:-1.8em;
	width: 45em;
}

a:hover span.longTT, a:active span.longTT
{
	top:-3.2em;
	width: 45em;
}

a:hover span.xlongTT, a:active span.xlongTT
{
	top:-6.2em;
	width: 45em;
}

.shrinkFont65{
	font-size: 65%;
	line-height: 1.4em;
}

.navLinks a.shrinkFont80{
	font-size: 80%;
}

/************** .feature styles ***************/

.feature{
	padding: 0px 10px 10px 10px;
	font-size: 90%; 
}

.feature h2, .feature h3{
	padding: 0em;
	margin: 0em;
	padding-top: 1em;
	padding-bottom: .5em;
}

.feature ul{
	padding-top: 0em;
	margin-top: 0em;
	margin-bottom: 0em;
	padding-bottom: 1em;
}

.feature .shortenVerticalSpace{
	padding-bottom: 0em;
}

.feature ul ul{
	padding-bottom: 0em;
}

.feature li{
	padding-bottom: 0.75em;
	line-height: 1.3em;
}

.feature li li{
	padding-bottom: 0;
}

.feature img{
	float: left;
	padding: 0px 10px 0px 0px;
	margin: 0 5px 5px 0;
}
/* adjust margins to change separation between the feature image and text flowing around it */

.feature a:link{
	color: #0000B0;
	text-decoration: underline;
}

.feature a:visited{
	color: #730056;
	text-decoration: underline;
}

.feature a:hover, .feature a:focus, .feature a:active{
	background-color: #FFFF99;
}

.feature p
	{
	line-height:1.3em;
	padding-bottom:0.5em;
	padding-top: 0em;
	margin-top: 0em;
	margin-bottom: 0em;
	}


.feature img.imageLeft
{
	padding: 0;
	border: none;
	margin-right: 1em;
}

.feature a.imageLeft img
{
	padding: 0;
	border: none;
	margin-right: 1em;
	border: .2em solid #ffffff;
}
	
.feature a.imageLeft:hover img, .feature a.imageLeft:active img, .feature  a.imageLeft:focus img
{
	border: .2em solid #013239;
}

.blockText
{
	display: table;
	height: 1%;
}

.clear
{
	clear: both;
}
	
.indentSmall{
	padding-left: .2em;
}

.indent{
	padding-left: 1.5em;
}

.indent2{
	padding-left: 3em;
}

.indent3{
	margin-left: 2em;
}

.feature .underlineHeading{
	border-bottom:solid #012C33 thin;
	padding-bottom: 0em;
	margin-bottom: 0.5em;
}

.highlightText{
	background-color: #DFE5E2;
}

.multipleLiLi li li{
	padding-top: .5em;
}

/************** .gloss styles *****************/
.feature a.gloss {
	text-decoration: none;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: dotted;
	border-left-style: none;
	border-top-color: #006699;
	border-right-color: #006699;
	border-bottom-color: #006699;
	border-left-color: #006699;
	position: relative;
}

.feature a:hover.gloss, .feature a:focus.gloss, .feature a:active.gloss{
	background-color: #FFFF99;
}

/************** .story styles *****************/

.story{
	clear: both;
	padding: 10px 0px 0px 10px;
	font-size: 80%;
}

.story p{
	padding: 0px 0px 10px 0px;
}


/************* #siteInfo styles ***************/

#siteInfo{
	clear: both;
	border-top: 1px solid #cccccc;
	font-size: 80%;
	color: #000000;
	/*float:left;*/
	width: 100%;
	margin: 0px;
	text-align: center;
}
/* negative top margin pulls siteinfo up so its top border overlaps (and thus lines up with)
	the bottom border of the navBar in cases where they "touch" */

/*#siteInfo img{
	padding: 4px 4px 4px 0px;
	vertical-align: middle;
}*/

/*.initial #siteInfo{
	float:left;
	margin: 0;
	padding: 0 0 0 2%;
	width: 75%;
}

.pda #siteInfo{
	float:left;
	margin: 0;
	padding: 0 0 0 2%;
	width: 100%;	
}

.super_narrow_screen #siteInfo{
	float:left;
	margin: 0;
	padding: 0 0 0 2%;
	width: 67%;
	width: 100%;
}

.narrower_screen #siteInfo{
	float:left;
	margin: 0;
	padding: 0 0 0 2%;
	width: 71%;
	
}

.narrow_screen #siteInfo{
	float:left;
	margin: 0;
	padding: 0 0 0 2%;
	width: 74%;
	
}

.medium_narrow_screen #siteInfo{
	float:left;
	margin: 0;
	padding: 0 0 0 2%;
	width: 76%;
	
}

.medium_screen #siteInfo{
	float:left;
	margin: 0;
	padding: 0 0 0 2%;
	width: 78%;
	
}

.medium_wide_screen #siteInfo{
	float:left;
	margin: 0;
	padding: 0 0 0 2%;
	width: 80%;
	
}

.wide_screen #siteInfo{
	float:left;
	margin: 0;
	padding: 0 0 0 2%;
	width: 82%;
	
}

.wider_screen #siteInfo{
	float:left;
	margin: 0;
	padding: 0 0 0 2%;
	width: 85%;
	
}*/


/************* .audioClip styles ***************/
/*.audioClip
{
	position: fixed;
	left: 75%;
	top: 150px;
	border: solid thin black;
	display: block;
	background-color: #E1E1FF;
	
}*/

.audioClip
{
	font-size: 90%;
	background-color: #F2F2FF;
	border: solid thin black;
	display: block;
	/*position: relative;*/
}

.audioClip ul
{
	list-style: none;
	margin: 0em;
	padding: 0em;
}

.audioClip li{
	display: block;
	text-align: center;
	list-style: none;
	padding: 0px;
	margin-left: 0.1em;
	margin-right: 0.1em;
	width: auto;
	margin-bottom: 0.3em;
	white-space: nowrap;
	float: left;
	position: relative;
}

/*.audioClip li
{
	display: block;
	margin: 0em;
	padding: 0.2em;
	border-top-style: outset;
	border-right-style: outset;
	border-bottom-style: outset;
	border-left-style: outset;
	border-top-color: #012C33;
	border-right-color: #012C33;
	border-bottom-color: #012C33;
	border-left-color: #012C33;
	background-color: #E3E3DC;
}	*/

.audioClip a
{
	display: block;
	background-color: #E3E3DC;
	color: #000000;
	font-weight: bold;
	display: block;
	margin: 0em 0em 0em 0.5em;
	padding: 0.1em;
	border-top-style: outset;
	border-right-style: outset;
	border-bottom-style: outset;
	border-left-style: outset;
	border-top-color: #999999;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #999999;
	background-color: #E3E3DC;
}

.audioClip a:link
{
	width:	auto;
	display: block;
}


.audioClip a:hover, .audioClip a:focus
{
	border-top-style: outset;
	border-right-style: outset;
	border-bottom-style: outset;
	border-left-style: outset;
	border-top-color: #F5EF07;
	border-right-color: #F5EF07;
	border-bottom-color: #F5EF07;
	border-left-color: #F5EF07;
	background-color: #FBF877;
}

.audioClip a:active{
	background-color: #FBF877;
	
	display: block;
	margin: 0em;
	padding: 0.1em;
	border-top-style: inset;
	border-right-style: inset;
	border-bottom-style: inset;
	border-left-style: inset;
	border-top-color: #999999;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #999999;
	background-color: #B2B4BF;
}


/*.audioClip li:hover, .audioClip li:active, .audioClip li:focus
{
	display: block;
	margin: 0em;
	padding: 0.2em;
	border-top-style: inset;
	border-right-style: inset;
	border-bottom-style: inset;
	border-left-style: inset;
	border-top-color: #012C33;
	border-right-color: #012C33;
	border-bottom-color: #012C33;
	border-left-color: #012C33;
	background-color: #B2B4BF;
}	*/

.audioDisplay{
	clear:both;
	padding-top:0.25em;
	padding-bottom: 0px;
	margin-bottom: 0px;
	font-weight: bold;
	margin-top: 0px;
}

/************* .controlControls styles ***************/
.controlControls{
	text-align: center;
	width: 8em;
	margin-left: 1.5em;
	border-left: groove #999999 medium;
	padding-left: 0.1em;
	margin-bottom: 1em;
}

.controlControls ul{
}

.controlControls li{
	white-space: normal;
	margin-right: 0px;
	padding: 0.1em;
}

/************* .resourceParams styles ***************/

.resourceParams
{
	/*float: left;*/
	/*background-color: #CCDFDC;*/
	margin: .7em 0em 0em 0em;
	padding: .5em 1em .5em 1em;
	float: left;
	clear: none;
	width: 96%;
}

.feature .resourceParams h2
{
	padding-top: 0.2em;
	padding-bottom: 0.2em;
	margin-top: 0em;
}

.resourceParams .color
{
	background-color: #F2F7F7;
}

.browsedCats
{
	margin-left: 0em;
	padding-left: 0em;
	padding-right: 0em;
	margin-right: 0em;
}

.bold
{
	font-weight: bold;

}


/************* .resourceAttribs styles ***************/

.resourceAttribs
{
	/*float: left;*/
	background-color: #E0EBEA;
	margin: .0em 0em 0em 0em;
	padding: .5em 1em .5em 1em;
	float: left;
	clear: none;
	width: 96%;
}

.feature .resourceAttribs p
{
	margin: 0em;
	padding: 0em;
}

.feature .resourceAttribs h3
{
	padding-top: 0em;
	padding-bottom: 0.5em;
	margin-top: 0em;
}


.resourceAttribs .spaceAbove
{
	margin-top: 0.5em;
}

.color{
	background-color:#00FF33;
}

.resourceAttribs .color
{
	background-color: #F2F7F7;
}

.displayAttributesLabel
{
	padding-bottom: 0em;
	margin-bottom: 0em;
	margin-top: 1em;
}

.displayAttributesSelect
{
	margin-bottom: 1em;
	margin-top: 0em;
	padding-top: 0em;
}

/************* .resourceList styles ***************/

.resourceList
{
	display: block;
	margin: 0em 1em 0em 0em;
	padding: 0em 1em .5em 1em;
	clear: both;
	width: 96%;
}

.feature .resourceList h2
{
	padding-top: .2em;
	padding-bottom: .2em;
}

.resourceList .color
{
	background-color: #F2F7F7;
}

.heading
{
	background-color: #E0EBEA;

}

.wrapNavContent
{
	display: block;
}

.title
{
	border-top-width:thin;
	border-top-style:solid;
	border-top-color:#336666;
}

.onlyTitle{
	margin-top: 0em;
	padding-bottom: 3em;
}


.description
{

}

.categorical
{

}

.boldIt
{
	font-weight: bold;
}

.blockIt
{
	display: block;
}
/************* .clipLink styles ***************/


.clipLink
{
	background-color:#e4efee;
	margin-top: 2em;
	padding-top: 0.1em;
	padding-bottom: 0.1em;
	border-top-color: #012C33;
	border-top-style: solid;
	font-weight: bold;
}

.firstClip{
	margin-top: .5em;
}


.clips dd{
	margin-bottom: 0.2em;
}


/************* #search styles ***************/

#search{
	border-bottom: 1px solid #cccccc;
	font-size: 80%;
	position: relative;
	padding-top: 5px;
	padding-right: 2px;
	padding-bottom: 5px;
	padding-left: 2px;
}

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

#search label{
	display: block;
	margin: 0px;
	padding: 0px;
}


/*********** #navBar link styles ***********/

#navBar ul li a
	{
	display:block;
	padding:.4em;
	text-decoration:none;

}

#navBar ul
{
border-top: 1px solid #244A50;
}

#navBar ul a:link, #navBar ul a:visited {
	display: block;
}

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

/* hack to fix IE/Win's broken rendering of block-level anchors in lists */
/*
#navBar li {border-bottom: 1px solid #244A50;}
*/
/* fix for browsers that don't need the hack */
/*
html>body #navBar li {border-bottom: none;}
*/

/*********** #sectionLinks styles ***********/

.navLinks a{
	position: relative;
	margin: 0px;
	padding: 0px;
	border-bottom: 1px solid #244A50;
	font-size: 90%;
        
	display: block;
	background-color: #CCDFDC;
	color: #003333;


    font-family: Verdana, sans-serif;
}

	

.navLinks h3{
	padding: 10px 0px 2px 10px;
}

.navLinks a:link{
	padding: 2px 0px 2px 10px;
	border-bottom: 1px solid #244A50;
	/*width: 100%;*/
	voice-family: "\"}\"";
	voice-family:inherit;
	width: auto;
	color: #003333;
	
	/*text-decoration: underline;*/
    font-weight: bold;
}

.navLinks a:visited{
	border-bottom: 1px solid #244A50;
	padding: 2px 0px 2px 10px;
	color: #003333;
	
	/*text-decoration: underline;*/
    font-weight: bold;
}

/*.navLinks a:hover, #sectionLinks a:focus, #sectionLinks a:active{*/
.navLinks a:hover, .navLinks a:focus, .navLinks a:active{
	border-bottom: 1px solid #244A50;
	background-color: #F1F1F1;
	color: #003333;
	padding: 2px 0px 2px 10px;

}

.longNav{
	font-size: 90%;
}


.indentNav{
	display: block;
	padding-left: 0.7em;
}

.selected{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	position: relative;
	margin: 0px;
	border-bottom: 1px solid #244A50;
	font-size: 90%;

	color: #003333;
	font-weight: bold;
	text-decoration: none;
	background-color: #F1F1F1;
	padding: 0.4em;

}


.parentSelected{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	position: relative;
	margin: 0px;
	border-bottom: 1px solid #244A50;
	font-size: 90%;

	color: #003333;
	font-weight: bold;
	text-decoration: none;
	background-color: #CCDFDC;
	padding: 0.4em;
	display: block;
}

.spaceNav{
	margin-top: 1em;
}


/*********** .relatedLinks styles ***********/

.relatedLinks{
	margin: 0px;
	padding: 0px 0px 10px 10px;
	font-size: 90%;
}

.relatedLinks h3{
	padding: 10px 0px 2px 0px;
}


/************** #advert styles **************/

#advert{
	padding: 10px 0px 0px 10px;
	font-size: 80%;
	border-top: 1px solid #cccccc;
}

#advert img{
	display: block;
}


/************** #headlines styles **************/

#headlines{
	margin: 0px;
	padding: 10px 0px 20px 10px;
	font-size: 80%;
}

#headlines p{
	padding: 5px 0px 5px 0px;
}

#bannerGraphic, #bannerGraphic a, #bannerGraphic a:link, #bannerGraphic a:visited {
	color: #FFFFFF;
	float: left;
	margin: 0;
	border-color: transparent;
	padding: 0em;
	line-height: 1;
}


.searchArea {
	float: right;
	position: relative;
}
	
.searchArea a{
	font-size: 80%;
	text-decoration: underline;
	background-color: #CCDFDC;
	text-align: center;
	display: block;
	/*position: relative;*/
	top: 1px;
	right: 0px;
	padding: 2px;
	margin-right: 0px;
	color: #14393E;
}

.searchArea a:hover, .searchArea a:focus, .searchArea a:active{
	background-color: #FFFF99;
	float: right;
}

/************** #footer styles **************/
div.foot{
	background-color: #0000FF;
	margin-left: 0em;
	padding-left: 0em;
}

.pleaseContact{
	padding-top: .5em;
	text-align: center;
	clear: both;
}



#containBottomInfo{

position: relative;
margin-left: auto;
margin-right: auto;   
width: 31em;
overflow: hidden;
}


#bottomInfo{

position: absolute; 
background-color: #FFFFFF; 
filter: alpha(opacity=70); 
-moz-opacity: .70; 
opacity: .70; 
height: 100%; 
width: 100%; 
z-index: -1;

}


#bottomInfoText{
position: relative; 
z-index: 2; 
color: black; 

font-size: 100%;

padding-left: .5em;
/*
font-weight: bold;
*/
}


.bottomNav {
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;

	margin: 0 auto;
	display: block;
	text-align: left;
	width: 29em;
	background-color: #DCDCDC; 
}



.bottomNav li{
	display: block;
	text-align: center;
	list-style: none;
	padding: 0px;
	margin-left: 1.5em;
	margin-right: 1.5em;
	width: auto;
	margin-bottom: 0.3em;
	white-space: nowrap;
	float: left;
	position: relative;
}

.bottomNav a:hover, .bottomNav a:focus, .bottomNav a:active{
	text-decoration: underline;
	background-color: #FFFF99;
}

.tryit{
	margin: 0 auto;
	display: block;
	text-align: left;
	width: 40em;
}



.footer {
	margin: 0 auto;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	list-style-position: inside;
}

.footer li{
	position: relative;

}

.address{
	margin: 0 auto;
	display: block;
	width: 23em;
	text-align: left;
	position: relative;
}

.contact{
	margin: 0 auto;
	display: block;
	text-align: left;
	width: 42em;
}

/* Visual styles */

.hidden
	{
	 position:absolute; 
	 left:0; 
	 top:-500px; 
	 width:1px; 
	 height:1px; 
	 overflow:hidden;
	}

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

.noSpaceBottom{
	padding-top: 0px;
	margin-top: 0px;
	padding-top: 0px;
	margin-bottom: 0px;
}

.noSpaceTop{
	padding-top: 0px;
	margin-top: 0px;
	padding-top: 0px;
}

.bigCaseH1{
	font-size: 135%;
	font-weight: bold;
}

/*may not work with whatever search engine is used.  If not, take off the id=searchSet in the code*/
#searchSet{
	white-space: nowrap;
}

/*.noFloat{
	float: none;
}*/

.horizontal_bullets{
	float: left;
	white-space: nowrap;
	margin-right: 1.5em;
	margin-bottom: 0.6em;
	margin-left: 0em;
	padding: 0;
	text-align: left;
}

.longSpace{
	letter-spacing: 1.5em;
}



.format_address{
	list-style-type: none;
	padding-left: 0px;
	margin-left: 0em;
	list-style-position: outside;
	white-space: normal;
	list-style: none;


	width: 25em;
	width: 23.5em;
	text-align: left;
	
	margin-right: 1.5em;
	margin-bottom: 0.6em;
	margin-left: 0em;
	padding: 0;
	
}

li.leftMarginOff{
	margin-left: 0;
}

li.rightMarginOff{
	margin-right: 0;
}

.indentLine2{
	padding-left: 5.1em;
	text-indent: -5.1em;
}

.noListDot_floatedLeft{
	float: left;
	list-style-type: none;
	list-style: none;
	white-space: nowrap;
	text-align: left;
	
	margin-right: 1.5em;
	margin-bottom: 0.6em;
	margin-left: 0em;
	padding: 0;
}	



/* Tables */

table {
	border: #012C33 .3em solid;
	margin-bottom: 3em;
	border-collapse: collapse;
	border-spacing: 0px;
}

caption {
	outline: #012C33 .1em solid;
	border-collapse: collapse;
	border-spacing: 0px;
	padding-top: .5em;
	padding-bottom: .5em;
	background-color: #012C33;
	color: #CCDFDC;
	font-weight: bold;
	font-size: 120%;
}

th {
	padding: .5em;
	border-bottom: #012C33 thin solid;
	border-left: #012C33 thin solid;
	border-collapse: collapse;
}

td {
	padding: .5em;
	border-left: #012C33 thin solid;
	border-collapse: collapse;
}

td.submitform {
	padding: .5em;
	border-left: #012C33 thin solid;
	border-bottom: #012C33 thin solid;
	border-collapse: collapse;
	
}

.alt {
	background-color: #CCDFDC;
}

.col1Table508{
	width: 25%;
}

.col2Table508{
	width: 10%;
}

.col3Table508{
	width: 65%;
}

.col1TableProjects{
	width: 75%;
}

.col2TableProjects{
	width: 75%;
}


.col1Table1Equip{
	width: 5%;
}

.col2Table1Equip{
	width: 8%;
}

.col3Table1Equip{
	width: 35%;
}

.col4Table1Equip{
	width: 52%;
}

.col1TableEquip{
	width: 25%;
}

.col2TableEquip{
	width: 25%;
}

.col3TableEquip{
	width: 50%;
}


.feature .spaceBelow{
	margin-bottom: 2em;
	clear: right;
}

.audioClip .toQT {
	margin: 0;
	clear: left;
}

.audioClip .toQT a{
	display: inline;
	border: none;
	text-decoration: underline;
	color: blue;
	background-color: #F2F2FF;
	padding-top: 0px;
	margin: 0;
}

.audioClip .toQT a:link{
	display:inline;
	padding-top: 0px;
}

.audioClip .toQT a:hover, .audioClip .toQT a:active, .audioClip .toQT a:focus{
	border: none;
	background-color:#FFFF66;
	color: blue;
}

.audioClip .toQT a:visited{
	color: #A9009B;
	padding-top: 0px;
}

.spaceAbove{
	margin-top: 1em;
}

.spaceBelow{
	margin-bottom:1em;
	padding-bottom: 1em;
}

.spaceBelowBig{
	margin-bottom: 8em;
}

.border{
	border-top: thick solid #012C33;
}

.spaceBetween{
	margin-left: 5em;
	margin-right: 5em;
	padding-left: 3em;
	padding-right: 3em;
	width: 5em;
}

.spaceRight2
{
	margin-right: 2em;
}

.audioClip .spaceAbove{
	margin-top: 1em;
	padding-top: 1em;
}

.shadeBack{
	background-color:#0000FF;
}

.clearLeft{
	clear:left;
}

.left45{
	float: left;
	width: 45%;
	margin-right: 1.5em;
}

.right45{
	float: left;
	width: 45%;
	background-color: #DFE5E2;
	padding-left: .5em;
	padding-right: .5em;
}

.pending{
	float: right;
	background-color: #FFFF99;
	padding: .5em;
}

.approved{
	float: right;
	background-color: #99FF99;	
	padding: .5em;
}

/* External links  - This code was taken from the WebAIM CSS code at http://www.webaim.org/styles/documents.css*/
/*a.external span
{
	position:relative;
	left:0;
		 top:-500px; 
	 width:1px;
	height:1px;
	display: inline-block;
	margin-right: 1em;
	 overflow:hidden;
}


a.external:link, a.external:visited, a.external:hover{
	background-image: none;
	margin-right: 1.252em;
}

a.external:link 
{
	background: url(http://www.csulb.edu/centers/cuda/images/externallink.gif) no-repeat 100% 0px;
	margin-right: 1.252em;
	display:inline-block;	
}

a.external:visited 
{
	background: url(http://www.csulb.edu/centers/cuda/images/externallink.gif) no-repeat 100% -100px;
	margin-right: 1.252em;
	display:inline-block;
}

a.external:hover 
{
	background: #FFFF99 url(http://www.csulb.edu/centers/cuda/images/externallink.gif) no-repeat 100% -200px;
	margin-right: 1.252em;
	display:inline-block;
}
*/

/*.feature .external img {
	float: none;

	border: none;
	margin: 0;

	position:relative;

}
*/
.feature a.external {
	/*margin-right: 1em;*/
}

/*.bigSpace {
	letter-spacing: 1em;
	display: inline-block;
	
}*/

/*.try2{
	width: 45%;
}*/

.feature .insertImage img{
	float: none;
	border: none;
	margin: 0;
	position:relative;
	padding: 0;
	width: 1.252em;
	padding-left: 0.2em;
	height: 1em;

}



/************** #presentation styles **************/

#slide {
	border: 4px groove #012c33;
	margin: 2.1em auto auto 0.8em;
	padding: 1em 1em 1.1em 1.1em;
	font-style: normal;
	visibility: visible;
	position: relative;
	display: block;
	z-index: 1;
	background-color: #ccdfdc;
	color: #01343d;
	width: 90%;
	height: 48ex;
	clear: none;
	line-height: 1.5em;
	font-size: 1em;
}

#notes {
	border: 1px dashed #01343d;
	margin: 1.1em auto auto 0.8em;
	padding: 1em 1em 0.5em 1.1em;
	font-weight: normal;
	overflow: scroll;
	clear: none;
	visibility: visible;
	text-align: left;
	display: block;
	z-index: 2;
	position: relative;
	background-color: #ccdfdc;
	color: #012c33;
	line-height: 1.5em;
	height:	20.6ex;
	width: 91%;
	font-size: 0.9em;
}
.slideControl {

	font-size: 80%;	

	display: block;

	text-align: left;

	list-style: none;

	padding: 0px;

	margin-left: 0.1em;

	margin-right: 0.1em;

	width: auto;

	margin-bottom: 0.3em;

	white-space: nowrap;

	float: left;

	position: relative;

}

.slideControl a

{

	display: block;

	background-color: #E3E3DC;

	color: #000000;

	font-weight: bold;

	display: block;

	margin: 0em 0em 0em 0.5em;

	padding: 0.1em;

	border-top-style: outset;

	border-right-style: outset;

	border-bottom-style: outset;

	border-left-style: outset;

	border-top-color: #999999;

	border-right-color: #999999;

	border-bottom-color: #999999;

	border-left-color: #999999;

	background-color: #E3E3DC;

	float: left;

}



.slideControl a:link

{

	width:	auto;

	display: block;

}





.slideControl a:hover, .audioClip a:focus

{

	border-top-style: outset;

	border-right-style: outset;

	border-bottom-style: outset;

	border-left-style: outset;

	border-top-color: #F5EF07;

	border-right-color: #F5EF07;

	border-bottom-color: #F5EF07;

	border-left-color: #F5EF07;

	background-color: #FBF877;

}



.slideControl a:active{

	background-color: #FBF877;

	float: left;

	display: block;

	margin: 0em 0em 0em 0.5em;

	padding: 0.1em;

	border-top-style: inset;

	border-right-style: inset;

	border-bottom-style: inset;

	border-left-style: inset;

	border-top-color: #999999;

	border-right-color: #999999;

	border-bottom-color: #999999;

	border-left-color: #999999;

	background-color: #B2B4BF;

}


span.slidenum {

	width: 15%;
	float: right;
	text-align: right;
	display: block;
	font-size: 80%;
	margin: 0em 2em 0em 0em;

}

.selectedPic {
  border: 0.35em solid #ff0000;
}

.bigPic {
	margin-top: 1ex;
	visibility: visible;
	margin-left: 0px;
	margin-right: auto;
	z-index: 3;
	position: relative;
	height: 92%;
	width: 97%;
	padding-top: 0px;
	padding-bottom: 0px;
}

div.navmenu 

{
	display: inline;
	font-size: 80%;
}

div.navmenu ul 

{

	list-style: none;

	display: inline;

}



div.navmenu li 

{

	display: inline;

}


div#count {
	background-color: #AAAAFE;
	padding: 6px;
	font: normal 1.2em Arial, Helvetica, sans-serif;
	margin-bottom: 10px;
	width: 80%;
}

.brightspot {
background-color: #FFFFCC;
}