/* CSS Document */

body {
	text-align:left;
	font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
	background-color: #ccc;
	background-image: url(/images/bg.gif);
	font-size:75%;
	margin:5px 0px 0px 5px;
}

	#floatLeftBox
	{
	width:30%;
	float:left;
	background-color:#ffffff;
	margin:10px;
	padding:20px;}
		
#floatLeftBox h1, 	#floatLeftBox h2, 	#floatLeftBox h3, 	#floatLeftBox h4, 	#floatLeftBox
 h5
{
	display:block;
	margin:0;
	border: none;
	text-align:center;
	color:#990000;
	padding-bottom: 5px;
}
#floatLeftBox p{
	display:block;
	margin:0;
	padding: 0px;
	text-align: left;
}


/* use this style to apply padding properties only to paragraphs which will display the workshop titles on training.asp */

	.description
	{
	width:70%;
	padding:5px;
	margin-right:10px;
	border: 1px dotted #cccccc;
	background-color:#f8f8f8;
	/*change to :none after all workshop names are entered */
	display:none;}

/**/

.noDisplay{display:none;}

.halfDisplay{width:50%;}
.addTopPadding{margin-top:10px;}

.border{border: 1px solid #CCCCCC; padding:10px; margin-left:10px; margin-right:10px;}

.box{
	border: 1px solid #CCCCCC;
	width:50%;
	padding:5px;
	margin:10px;
}
.decreasePadding{padding-left:20px;}

/*This css works to have curvy borders. Currently it is only showing properly on Mozzilla, Safari, and Netspace. IE displays as a normal box.
Use this class to apply to small pieces of information text: like ads to the right of the page.
*/
.smallBox{
	width:120px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border: 1px solid #cccccc;
	background-color:#F2F2F2;
	padding:10px;
	margin:10px;
	float:right;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:110%;
	font-weight:normal;
	color:#333333;
}
.smallBox h4
{font-size:120%; padding:0 0 3px 0px; text-align:center; margin:0 0 5px 0; border-bottom:1px solid #ccc;}
.smallBox p{padding:0px 0px 10px 0px; text-align:left; margin:0;}
.smallBox ul {padding-left:15px; margin:0; font-size:100%;}
.smallBox li{margin-bottom:2px;}


/**/

.small{text-transform:lowercase;}

/*use this class to increase line height and increase font size.*/
.fontLine{line-height:1.5em; font-size:95%;}
/**/

.clearLeft {
	clear: left;
}

.larger{font-size:1.2em}
.image{
	border-style:solid;
	border-width:1px;
	border-color:gray;
	width:85%
}



table{font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif; 	font-size:1em;}


/* typographic global definitions */
h1 {
	color: #000000;
	margin-top: 20px;
	margin-bottom: 0px;
	padding-top: 0px;
	font-weight:lighter;
	/*text-transform: uppercase;*/
}

h2 {
	font-weight: lighter;
	color: #4097dc;
	margin-top: 0px;
	margin-bottom: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-variant: small-caps;
	
}

h3 {
	margin-left:0.5em;
	color:#333;
	letter-spacing:1px;
	word-spacing:3px;
	text-transform: capitalize;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.5em;
	font-style: normal;
	font-weight:normal;
	font-variant: normal;
	margin-bottom:10px;
	padding-right: 10px;
	border-bottom-style: none;
}

h4 {
	font-weight:bold;
	letter-spacing:0px;
	word-spacing:3px;
	font-size: 1.25em;
	margin-bottom:1em;
	margin-left:1.3em;
	font-family: Arial, Helvetica, sans-serif;
	color:#996600;
	padding-top: 0px;
}
h5 {
	font-weight:bold;
	word-spacing:2px;
	font-size: 1.2em;
	margin-left:25px;
	color:#2C82C0;
	font-family: Arial, Helvetica, sans-serif;
	color:#6699CC;
	margin-bottom:10px;
	padding-top:0px;
}

	
 p {
	border:0px none #000;
	margin-left:10px;
	margin-right:10px;
	text-indent:0em;
	font-size: 1em;
	margin-top:5px;
	margin-bottom:10px;
	padding-left: 5px;
	padding-top: 5px;
}
	
#floatright
{
width:200px;
float:right;
background-color:#efefef;
margin-left:20px; 
margin-right:10px;
}

/* Overall page wrapper - controls the width -
ems are used so the page grows wider */

#pageWrap {
	text-align:left;
	width: 63em;
	margin: 0px auto;
	position:relative;
	background: #fff url(../../images/redesign/main_bg.gif) repeat-y scroll right center;
	padding:0px 0px 0px 0px;
}

/* Defines header area at top of pages */

#header {
	text-align:left;
	height:6em;
	border-left:none;
	border-right:none;
	border-top:none;
	border-bottom:none;
	margin:0px 0px 0px 0px;
	padding: 0px 20px 0px 0px;
	position:relative;
	background: #fff url(../../images/redesign/gead_top_right.gif) no-repeat right top;
}

