/* Main */
html {
	overflow-y:scroll;
	overflow-x:hidden;
}
body {
	margin:auto;
	background:#929292 url(/images/bkgMain.gif) repeat-x top left;
	font-family:Trebuchet MS;
	font-size:11px;
	color:#414042;
}
p {
	margin:0;
	padding:5px 0;
}
a:active, a:visited, a:link {
	color:#5987b4;
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}

a.viewAll:link
{
    font-weight: bold;
}

hr
{
    height: 1px;
    background-color:#969696;
    border: 0;
}
#pageTop hr
{
    position:relative;top: -09px;color:#5987b4;background-color:#5987b4;
}

#pageTopGray hr
{
    position:relative;top: -9px;color:#5987b4;background-color:#5987b4;
}

h1
/*rod's style*/
{
    font-family: Trebuchet MS;
    font-size: 22px;
    color: #5987b4;
    margin:0;
    /*width: 100%;
    border-bottom: solid 1px #5987b4;*/
}

h2
{
    font-family: Trebuchet MS;
    font-size: 14px;
    color: #868686;
    margin:0;
}

h3 {
	font-size:12px;
	font-weight:bold;
	color:#426a91;
	padding:0px;
	margin:0px;
	padding-top:8px;
}
h4 {
	font-size:12px;
	font-weight:bold;
	color:#868686;
	line-height:16px;
	padding:0px;
	margin:0px;
}

.inside
{
    /*padding: 10px;*/
    padding: 0 10px 0 10px;
}

.rightInside
{
    padding: 0px 10px 0 0;
}
/* Main (end) */

/* Homepage */
#wrapper {
	margin:auto;
	width:998px;
	min-height:720px;
}
#topContainer 
{
    padding: 1px 0 0 0;
	width:991px;
	height:17px;
}
.headerLinksContainer {
	font-size:10px;
	color:#ffffff;
	padding: 0 20px 0 0;
	float:right;
}
.headerLink {
	font-size:10px;
	color:#ffffff;
	padding-right:6px;
	float:left;
}
.headerLink a, .headerLink a:visited {
	color:#ffffff;
	text-decoration:none;
}
.headerLink a:hover {
	text-decoration:underline;
}
.headerDivider {
	padding-right:6px;
	float:left;	
}
.headerButton {
	padding-top:1px;
	float:left;	
}
.txtSearch {
	font-family:Trebuchet MS;
	font-size:10px;
	color:#ffffff;
	width:90px;
	height:11px;
	background:#575cac;
	border:0;
	margin-left:1px;
}
#navContainer {
	width:991px;
	height:47px;
}
#navLogo {
	padding:11px 0 0 23px;
	float:left;
}
#topNavContainer {
	margin:16px 0 0 76px;
	float:right;
}
#topNavContainerInt {
	margin:16px 0px 0px 0px;
	float:right;
	padding-right:3px;
}

