/* thisa novell microsite */
/* ids and classes built on top of the reset css file that loads before this one */

html				{ background-color: #000; background-image: url( 'images/background4.gif' ); }
body				{ text-align: center; margin: 0px; }


				/* holds all content and floats centered in viewport */
#container			{ width: 990px; text-align: left; margin: 0 auto 0 auto; }

#mini-nav			{ width: 990px; margin: 0 auto 0 auto; text-align: right; }
#mini-nav p		{ display: inline; font: normal .75em/36px arial; color: #777; }
#mini-nav a		{ padding: .375em 1em; text-decoration: none; color: #777; }
#mini-nav a:hover	{ background: #222; color: #aaa; }

#marquee			{ width: 990px; margin: 0 auto 0 auto; text-align: left; height: 54px; border: solid 0px red; }


				/* artwork div behind the nav bar and content */
#backdrop			{ width: 990px; margin: 0 auto 0 auto; text-align: left; background-image: url( 'images/backdrop2.jpg' ); }

#nav				{ height: 32px; padding: 18px 0 0 18px; }
#nav p			{ font: normal .84em/1em helvetica; color: #fff; text-transform: uppercase; letter-spacing: .1em; }
#nav a			{ margin: 0 6px 0 0; padding: .375em 1em; color: #fff; text-decoration: none; }
#nav a:hover		{ background-color: #369; }

#wrapper			{ width: 990px; margin: 0 auto 0 auto; background: #eee; }

#content			{ float: left; width: 581px; padding: 24px 24px 12px 30px; background-color: #fff; border-right: dotted 1px #aaa; }
#content-index		{ float: left; width: 531px; padding: 0px 24px 12px 30px; background-color: transparent; border-right: dotted 1px #333; }


#content h1, h2, h3		{ color: #369; }
#content h1			{ font: 100 1.40em/1.00em arial; margin-bottom: 0.50em; }
#content h2			{ font: 100 1.20em/1.20em arial; margin-bottom: 0.75em; margin-top: 1.00em; clear: both; }
#content h3			{ font: 900 0.95em/1.20em arial; margin-bottom: 0.00em;}
#content h4			{ font: 100 0.65em/1.00em arial; text-transform: upper-case; margin-bottom: .75em; color: #222; letter-spacing: .15em; }

#content p			{ font: normal .85em/1.45em arial; margin-bottom: 0.75em; color: #222; }
#content .intro			{ font-weight: 900; }

#content ul			{ margin: 0 0 .5em 2em; }
#content li				{ list-style-type: disc; margin: 0 2em 1em 0; font: normal 90%/140% arial; color: #369; }

#content a			{ font: normal 90%/140% arial; color: #369; }
#content a:visited		{ font: normal 90%/140% arial; color: #369; }

#content .biblio			{ font-style: italic; text-align: right; margin: 1em 0 1em 9em; color: #333; }

#content .resource-download
					{ border-bottom: 1px solid #CACACA; margin-bottom: 20px; clear: both; }

#content img			{ float: right; margin: 3px 0 0 12px; }
#content-index img		{ float: right; margin: 0px 0 21px 12px; }

#content img.logo1			{ float: right; margin: 0 0 18px 18px; border: solid 1px #ccc; }
#content img.logo2			{ float: right; margin: 0 0 36px 18px; border: solid 1px #ccc; }


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

#column-right				{ float: left; width: 300px; padding: 24px 00px 12px 24px; }
#column-right-index			{ float: left; width: 350px; padding: 00px 00px 12px 24px; }

#column-right .box1			{ margin: 0 0 18px 0; padding: 0px 0 18px 0; background-image: url( 'images/box-background.jpg' ); }
#column-right h2			{ font: 100 1em/1.50em arial; color: #fff; padding: 12px 0 0 0; margin: 0px 21px 0 21px; text-transform: uppercase; }
#column-right p				{ font: 100 .85em/1.50em arial; color: #fff; margin: 0px 21px 0 21px; }
#column-right a				{ color: #cff; }
#column-right a:hover			{ color: #6ff; text-decoration: none; }

#column-right .box2			{ }


#column-right-index .box1		{ margin: 0 0 18px 0; padding: 0 0 0 0; background-image: url( 'images/box-background.jpg' ); }
#column-right-index img		{ margin-bottom: 0 0 0 0; }

#column-right-index .box2		{ margin: 0 0 18px 0; padding: 0px 0 18px 0; background-image: url( 'images/box-background2.jpg' ); }
#column-right-index h2		{ font: 100 1em/2em arial; color: #fff; margin: 0px 18px 0 18px; padding: 12px 0 0 0; }
#column-right-index p			{ font: 100 1em/1.45em arial; color: #fff; margin: 0px 18px 0 18px; padding: 12px 0 0 0; }
#column-right-index a			{ color: #cff; }
#column-right-index a:hover	{ color: #6ff; text-decoration: none; }
#column-right-index img		{ margin-bottom: 0 0 18px 0; }

#column-right-index .box3		{ float: left; width: 212px; background-color: #369; }

#column-right-index .box4		{ float: left; width: 130px; height: 318px; background-color: #369; }
#column-right-index .box4 h2	{ float: left; font: 100 1.15em/1.25em georgia; color: #fff; margin: 0 6px 0 16px; padding: .75em 0 0 0; }
#column-right-index .box4 p	{ float: left; font: 100 0.85em/1.25em arial; color: #fff; margin: 0 6px 0 16px; padding: .5em 0 0 0; }



.clear						{ width: 100%; height: 1%; background-color: transparent; clear: both; }

#content .req 				{ color: red; }

#siem-page #siem-nav, 
#benefits-page #benefits-nav,
#web-demo-page #web-demo-nav, 
#resource-page #resource-nav, 
#question-page #question-nav	{ background-color: #69c; }

#footer					{ clear: both; }
#footer					{ width: 990px; margin: 0 auto 0 auto; padding: 18px 0 12px 0; background: #222; }
#footer p					{ text-align: center; font: normal .75em/1.75em arial; margin: 0 0 6px 0; color: #444; }
#footer a					{ color: #777; text-decoration: none; margin: 0 3px 0 0; padding: .5em 1em; }
#footer a:hover				{ text-decoration: underline; background-color: #333; }