#header .mainLogo {
	float:left;
	margin-left:5px;
	left:15px;
	top:15px;
	margin-top:3px;
}

#header h1 {
	
	font-size: 1.7em;
	text-transform:capitalize;
	position:absolute;
	left:130px;
	top:10px;
	margin:0px;
	padding:0px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
}

#header h1 .smCaps {
	font-size:.8em;
	font-weight:400;}

#header .rightLogo {
	position:absolute;
	right:27px;
	top:10px;
	margin-right:0px;
	vertical-align:middle;
}
#header #topimg{
	background: url(../../images/redesign/head_top_left.gif) no-repeat scroll left top;
	height:2em;
}
/* Defines box around left, center, right columns */

#wrapper{
	padding: 0px;
	margin-top: 0em;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

/* Defines left-hand column */


#content {
	padding:0px 0px 0px 0px;
	margin:0px 17px 0px 11em;
	border-top:1px solid #fff;
	background:white!important;

}
*html #content  {height:1px;}

/* Right Hand Column */
#main {
	float:left;
	padding-top: 1.5em;
	width: 33em;
	padding-left: 1em;
}
#rightCol {
	color:#000;
	padding:10px;
	margin: 0px 10px 0px 34em;
	background-color: #fff;
	

/*	background-image: url(images/bg.gif);
*/
}



/* Defines footer */

#footer {
	margin:0px;
	padding:0px;
	clear: both;
	background: url(../../images/redesign/footer_bg_bottom.gif) repeat-x scroll center bottom;	
	position:relative;
	height:8em;

	
}
#footerCont {
	background: url(../../images/redesign/footer_bot_left.gif) no-repeat scroll left bottom;
	margin:0px;
	padding:0px 0px 0px 0px;
	height:8em;
	width:5em;
	position:absolute;
	left:0px;
	bottom:0px;
border:none;
}


.footerRightBox {
	margin:0px;padding:0px 0px 0px 0px;
	position:absolute;
	right:0px;
	bottom:0px;
	background: url(../../images/redesign/footer_bot_right.gif) no-repeat scroll right bottom;
	height:8em;
	width:5em;
	border:none;
	

}

#black{
margin: 0px 10px 10px 35px;
color:#999999;
font-size:.9em;}

#footer .air{width:30px;
float:right;
margin:10px 35px 0px 0px;}
#footer a img{border:3px solid black;}
#footer a:hover img{border:3px solid #4097dc;
padding:0px;
background-color:none!important;}

#footerCont .footerRightBox img {

}


/**/


.pdcHeader {
	color:#fff;
	font-size:1.5em;
	width:100%;
	height:35px;
	margin: 0px;
	padding: 0px 0px 0px 10px;
	background-color: #036;
	border-top: 1px #fff solid;
	border-bottom:1px #fff solid;
}

.pdcHeader a {
	color: #fff;
		text-decoration: none;

}

.pdcHeader a:hover {
	color: orange;
	text-decoration: none;
}

/* Defines formatting within center column */


#content img {
	margin-right:8px;
	border:0px solid #999;
}

#content ul li {
	list-style:circle;
	
}
#content ul li ul li{
	list-style:circle;
	
}
/*generic bullet defintitions*/

#content  li {
	padding-top: 0em;
	padding-right: 0em;
	padding-bottom: .3em;
	padding-left: 0em;
}