.topNavButton {
	float:left;	
}
#flashContainer {
	width:998px;
	height:252px;
}
#homeIntro {
	background:url(/images/bkgHomeIntro.jpg) no-repeat top;
	width:396px;
	height:252px;
	float:left;
}
#homeIntroTxt {
	font-size:13px;
	color:#ffffff;
	padding:123px 0 0 0;
	margin-left:26px;
	
}
#homeIntroTxt p {
	line-height:22px;
	margin:0;
	padding:0;
}
#homeFlash {
	width:602px;
	height:252px;
	float:left;
}
#homepageMainContainer {
	width:991px;
}
#homeFeaturedContainer {
	background:#ffffff;
}
#homeFeatured {
	background:url(/images/bkgHomeFeatured.jpg) no-repeat top;
	width:395px;
	height:116px;
	margin:1px 0 1px 0;
}
.homeFeaturedTxt {
	font-size:11px;
	padding:32px 0 0 0;
	margin-left:26px;	
}
#homeFeaturedTxt p {
	line-height:16px;
	margin:0;
	padding:4px 0 10px 0;
}
#homeFeaturedTxt a, #homeFeaturedTxt a:visited {
	color:#426a91;
	font-weight:bold;
	text-decoration:none;	
}
#homeFeaturedTxt a:hover {
	text-decoration:underline;	
}
.homeImgHeaders {
	/*margin:1px 0 1px 1px;*/
	margin:1px 0;
	padding-left:1px;
	float:left;	
}
.homeTxtSections {
	font-size:11px;
	color:#868686;
	width:166px;
	float:left;
	padding:10px 0;
}
.homeTxtSections p {
	line-height:16px;
	margin:0;
	padding:6px 0 10px 0;
}
.homeTxtSections a, .homeTxtSections a:visited {
	color:#5987b4;
	font-weight:bold;
	text-decoration:none;
}
.homeTxtSections a:hover {
	text-decoration:underline;
}
#homeSolutions {
	background:url(/images/bkgHomeSolutions.jpg) no-repeat top;
	width:395px;
	min-height:228px;
	height:auto !important; 
	margin:0;
}
#homeSolutions ul {
	margin:0;
	padding:0;
	padding:40px 0 16px 0;
	margin-left:26px;
}
#homeSolutions li {
	background-image: url(/images/arrowWhiteOnOrange.gif);
	background-repeat: no-repeat;
	list-style:none;
	font-size:12px;
	color:#5987b4;
	font-weight:bold;
	background-position: 0 3px; 
	padding-left:20px;
	margin:0;
	padding-top:1px;
}
#homeSolutions a, #homeSolutions a:visited {
	color:#5987b4;
	font-weight:bold;
	text-decoration:none;
}
#homeSolutions a:hover {
	text-decoration:underline;
}
#WorkscapeCommunity {
}
#bottomContainer {
	width:991px;
	text-align:center;
	margin-bottom:22px;
}
#footerLinksContainer {
	font-size:10px;
	font-weight:bold;
	color:#696969;
	margin-top:8px;

}
.footerLink {
	font-size:10px;
	color:#696969;
	padding-right:10px;
	
}
.footerLink a, .footerLink a:visited {
	color:#ffffff;
	text-decoration:none;
}
.footerLink a:hover {
	text-decoration:underline;
}
.footerDivider {
	padding-right:10px;

}
#footerCopyright {
	font-size:10px;
	font-weight:bold;
	color:#696969;
	margin-top:4px;
}
#footerCopyright a, #footerCopyright a:visited {
	color:#ffffff;
	text-decoration:none;
}
#footerCopyright a:hover {
	text-decoration:underline;
}
/* Homepage */

/*Rods*/

#header
{
    clear: both;
	width: 989px;
	text-align: left;
	top: 10px;
	left: 10px;
	margin: 0;
}

#title
{
    width: 262px;
    height: 105px;
    background-image: url(/images/title.jpg);
    clear: both;
    display: inline; /* for IE */
	float: left;
}

#titleBox
{
    width:262px;
    height:105px;
    float:left;
    background:url('/images/title.gif');
    background-repeat:no-repeat;
}
#titleBoxAN
{
    width:262px;
    height:105px;
    float:left;
    background:url('/images/titleAdvisorNet.gif');
    background-repeat:no-repeat;
}
#LnavHeader
{
    float:left;
    width:213px;
    padding-top:90px;
}

#LnavHeader a img
{
	position: relative;
}

#BannerLeft
{
    float:right;
    width:49px;
}


#banner
{
    float: right;
    width: 727px;
    height: 105px;
    background-image: url(/images/banner_noText.jpg);
}

#bannerBox
{
    width:727px;
    height:105px;
    background-image: url(/images/BGNoBanner.gif);
    float:left;
}
#bannerImage
{
    width:621px;
    /*height:105px;*/
    float:left;
    
}

#demoBox
{
    width:106px;
    height:105px;
    float:right;
    background:url('/images/demoBoxBG.gif');
    background-repeat:no-repeat;
}
#bannerGray
{
    float: right;
    width: 727px;
    height: 105px;
    background-image: url(/images/gray_banner.jpg);
    background-repeat:no-repeat;
    border-bottom: solid 0px red;
    /*padding-top:15px;
    margin:0;*/
}

#pageTop
{
    border: solid 0px #5987b4;
    padding-top:15px;
    margin:0;
}

#pageTopGray
{
    border: solid 0px #5987b4;
    padding-left: 14px;
    padding-top:51px;
    margin:0;
}

#leftMenu
/* 
   this div is tricky - I had to take 10px away from the widht so it could match with curver above
   to fill the missing space with white I added a 10px border-right. Also the height was a littl off so I
   had to take a pixel away
*/
{
    width: 262px;
    /*height: 491px;*/
    background-image: url(/images/menuStatic.jpg);
    background-repeat: repeat-y;
    border-top: solid 1px #fff;
    border-right: solid 0px #fff;
    background-color: #5581ac;
    clear: both;
    display: inline;  /*for IE */
	float: left;
}
#cornerImg
{
    width: 262px;
    height: 166px;
    background-image: url(/images/btmCornerImg.jpg);
}
    
#content
/*the widht used to be 727 but had to substract the padding so it could fit*/
{
    width: 711px;
    /*height: 492px;*/
    /*background-image: url(/images/content.jpg);*/
    float: right;
    padding-left: 16px;
    padding-top: 3px;
    background-color: #fff;
}

#contentAlt

{
    width: 711px;
    float: right;
    padding-left: 16px;
    padding-top: 3px;
    /*background-color: #fff;*/
    position:relative;
    top:-57px;
}


/************************ LEFT HAND SIDE NAVIGATION STYLES *********************************/
ul#leftMenu
{
    /*margin-left: 10px;*/
    margin: 0;
    padding: 0;
    list-style: none;
    width: 262px;
    /*border-bottom: 1px dashed #999999;*/

}

#leftMenu a
{
    text-decoration: none;
    color: #fff;
    font-size: 14px;
    line-height: 21px;
    font-family: Trebuchet MS;
    /*font-size: 1.1em;*/
    /*text-transform: uppercase;*/
    /* bord used to be 1px*/
    border-top: 0px dashed #999999;
    border-bottom: 1px solid #fff;
    display: block;
    /*padding: 7px 5px 7px 30px;*/
    padding: 3px 6px 3px 25px;
    background:url(/images/menuStatic.jpg) no-repeat left center;
    
}

#leftMenu a:hover
{
    /*font-weight: bold;*/
    background:url(/images/menuOver.jpg) no-repeat 0px -11px; 
}


/*remove annoying gaps */
#leftMenu li
{
    display: inline;
}

/*force hover on entire width of link */
*html #leftMenu a
{
    height: 1px;
}

/* third level left nav */
ul#leftMenu  li.selected a
{ 
    background: #5581ac url(/images/menuOver.jpg) no-repeat 0px -11px;
    border-bottom:none;
   
}
ul#leftMenu  li.selectednokids a
{ 
    background: url(/images/menuOver.jpg) no-repeat 0px -11px; 
}
ul#leftMenu  li.selectednokids a:hover
{ 
    background: url(/images/menuOver.jpg) no-repeat 0px -11px; 
}
ul#leftMenu  li.selected a:hover
{ 
    background: #5581ac url(/images/menuOver.jpg) no-repeat 0px -11px;
    border-bottom:none;
   
}
ul.third 
{
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 11px 15px;
    list-style: none;   
    width:237px;
    
    background-color:#80a1c2;
    font-family: Trebuchet MS;
    font-size:12px;
    border-bottom:solid 1px #ffffff;
}

ul#leftMenu  li.selected ul.third li.lnavthird a
{
   
    color: #fff;
    background:none;
    border:none;
    line-height:16px;
}

ul#leftMenu  li.selected ul.third li.lnavthird a:hover
{
    
    color: #fff;
    background:none;
    border:none;
    line-height:16px;
    /*text-decoration:underline;*/
}
ul#leftMenu li.selected ul.third li.lnavthird a.ThirdOn
{
    /*text-decoration:underline;*/
    background:url('/images/lnavthirdarrow.gif');
    background-repeat:no-repeat;
    background-position:14px 5px;
}
ul#leftMenu li.selected ul.third li.lnavthird a:hover
{
    /*text-decoration:underline;*/
    background:url('/images/lnavthirdarrow.gif');
    background-repeat:no-repeat;
    background-position:14px 5px;
}


/*********************************** BREAD CRUM **********************************/
#breadCrum
{
    font-family: Trebuchet MS;
    font-size: 10px;
    color: #868686;
}

/********************************** SUMMARY **************************************/
#summary
{
    font-family: Trebuchet MS;
    font-size: 11px;
    color: #868686;
    width: 479px;
    float: left;
}

#summary .summaryTitle, .title
{
    font-size: 14px;
    font-weight: bold;
    color: #868686;
    padding: 0px;
}