/* Defines main left-hand navigation bar */



/* Main headline for website section pages */

.introHeadline {
	font-size: 18px;
	font-weight: normal;
	color: #003300;
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}


/* This defines the area for intro text below the main menu on the homepage */

#welcome {
	position:relative;
	border: 0px solid #906;
	margin-top: 20px;
	margin-bottom:10px;
	margin-left:10px;
	margin-right: 0px;
	width: 550px;
	padding:10px;
	border-bottom:1px #ccc dashed;

}

#welcome h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 2em;
	font-weight: normal;
	margin: 0px;
}
#welcome p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .9em;
	font-weight: lighter;
	color: #333333;
	text-align: left;
}

hr {
	width:100%;
	border:1px #000 thin;
}
.banner {
	margin:0px 10px 0px 0em;
	padding:0em!important;
	background-color: #4097dc;
	height:auto;


}
#content .banner h2{
	padding:5px 0px 5px 10px;
	color:#fff;
	font: small-caps 1.7em Arial, Helvetica, sans-serif;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 0em;
	background: url(../../images/new/bg_banner_leftcurve.jpg) no-repeat scroll left bottom;
}
*html .banner {
height:1%;
}
*html #home .banner {display:none; visibility:hidden;}
/* Defines formats for teaser articles on homepage */


.teaser  { 
	clear:both;
	border: 0px solid #333;
	width:100%;
	margin-bottom:10px;
}
.teaser IMG { 
	border: 1px solid #906;
	width:80px;
	height:80px;
	margin: 0px 7px 10px 0px;
	float:left;
}

.teaser	p	{
	text-indent:0;
	font-size: 1em;
	padding: 0 0 0 0;
	margin-bottom: 1em;
	line-height: 1.2em;
	margin-left:90px;
	font-family: Arial, Verdana, Lucida, Geneva, Helvetica, sans-serif;
}


.teaser h3	{
	font-family: Arial, Verdana, Lucida, Geneva, Helvetica, sans-serif;
	color:#906;
}		

.date {
	font-size: .9em;
	font-family: Arial, Verdana, Lucida, Geneva, Helvetica, sans-serif;
	color: #000;
	font-style: italic;
 }	
 
/* Right Hand Column content formatting */

#rightColHome h4 {
	font-weight:bold;
	font-size: 1.4em;
	margin-top:2em;
	margin-left:.4em;
	color:#2C82C0;
	font-family: Arial, Helvetica, sans-serif;
	margin-bottom: 5px;
}

#rightCol h4 {
	font-weight:bold;
	font-size: 1.4em;
	margin-top:2em;
	margin-left:.4em;
	color:#2C82C0;
	font-family: Arial, Helvetica, sans-serif;
	margin-bottom: 5px;
}

.rightListHome .yellow {
	color:yellow;
}

.rightListHome .orange {
	color:orange;
}

#content #rightCol ul  {margin:0px;
padding:0em 1.5em;}

#content #rightCol ul  li a{
text-decoration:none;
line-height:1em;}

#rightCol p {
	font-size: 1em;
	margin:.4em;
	padding:0px;
	font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
}
#rightCol h4 {
	font-size: 1.4em;
	color: #2C82C0;
	margin-top:0px;
	margin-bottom: 0px;
	padding-bottom: 0px;
}
#rightCol h5 {
	font-size: 1em;
	color: #666666;
	margin-bottom: 0px;
	padding-bottom: 0px;
}




.rightColImg {
	margin-bottom: 10px;
}


/* General formatting */

a {
	color: #2969A1;
	text-decoration: none;
	font-weight:bold;

}


#content a {border-bottom: 1px dotted #ccc;}
	
#pubs li a, #contact li a {
	display:block;}
	
#shadedContent{
text-align:left;
margin-left:10px; 
margin-right:10px; 
margin-bottom:20px; 
background-color:#F8F8F8;
border:1px solid #cccccc;
}

.purpleBackground{
text-align:left;
margin-left:10px; 
margin-right:10px; 
margin-bottom:10px; 
background-color:#996699;
color:white;
}