.bigBoxTitle
{
    font-size: 14px;
    color: #464646;
    padding: 0 0 0 10px;
}

.inside p
{
	color: #464646;
	font-size: 12px;
}

#summary .summaryBlueTitle, .blueTitle
{
    font-size: 14px;
    font-weight: bold;
    color: #5987b4;
    padding: 0px;
}

#rigthColumn
{
    width: 215px;
    float: right;
    font-family: Trebuchet MS;
    font-size: 11px;
    color: #868686;
}

#rigthColumn p, #dynamicBoxRight p, #dynamicBox p, .dynamicBoxRight p
{
    padding: 0 0 10px 0;
}

.box
{
	margin: 0 0 18px 0;
}

#summary .box
{
	margin: 18px 0;
}

.blueBoxContent, .grayBoxContent
{
	min-height: 58px;
	_height: 58px;
}

.noColorBoxContent
{
    width: 203px;
    margin: 0;
}

#dynamicBox .noColorBoxContent,
.dynamicBox .noColorBoxContent
{
	width: 100%;
}

.noColorBoxContent .noColorBoxTitle
{
font-size: 14px;
    color: #78b163;
    font-family: Trebuchet MS;
    font-weight: bold;
    border: 0;
    padding: 0 0 8px 10px;
}

.noColorBoxContent p
{
    font-family: Trebuchet MS;
    font-size: 12px;
    color: #868686;
    padding: 0 0 10px 0px;
    margin: 0;
    line-height: 16px;
}

.noColorBoxContent span,
.noColorBoxContent em
{
	color: #868686;
}

#dynamicBox .noColorBoxContent p,
.dynamicBox .noColorBoxContent p
{
	font-weight: normal;
	font-size: 11px;
	color: #868686;
}

/*************************** blue content box *******************************************/
.blueBoxTitle, .grayBoxTitle
{
    font-family: Trebuchet MS;
    font-size: 14px;
    color: #464646;
    padding-top: 0px;
    padding-left: 10px;
    margin: 0;
}

.blueBoxTitle
{
	padding-top: 3px;
}

.blueBoxTop
{
    width: 203px;
    height: 12px;
    background: url(/images/blueBoxTop.jpg) no-repeat;
}

.blueBoxContent
{
    width: 203px;
    background: #b8cee3 url(/images/blueBoxGradient.gif) no-repeat bottom;
    margin: 0;
}

.blueBoxContent p
{
    font-family: Trebuchet MS;
    font-size: 12px;
    color: #464646;
    padding: 0 0 10px 0px;
    margin: 0;
    line-height: 16px;
}

.blueBoxBottom
{
    width: 203px;
    height: 12px;
    background: url(/images/blueBoxBottom.jpg) no-repeat;
    margin: 0;
}

.blueBoxContent a.onrangeArrowLink,#summary a.onrangeArrowLink,.grayBoxContent a.onrangeArrowLink,
#content a.onrangeArrowLink, a.onrangeArrowLink
{
    color: #426a91;
    font-weight: bold;
    font-size: 12px;
    font-family: Trebuchet MS;
    background-image: url(/images/arrowWhiteOnOrange.gif);
    background-position: right;
    padding-right: 20px;
    /*padding-left: 10px;*/
    background-repeat: no-repeat;
    text-decoration: none;
    margin: 0;
}

.backToTop
{
    color: #426a91;
    font-weight: bold;
    font-size: 12px;
    font-family: Trebuchet MS;
    background-image: url(/images/backToTop.jpg);
    background-position: right;
    padding-right: 15px;
    /*padding-left: 10px;*/
    background-repeat: no-repeat;
    text-decoration: none;
    margin: 0;
}


.blueBoxContent a.onrangeArrowLink:hover,
#summary a.onrangeArrowLink:hover,
.grayBoxContent a.onrangeArrowLink:hover,
#content a.onrangeArrowLink:hover, a.onrangeArrowLink:hover
{
    text-decoration: underline;
    margin: 0;
}

.blueBoxContent a
{
    color: #426a91;
    font-weight: bold;
    font-size: 11px;
    font-family: Trebuchet MS;
    padding-left: 0px;
    text-decoration: none;
    margin: 0;
}

.blueBoxContent a:hover
{
    text-decoration: underline;
    margin: 0;
}
/************************************ GRAY BOX **************************/
.grayBoxTop
{
    width: 203px;
    height: 15px;
    background: url(/images/grayBoxTop.jpg) no-repeat bottom;
}

.grayBoxContent
{
    width: 203px;
    background: #D8D8D8 url(/images/grayBoxGradient.jpg) no-repeat bottom;
    margin: 0;
}

.grayBoxContent p
{
    font-family: Trebuchet MS;
    font-size: 12px;
    color: #464646;
    padding: 0 0 5px 0px;
    margin: 0;
}

.grayBoxBottom
{
    width: 203px;
    height: 12px;
    background: url(/images/grayBoxBottom.jpg) no-repeat;
    margin: 0;
}
/************************************ GRAY BOX (end)**************************/



/************************************ MID SIZE GRAY BOX **************************/
#midSize_grayBoxTop
{
    width: 374px;
    height: 11px;
    background: url(/images/midSize_grayBoxTop.jpg) no-repeat bottom;
}

#midSize_grayBoxMiddle
{
    width: 374px;
    background: #d0d0d0 url(/images/midSize_grayBoxMiddle.jpg) no-repeat bottom;
    margin: 0;
}

#midSize_grayBoxBottom
{
    width: 374px;
    height: 11px;
    background: url(/images/midSize_grayBoxBottom.jpg) no-repeat;
    margin: 0;
}
/************************************ MID SIZE GRAY BOX (end)**************************/
/************************************ bigGrayBox **************************/
#bigGrayBoxTop,
.bigGrayBoxTop
{
    width: 463px;
    height: 12px;
    background: url(/images/gray_midsizeBoxTop.jpg) no-repeat bottom;
    margin: 0;
}

#bigGrayBoxMiddle,
.bigGrayBoxMiddle
{
    width: 463px;
    background: #d0d0d0 url(/images/gray_midsizeBoxMiddle.jpg) no-repeat bottom;
    margin: 0;
	min-height: 50px;
	_height: 50px;
}

#bigGrayBoxMiddle ul,
.bigGrayBoxMiddle ul
{
    margin: 0;
    padding: 10px 0 0 26px;
}

#bigGrayBoxMiddle li,
.bigGrayBoxMiddle li
{
    font-weight: bold;
    padding-bottom: 5px;
    font-size: 12px;
    color: #464646;
}

#bigGrayBoxBottom,
.bigGrayBoxBottom
{
    width: 463px;
    height: 12px;
    background: url(/images/gray_midsizeBoxBtm.jpg) no-repeat;
    margin: 0;
}
/************************************ bigGrayBox (end)**************************/

/************************************ bigBlueBox **************************/
#bigBlueBoxTop,
.bigBlueBoxTop
{
    width: 463px;
    height: 11px;
    background: url(/images/blue_midsizeBoxTop.jpg) no-repeat bottom;
    margin: 0;
}

#bigBlueBoxMiddle,
.bigBlueBoxMiddle
{
    width: 463px;
    background: #e2ebf4 url(/images/blue_midsizeBoxMiddle.jpg) repeat-x bottom;
    margin: 0;
	min-height: 50px;
	_height: 50px;
}

#bigBlueBoxMiddle ul,
.bigBlueBoxMiddle ul
{
    margin: 0;
    padding: 10px 0 0 26px;
}

#bigBlueBoxMiddle li,
.bigBlueBoxMiddle li
{
    font-weight: bold;
    padding-bottom: 5px;
    font-size: 12px;
    color: #464646;
}

#bigBlueBoxBottom,
.bigBlueBoxBottom
{
    width: 463px;
    height: 10px;
    background: url(/images/blue_midsizeBoxBtm.jpg) no-repeat;
    margin: 0;
}
/************************************ bigBlueBox (end)**************************/

/************************************ legendBox GRAY BOX **************************/
#legendBox
{
    width: 702px;
    height: 54px;
    background-image: url(/images/resourcesLegend.jpg);
}

/************************************ BIG GRAY BOX (end)**************************/

/*modification*/
#navLogoInner {
	
	float:left;
	margin: 0;
	padding-top: 11px;
}

/******************************* dynamic box *************************/
.dynamicBox
{
    width: 334px;
    float: left;
    font-family: Trebuchet MS;
    font-size: 11px;
    color: #868686;
}