#news h3{
font-size:1.2em; 
font-weight:bold; 
margin-left:10px;
margin-right:10px; 
margin-bottom:0px;
background-color:#996699; 
color:white; 
display:inline; 
padding:5px;
}

.newsContent{
text-align:left;
margin-top:4px;
margin-left:10px; 
margin-right:10px; 
margin-bottom:20px; 
border-top:3px solid #996699; 
border-left:1px solid #CCCCCC; 
border-right:1px solid #CCCCCC; 
border-bottom:1px solid #CCCCCC; 
}


a:hover {
	color: #000;
	text-decoration: none;
	background-color:#EBF4FC;	
}

a img {
	border: none;
}

/*global image treatments*/



/* Defines Back to Top link */

a.backtoTop {
	margin-top: 80px;
	float: right;
	margin-bottom: 4px;
	margin-right:30px;
	border: none;
	background-image: url(images/arrow.gif);
	background-repeat: no-repeat;
	padding-left: 14px;
}
a.backtoTop:hover {
	text-decoration: none;
	border: none;
}
#header a {
	border-bottom: none!;

}
.nextPage {

}

/*.clearhack {clear:both}*/

/* Printing-related classes */

/* These 2 don't work well on PC Firefox

#content a:link:after, #content a:visited:after {
    content: " (" attr(href) ") ";
    font-size: 90%;
	font-weight: normal;
	text-decoration: none;
   }
   
	
a[href^="/"]:after {
	content: " (http://www.oursite.com" attr(href) ") ";
	}
*/
.pageFunct {
	margin:0px;
	list-style-type:none;
	padding:0px;
}

.pageFunct li {
	margin-left:0px;
	padding-left: 20px;
	padding-bottom: 3px;
	list-style-type:none;
	font-size: 1em;
	font-family: Arial, Verdana, Lucida, Geneva, Helvetica, sans-serif;
}


li.print {

	background-image: url(images/printer.gif);
	background-repeat: no-repeat;
	background-position: 5px 3px;
}

.sayingBox {
	width:170px;
	margin-left:10px;
	border:4px #000 double;
	background-image:url(IMAGES/fadedLogo.gif);
	background-repeat:no-repeat;
	background-color:#fff;
}
.sayingBox p {
	color:#369;
	margin:20px;
	font-family:Trebuchet;
	font-style:italic;
	font-size:1.2em;
	font-weight:bolder;
	}
	/*custom pages*/
	
	h2 .dateadded {
	font-size:0.5em!important;
	display:block;
	color:#999999;
	letter-spacing:2px;
	font-variant: small-caps;
	font-family: Arial, Helvetica, sans-serif;
	margin-top: -3px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 3px;
}
	/*main navigation*/
.leftNav {
	display: block;
	}
.leftNav ul{
	padding: 0px;
	list-style-type: none;
	margin-top: 0em;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	display: block;
	width:10em;
	float:left;

}
.leftNav ul li a{
	text-align:left;
	display: block;
	text-decoration: none;
	font-size: 1em;
	color: #036;
	padding:2px 2px 2px 7px;
	margin:1px 0px;
	border-bottom:1px solid #999999;
	letter-spacing:0px;
	background-attachment: scroll;
	background-repeat: repeat-y;
	background-position: right center;
	background-image: url(../../images/new/bg_button.jpg);
	}
.leftNav ul li a:hover {
	background-color: #EBF4FC;
	background-image: url(../../images/new/bg_button2.gif);
	background-repeat: repeat;
	}	
	
*html .leftNav ul li a {height:1%;}




#topCurve a {
	background-image: url(../../images/new/bg_buttonTop.jpg);
	background-position: right top;
	border-right-style: none;
	background-repeat: repeat-y;
}
#topCurve a:hover {
	background-image: url(../../images/new/bg_buttonTop3.gif);
	background-position: right top;
	border-right-style: none;
	background-repeat: repeat-y;
}
#bottomCurve a {
	background-image: url(../../images/new/bg_buttonBot.jpg);
	background-position: right bottom;
	border-right-style: none;
	border-bottom-style: none;
	background-repeat: repeat-y;
}
#bottomCurve a:hover {
	background-image: url(../../images/new/bg_buttonBottom3.gif);
	background-position: right bottom;
	border-right-style: none;
	border-bottom-style: none;
	background-repeat: repeat-y;
}