#dynamicBox
{
    width: 334px;
    float: left;
    font-family: Trebuchet MS;
    font-size: 11px;
    color: #868686;
}

#dynamicBoxRight, .dynamicBoxRight
{
    width: 300px;
    float: left;
    font-family: Trebuchet MS;
    font-size: 11px;
    color: #868686;
    margin-left: 15px;
}

.dynamicBoxRight h1, .dynamicBox h1, #dynamicBox h1,#dynamicBoxRight h1,#summary h1,#rigthColumn h1
{
    font-size: 14px;
    color: #78b163;
    font-family: Trebuchet MS;
    font-weight: bold;
    border: 0;
    padding: 0 0 8px 0;
}

.dynamicBoxTitle
{
    font-size: 12px;
    font-weight: bold;
    color: #868686;
    padding: 0px;
    margin: 0px;
}

#dynamicBox h2
{
    font-size: 12px;
    font-weight: bold;
    color: #868686;
    padding: 0px;
    margin: 0px;
}

#dynamicImg
{
    float: left;
    display:block;
    padding-right: 10px;
}

#peopleImg
{
    width:90px;
    border: solid 1px #6691ba;
}

.imgHolder
{
    float: left;
    display:block;
    padding-right: 5px;
}

#floatMenu
{
    float: right;
    position: relative;
    margin:0; 
    padding:5px 0 0 0;
    /*top: 20px;
    padding-top:30px; 
    padding-right: 10px;*/
}

#floatMenu li
{
    list-style: none;
    display: block;
    float: left;
    padding-right: 10px;
    margin:0;
}
#floatMenu a.share
{
    position:relative;
    top:-1px;
}
.yellowQuote
{
    padding: 28px 0 0 69px; 
    /*font-weight:bold; */
    font-family:Georgia; 
    font-size: 16px;
    color:#f2fb98;
}

.quoteAuthor
{
    /*font-weight: bold;*/
    padding: 5px 345px 0 0px; 
    font-family: Trebuchet MS; 
    font-size: 12px; 
    color:#fff; 
    text-align:right; 
    line-height:10pt;
}
/* press relases year indicator */
a.yearon 
{
    color:#629a5d;
    text-decoration:underline;
}

/* sitemap */

#sitemap ul 
{
	margin: 10px 0;
}    

#sitemap ul ul
{
	margin: 0;
}

#sitemap ul li a
{
    font-size: 14px;
}
#sitemap ul li ul li a
{
	font-size: 11px;
}
#sitemap ul li ul li ul li a
{
	font-size: 10px;
}

/* Resource Type Legend Boxes */

/* horizontal legend */
.legendBoxLarge .legendBoxTop
{
	background: url(/images/resourceLegendTop.gif) no-repeat;
	width: 693px;
	height: 11px;
}

.legendBoxLarge .legendBoxMid
{
	background: #e3e3e3 url(/images/resourceLegendTile.gif) repeat-x;
	width: 693px;
}

.legendBoxLarge .legendBoxBottom
{
	background: url(/images/resourceLegendBtm.gif) no-repeat;
	width: 693px;
	height: 12px;
}