/*second level navigation*/
/*guilloteen test*/
.searchbox{margin:5px 0px 0px 5px;}
ul li#nobg a{background:none;
border:none;
color:#666666;
margin-top:1em;}

.white {
	color: #FFFFFF;
}

.thinborder{
border-style:solid; border-color:#666666; border-width:1px; 
}
#thinborder td{
border-style:solid; border-color:#cccccc; border-width:1px; 
}

.checkboxList {
	list-style-type: none!important;
	list-style-position: outside;
	list-style-image: url(/images/checkbox20.png)!important;
	padding-left: 60px;
	width: 60%;
}


a.online
{
list-style-type:none;
list-style-position:outside;
list-style-image:url(/images/arrow.png);
padding-left:0px!important; 
display:list-item!important; 
font-weight:normal!important; 
margin-bottom:3px!important; 
margin-left:35px;
width:50%;
color:#990066!important;
border:none!important;
background-color:#FFFFFF;
}
a:hover.online{font-size:110%;}

#topNav{margin-top:10px; text-align:center;}

#topNav a{
display:inline!important; 
font-weight:normal!important; 
margin-right:20px!important; 
padding-top:3px;
padding-bottom:3px;
padding-left:6px;
padding-right:6px;
background-color:#efefef;
border:1px outset #666666!important;
}


#online{text-align:left; width:35%;}
#online a{border-left:3px solid #FF9933; padding-left:3px; display:block; font-weight:normal; margin:0}
#online p{padding:0px; margin-bottom:3px;}
#online a:hover{background-color:#efefef; color:#333333;}

#onlineMenu
{
	text-align:left; 
	width:130px; 
	float:right;
	padding:0px;
	margin-left:10px;
	margin-bottom:10px;
	margin-right:10px;
	margin-top:5px;
	background-color:#ffffff;
	}
	
#onlineMenu a{
border-left:3px solid #9999CC; 

/*
border-bottom:1px solid #cccccc;
border-right:1px solid #cccccc;
border-top:1px solid #cccccc;
*/

padding-left:5px;
padding-top:1px;
padding-bottom:1px;
padding-right:3px;
display:block; 
font-weight:normal; 
margin:0px!important;

}
.borderTop{border-top:1px solid #cccccc;}

#onlineMenu p{
padding:0px!important; 
margin-bottom:3px;
margin-top:0px;
margin-right:0px;
margin-left:0px; 

}

#onlineMenu ul, #onlineMenu ol
{
margin:0px; 
padding:0px;  
list-style-type:none!important;
list-style-position:outside!important;

}

#onlineMenu li
{
	/*border-bottom:1px dotted #999999;*/
	display:block; 
	margin:0px;
	padding:0px; 
	list-style-type:none!important;
	list-style-position:outside!important;
	background-color:#efefef;
}

#onlineMenu h3{
background-color:#efefef; 
padding:5px; 
margin:0px 0px 5px 0px; 
text-align:center; 
font-size:100%; 
font-weight:bold;}

a.more{
border-left:2px solid #FF9933; 
padding-left:3px; 
display:inline; 
font-weight:normal; 
margin:0px;}

.largerBox{
	border: 1px solid #CCCCCC;
	width:75%;
	padding:10px;
	margin:10px;
}

#virtualworkroom h3{
font-size:1.2em; 
font-weight:bold; 
margin-left:10px;
margin-right:10px; 
margin-bottom:0px;
background-color:#6699CC; 
color:white; 
display:inline; 
padding:5px;
}

/*.newsContent{
text-align:left;
margin-top:4px;
margin-left:10px; 
margin-right:10px; 
margin-bottom:20px; 
border-top:3px solid #6699CC; 
border-left:1px solid #CCCCCC; 
border-right:1px solid #CCCCCC; 
border-bottom:1px solid #CCCCCC; 
}*/

.descriptionAE
	{
	width:75%;
	padding:10px;	
	border: 1px dotted #cccccc;
	background-color:#f8f8f8;	
	padding-left:10px;
	
	}