#resourceLegendHoriz 
{
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#resourceLegendHoriz li
{
	float: left;
	padding: 0px 5px;
}

#resourceLegendHoriz li img
{
	width: 25px;
}

#resourceLegendHoriz li img, #resourceLegendHoriz li span
{
	float: left;
}

#resourceLegendHoriz li span
{
	margin: 5px 0px 0px 5px;
}

/* vertical legend */

.legendBoxMedium .legendBoxTop
{
	background: url(/images/resourceLegendMediumTop.gif) no-repeat;
	width: 374px;
	height: 11px;
}

.legendBoxMedium .legendBoxMid
{
	background: #e9e9e9 url(/images/resourceLegendMediumTile.gif) repeat-x;
	width: 374px;
	*margin-top: -5px;
	min-height: 80px;
	_height: 80px;
}

.legendBoxMedium .legendBoxBottom
{
	background: url(/images/resourceLegendMediumBtm.gif) no-repeat;
	width: 374px;
	height: 10px;
}

.legendBoxMedium ul
{
	list-style-type: none;
	float: left;
}

.legendBoxMedium ul.first
{
	margin-right: 30px;
}

.legendBoxMedium ul li
{
	margin: 5px 0px;
}

.legendBoxMedium img
{
	width: 20px;
}

.legendBoxMedium a
{
	margin: 3px 0px 0px 10px;
}

.legendBoxMedium img, .legendBoxMedium a
{
	float: left;
}
/* Resources */
#resources
{
}

#resources img, #resources h1
{
	float: left;
	margin: 25px 0px 0px 0px;
}

#resources h1
{
	color: #868686;
	margin: 35px 0px 0px 10px;
	clear: right;
}

#resources .resource
{
	margin: 25px 0px 0px 0px;
}

#resourceCategories
{
	width: 693px;
}

#resourceCategories a.view_all
{
	margin-left: 25px;
}

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

#resourceCategories ul li
{
	margin: 10px 0px;
}

#resourceCategories ul li img
{
	float: left;
}

#resourceCategories ul li a
{
	margin-top: 5px;
}

#resourceCategories ul li img
{
	width: 20px;
	padding-right: 5px;
}

.resourceCategory
{
	padding: 20px 0;
}

.dynamicBox .resourceCategory > img,
.dynamicBox .resourceCategory > img + h1,
.dynamicBoxRight .resourceCategory > img,
.dynamicBoxRight .resourceCategory > img + h1
{
	float: left;
}

.dynamicBox .resourceCategory > img + h1,
.dynamicBoxRight .resourceCategory > img + h1
{
	margin: 10px 5px;
}

#resource_featured
{
	width: 693px;
}
#resource_featured .column
{
    float: left;	
    width: 346px;
}

#resource_featured div ul
{
	list-style-type: none;
	margin-top: 30px;
}

#resource_featured div ul li
{
	padding: 5px 0;
}

#resource_featured div ul li img
{
	width: 20px;
}

#resource_featured div ul li img
{
	padding-right: 5px;
}

#resource_featured div ul li img
{
	float: left;
}

#resource_featured hr
{
	margin: 15px 0px;
}

/* Miscellaneous */

.clearBoth
{
	clear: both;
}

.clearLeft
{
	clear: left;
}

.clearRight
{
	clear: right;
}

.floatLeft
{
	float: left;
}
	
.floatRight
{
	float: right;
}

/* Form Styling */
.content, .content td
{
    font-family:Trebuchet MS;
	font-size:11px;
	color:#414042;
}
.stfForm, .mktInput input, .mktInput select
{
    border:solid 1px #7FAFDD;
    font-family:Trebuchet MS;
	font-size:11px;
	color:#414042;
}

.mktFormMsg{
    color:Red;
    padding-left:2px;
}
#summary label{
    font-weight:bold;
}

/* resource registration form */

#registration_confirmation
{
	margin: 20px 0 0 0;
}
#registration_confirmation img
{
	float: left;
}
#registration_confirmation img
{
	width: 20px;
	padding: 0 5px 0 0;
}

#registration_confirmation img + a
{
	margin: 5px 0 0 0;
}

/* login page */

.forgot_password
{
	
}

/* extranet */

.logout
{
	margin: 0 10px;
}

/* extranet landing page bottom */

#extranet_landing_bottom
{
	margin: 20px 0 0 0;
}

#extranet_landing_bottom > div
{
	float: left;
	padding: 0 5px;
	width: 220px;
}

/* extranet bottom resource, events */

#extranet_landing_bottom .list
{
	margin: 0 0 25px 0;
}

#extranet_landing_bottom .list h2
{
	color: #78b163;
	font-size: 14px;
}

#extranet_landing_bottom .list ol
{
	list-style-type: none;
	margin: 5px 0;
	padding: 0;
}

#extranet_landing_bottom .list ol li
{
	clear: both;
	padding: 5px 0;
}

#extranet_landing_bottom .list ol li img
{
	float: left;
	width: 20px;
	padding: 0 5px 0 0;
}

/* forms */

.form
{
	list-style-type: none;
	margin: 10px 0;
	padding: 0;
}

.form > li
{
	float: left;
	padding: 3px 0;
	margin: 0;
	*margin: -3px 0;
}

.form > li.clearBoth
{
	float: none;
	padding: 0;
	border: 0;
	height: 0px;
}

.form > li.label
{
	width: 100px;
}


.form > li input[type='text'],
.form > li input[type='password']
{
	width: 200px;
}

#summary label.error
{
    color: Red;
    margin: 0 0 0 2px;
}