/*---- JOOST COMMON -------------*/
img{border:none}

.main{height:auto; padding:10px 0px 65px 0px}
.roundedContent{margin:0px auto; color:#333}
.leftColumn{float:left; display:inline; padding:0px 0px 15px 0px}
.boxContent{border-left:1px #ccc solid; border-right:1px #ccc solid}
.boxTop{border-top:1px #ccc solid; border-left:1px #ccc solid; border-right:1px #ccc solid; height:8px; line-height:0px}
.boxBtm{border-bottom:1px #ccc solid; border-left:1px #ccc solid; border-right:1px #ccc solid; height:8px; line-height:0px}
.bc{position:relative; width:8px; height:8px; font-size:1px; background-repeat:no-repeat; margin-bottom:-1px; z-index:2; line-height:0px}
.ctr{float:right; background-image:url(images/layout/ctr.gif); margin-right:-1px; margin-top:-1px; line-height:0px}
.ctl{float:left; background-image:url(images/layout/ctl.gif); margin-left:-1px; margin-top:-1px; line-height:0px}
.cbr{float:right; background-image:url(images/layout/cbr.gif); margin-right:-1px; margin-top:1px; line-height:0px}
.cbl{float:left; background-image:url(images/layout/cbl.gif); margin-left:-1px; margin-top:1px; line-height:0px}

.roundedContent{}
.roundedContent{color:#333}
.centerColumnHome .columnContent{padding:0px; width:520px}
.padding{padding:0px 10px; margin:-9px 0px}

/*---- JOOST Image with black Opaque div -------------*/
/*---Image box Constant settings --*/
.roundedContent .teaserBox .boxContent{}

.roundedContent .teaserBox .teaserDescription_675_200 h2 a, 
.roundedContent .teaserBox .teaserDescription_518_300 h2 a, 
.roundedContent .teaserBox .teaserDescription_300_100 h2 a, 
.roundedContent .teaserBox .teaserDescription_300_150 h2 a, 
.roundedContent .teaserBox .teaserDescription_300_200 h2 a, 
.roundedContent .teaserBox .teaserDescription_300_300 h2 a{color:#54534a; text-decoration:none}

.roundedContent .teaserBox .teaserDescription_675_200 h2 a:hover, 
.roundedContent .teaserBox .teaserDescription_518_300 h2 a:hover, 
.roundedContent .teaserBox .teaserDescription_300_100 h2 a:hover, 
.roundedContent .teaserBox .teaserDescription_300_150 h2 a:hover, 
.roundedContent .teaserBox .teaserDescription_300_200 h2 a:hover, 
.roundedContent .teaserBox .teaserDescription_300_300 h2 a:hover{color: #54534a; text-decoration:underline}

.roundedContent .teaserBox .teaserDescription_675_200 p, 
.roundedContent .teaserBox .teaserDescription_518_300 p, 
.roundedContent .teaserBox .teaserDescription_300_100 p, 
.roundedContent .teaserBox .teaserDescription_300_150 p, 
.roundedContent .teaserBox .teaserDescription_300_200 p, 
.roundedContent .teaserBox .teaserDescription_300_300 p{color:#fff; margin:0px; padding:0px}
.roundedContent .teaserBox .teaserBoxPadding_inner{position:absolute; top:-8px}

.roundedContent .teaserBox .padding{padding:0px; margin:0px}
.roundedContent{}
/*-------------------------------------------
---------------------------------------------
----------IMAGE BOX 520 x 300----------------
---------------------------------------------
--------------------------------------------*/
.centerColumnHome .columnContent_518_300{padding:0px; width:520px; /*---CUSTOM:width of whole container---*/}
.roundedContent .teaserBox .teaserBoxPadding_outer_518_300{position:relative; height:283px; /*--CUSTOM:this will adjust the height of the whole box---*/}
.roundedContent .teaserBox .teaser_518_300{height:300px; /*---CUSTOM:height that adjusts the horiz position of the black background---*/margin:0px; background-color:#fff}
.roundedContent .teaserBox .teaserDescription_518_300{position:absolute; bottom:0px; height:80px; /*---CUSTOM:height of the black background---*/z-index:3; width:518px; padding:0px; margin:0px}
.roundedContent .teaserBox .teaserDescriptionBackground_518_300{position:absolute; bottom:2px; /*---CUSTOM:Space between bottom and black background---*/height:80px; /*---CUSTOM:height of the black background---*/z-index:2; width:518px; /*---CUSTOM:width of the black background---*/padding:0px; margin:0px; background-color:#000; filter:alpha(opacity=60); -moz-opacity:.60; opacity:.60}
.roundedContent .teaserBox .teaserDescription_518_300 .padding_518_300{padding-top:0px; padding-left:15px; padding-bottom:5px; padding-right:0px}
.roundedContent .teaserBox .teaserDescription_518_300 h2{font-size:150%; /*---CUSTOM:Sets size of font in title---*/font-weight:bold; margin:0px; padding:0px}
.roundedContent .teaserBox .teaserDescription_518_300 p{color:#fff; font-size:100%; /*---CUSTOM:Sets size of font in title---*/font-weight:bold; margin:0px; padding:0px}
/*-------------------------------------------
---------------------------------------------
----------IMAGE BOX 300 x 200----------------
---------------------------------------------
--------------------------------------------*/
.centerColumnHome .columnContent_300_200{padding:0px; width:302px}
.roundedContent .teaserBox .teaserBoxPadding_outer_300_200{position:relative; height:183px; /*--CUSTOM:this will adjust the height of the whole box---*/}
.roundedContent .teaserBox .teaser_300_200{height:203px; /*---CUSTOM:height that adjusts the horiz position of the black background---*/margin:0px; background-color:#fff}
.roundedContent .teaserBox .teaserDescription_300_200{position:absolute; bottom:0px; height:60px; /*---CUSTOM:height of the black content within the background---*/z-index:3; width:100%; padding:0px 0px 0px 10px; margin:0px}
.roundedContent .teaserBox .teaserDescriptionBackground_300_200{position:absolute; bottom:3px; height:60px; /*---CUSTOM:height of the black background---*/z-index:2; width:100%; /*---CUSTOM:width of the black background---*/padding:0px; margin:0px; background-color:#949484; filter:alpha(opacity=90); -moz-opacity:.90; opacity:.90}
.roundedContent .teaserBox .teaserDescription_300_200 .padding_300_200{width:285px; padding-top:0px; padding-left:3px; padding-bottom:5px; padding-right:0px}
.roundedContent .teaserBox .teaserDescription_300_200 h2{font-size:1.0em; /*---CUSTOM:Sets size of font in title---*/font-weight:bold; margin:0px; padding:0px}
.roundedContent .teaserBox .teaserDescription_300_200 p{color:#fff; font-size:.80em; /*---CUSTOM:Sets size of font in body---*/font-weight:bold; margin:0px; padding:0px; line-height:14px}
/*-------------------------------------------
---------------------------------------------
----------IMAGE BOX 300 x 150----------------
---------------------------------------------
--------------------------------------------*/
.centerColumnHome .columnContent_300_150{padding:0px; width:302px; /*---CUSTOM:width of whole container---*/}
.roundedContent .teaserBox .teaserBoxPadding_outer_300_150{position:relative; height:133px; /*--CUSTOM:this will adjust the height of the whole box---*/}
.roundedContent .teaserBox .teaser_300_150{height:100px; /*---CUSTOM:height that adjusts the horiz position of the black background---*/margin:0px; background-color:#fff}
.roundedContent .teaserBox .teaserDescription_300_150{position:absolute; bottom:0px; height:40px; /*---CUSTOM:height of the black background---*/z-index:3; width:300px; padding:0px; margin:0px}
.roundedContent .teaserBox .teaserDescriptionBackground_300_150{position:absolute; bottom:3px; height:40px; /*---CUSTOM:height of the black background---*/z-index:2; width:300px; /*---CUSTOM:width of the black background---*/padding:0px; margin:0px; background-color:#000; filter:alpha(opacity=60); -moz-opacity:.60; opacity:.60}
.roundedContent .teaserBox .teaserDescription_300_150 .padding_300_150{padding-top:0px; padding-left:3px; padding-bottom:5px; padding-right:0px}
.roundedContent .teaserBox .teaserDescription_300_150 h2{font-size:75%; /*---CUSTOM:Sets size of font in title---*/font-weight:bold; margin:0px; padding:0px}
.roundedContent .teaserBox .teaserDescription_300_150 p{color:#fff; font-size:75%; /*---CUSTOM:Sets size of font in title---*/font-weight:bold; margin:0px; padding:0px}
/*-------------------------------------------
---------------------------------------------
----------IMAGE BOX 300 x 100----------------
---------------------------------------------
--------------------------------------------*/
.centerColumnHome .columnContent_300_100{padding:0px; width:302px; /*---CUSTOM:width of whole container---*/}
.roundedContent .teaserBox .teaserBoxPadding_outer_300_100{position:relative; height:83px; /*--CUSTOM:this will adjust the height of the whole box---*/}
.roundedContent .teaserBox .teaser_300_100{height:100px; /*---CUSTOM:height that adjusts the horiz position of the black background---*/margin:0px; background-color:#fff}
.roundedContent .teaserBox .teaserDescription_300_100{position:absolute; bottom:0px; height:40px; /*---CUSTOM:height of the black background---*/z-index:3; width:300px; padding:0px; margin:0px}
.roundedContent .teaserBox .teaserDescriptionBackground_300_100{position:absolute; bottom:3px; height:40px; /*---CUSTOM:height of the black background---*/z-index:2; width:300px; /*---CUSTOM:width of the black background---*/padding:0px; margin:0px; background-color:#000; filter:alpha(opacity=60); -moz-opacity:.60; opacity:.60}
.roundedContent .teaserBox .teaserDescription_300_100 .padding_300_100{padding-top:0px; padding-left:3px; padding-bottom:5px; padding-right:0px}
.roundedContent .teaserBox .teaserDescription_300_100 h2{font-size:75%; /*---CUSTOM:Sets size of font in title---*/font-weight:bold; margin:0px; padding:0px}
.roundedContent .teaserBox .teaserDescription_300_100 p{color:#fff; font-size:75%; /*---CUSTOM:Sets size of font in title---*/font-weight:bold; margin:0px; padding:0px}
/*-------------------------------------------
---------------------------------------------
----------IMAGE BOX 300 x 300----------------
---------------------------------------------
--------------------------------------------*/
.centerColumnHome .columnContent_300_300{padding:0px; width:302px; /*---CUSTOM:width of whole container---*/}
.roundedContent .teaserBox .teaserBoxPadding_outer_300_300{position:relative; height:283px; /*--CUSTOM:this will adjust the height of the whole box---*/}
.roundedContent .teaserBox .teaser_300_300{height:100px; /*---CUSTOM:height that adjusts the horiz position of the black background---*/margin:0px; background-color:#fff}
.roundedContent .teaserBox .teaserDescription_300_300{position:absolute; bottom:0px; height:80px; /*---CUSTOM:height of the Content within black background---*/z-index:3; width:300px; padding:0px; margin:0px}
.roundedContent .teaserBox .teaserDescriptionBackground_300_300{position:absolute; bottom:3px; height:80px; /*---CUSTOM:height of the black background---*/z-index:2; width:300px; /*---CUSTOM:width of the black background---*/padding:0px; margin:0px; background-color:#000; filter:alpha(opacity=60); -moz-opacity:.60; opacity:.60}
.roundedContent .teaserBox .teaserDescription_300_300 .padding_300_300{padding-top:0px; padding-left:3px; padding-bottom:5px; padding-right:0px}
.roundedContent .teaserBox .teaserDescription_300_300 h2{font-size:115%; /*---CUSTOM:Sets size of font in title---*/font-weight:bold; margin:0px; padding:0px}
.roundedContent .teaserBox .teaserDescription_300_300 p{color:#fff; font-size:100%; /*---CUSTOM:Sets size of font in title---*/font-weight:bold; margin:0px; padding:0px}
/*-------------------------------------------
---------------------------------------------
----------IMAGE BOX 300 x 225----------------
---------------------------------------------
--------------------------------------------*/
.centerColumnHome .columnContent_300_225{padding:0px; width:302px; /*---CUSTOM:width of whole container---*/}
.roundedContent .teaserBox .teaserBoxPadding_outer_300_225{position:relative; height:209px; /*--CUSTOM:this will adjust the height of the whole box---*/}
.roundedContent .teaserBox .teaser_300_225{height:100px; /*---CUSTOM:height that adjusts the horiz position of the black background---*/margin:0px}
.roundedContent .teaserBox .teaserDescription_300_225{position:absolute; bottom:0px; height:80px; /*---CUSTOM:height of the Content within black background---*/z-index:3; width:100%; padding:0px; margin:0px}
.roundedContent .teaserBox .teaserDescriptionBackground_300_225{position:absolute; bottom:3px; height:80px; /*---CUSTOM:height of the black background---*/z-index:2; width:100%; /*---CUSTOM:width of the black background---*/padding:0px; margin:0px; background-color:#000; filter:alpha(opacity=60); -moz-opacity:.60; opacity:.60}
.roundedContent .teaserBox .teaserDescription_300_225 .padding_300_225{padding-top:0px; padding-left:3px; padding-bottom:5px; padding-right:0px}
.roundedContent .teaserBox .teaserDescription_300_225 h2{font-size:115%; /*---CUSTOM:Sets size of font in title---*/font-weight:bold; margin:0px; padding:0px}
.roundedContent .teaserBox .teaserDescription_300_225 p{color:#fff; font-size:100%; /*---CUSTOM:Sets size of font in title---*/font-weight:bold; margin:0px; padding:0px}

/*-------------------------------------------
---------------------------------------------
----------IMAGE BOX 130 x 100----------------
---------------------------------------------
--------------------------------------------*/
.centerColumnHome .columnContent_130_100{padding:0px; width:132px; /*---CUSTOM:width of whole container---*/}
.roundedContent .teaserBox .teaserBoxPadding_outer_130_100{position:relative; height:84px; /*--CUSTOM:this will adjust the height of the whole box---*/}
.roundedContent .teaserBox .teaser_130_100{height:100px; /*---CUSTOM:height that adjusts the horiz position of the black background---*/margin:0px}

/*-------------------------------------------
---------------------------------------------
----------IMAGE BOX 675 x 200----------------
---------------------------------------------
--------------------------------------------*/
.centerColumnHome .columnContent_675_200{padding:0px; width:677px; /*---CUSTOM:width of whole container---*/}
.roundedContent .teaserBox .teaserBoxPadding_outer_675_200{position:relative; height:184px; /*--CUSTOM:this will adjust the height of the whole box---*/}
.roundedContent .teaserBox .teaser_675_200{height:100px; /*---CUSTOM:height that adjusts the horiz position of the black background---*/margin:0px}
.roundedContent .teaserBox .teaserDescription_675_200{position:absolute; bottom:0px; height:80px; /*---CUSTOM:height of the Content within black background---*/z-index:3; width:300px; padding:0px; margin:0px}
.roundedContent .teaserBox .teaserDescriptionBackground_675_200{position:absolute; bottom:3px; height:80px; /*---CUSTOM:height of the black background---*/z-index:2; width:675px; /*---CUSTOM:width of the black background---*/padding:0px; margin:0px; background-color:#000; filter:alpha(opacity=60); -moz-opacity:.60; opacity:.60}
.roundedContent .teaserBox .teaserDescription_675_200 .padding_675_200{padding-top:0px; padding-left:3px; padding-bottom:5px; padding-right:0px}
.roundedContent .teaserBox .teaserDescription_675_200 h2{font-size:115%; /*---CUSTOM:Sets size of font in title---*/font-weight:bold; margin:0px; padding:0px}
.roundedContent .teaserBox .teaserDescription_675_200 p{color:#fff; font-size:100%; /*---CUSTOM:Sets size of font in title---*/font-weight:bold; margin:0px; padding:0px}
/*-------------------------------------------
---------------------------------------------
----------IMAGE BOX 614 x 220----------------
---------------------------------------------
--------------------------------------------*/
.centerColumnHome .columnContent_614_225{padding:0px; width:616px; /*---CUSTOM:width of whole container---*/}
.roundedContent .teaserBox .teaserBoxPadding_outer_614_225{position:relative; height:208px; /*--CUSTOM:this will adjust the height of the whole box---*/}
.roundedContent .teaserBox .teaser_614_225{height:203px; /*---CUSTOM:height that adjusts the horiz position of the black background---*/margin:0px; background-color:#fff}
.roundedContent .teaserBox .teaserDescription_614_225{position:absolute; bottom:0px; height:60px; /*---CUSTOM:height of the black content within the background---*/z-index:3; width:300px; padding:0px; margin:0px}
.roundedContent .teaserBox .teaserDescriptionBackground_614_225{position:absolute; bottom:3px; height:60px; /*---CUSTOM:height of the black background---*/z-index:2; width:300px; /*---CUSTOM:width of the black background---*/padding:0px; margin:0px; background-color:#000; filter:alpha(opacity=60); -moz-opacity:.60; opacity:.60}
.roundedContent .teaserBox .teaserDescription_614_225 .padding_614_225{padding-top:0px; padding-left:3px; padding-bottom:5px; padding-right:0px}
.roundedContent .teaserBox .teaserDescription_614_225 h2{font-size:1.0em; /*---CUSTOM:Sets size of font in title---*/font-weight:bold; margin:0px; padding:0px}
.roundedContent .teaserBox .teaserDescription_614_225 p{color:#fff; font-size:.80em; /*---CUSTOM:Sets size of font in title---*/font-weight:bold; margin:0px; padding:0px}
/*---- JOOST Plain box with rounded corners-------------
.centerColumnWide .columnContent{padding:0px 0px 15px 0px; width:500px}*/
/*---- JOOST Plain box with rounded corners-------------*/
.leftColumnWide .columnContent{padding:0px 0px 15px 0px; width:614px}
/*.oneThirdColumn .columnContent{padding:0px 0px 15px 0px; width:300px}
.halfColumn{width:500px}*/
/*---- JOOST Box with black title header-------------
.leftColumn .columnContent{width:155px}
.roundedContent .boxContent .sideNavigation2{margin:0px -10px -10px -10px; padding:0px 0px 5px 10px; background-color:#493a15}
.roundedContent .boxContent .sideNavigation2 ul{margin:0px; padding:0px; list-style-type:none}
.roundedContent .boxContent .sideNavigation2 ul li{margin:0px; padding:0px 0px 2px 0px}
.roundedContent .boxContent .sideNavigation2 ul li a{display:block; padding:4px 0px; margin:0px; font-size:.8em}
.roundedContent .boxContent .sideNavigation2 ul li a.selected{}
.roundedContent .boxContent .sideNavigation ul li li a.selected:hover{color:#39c}
.roundedContent .boxContent .sideNavigation ul li li li a{padding:4px 10px 9px 30px}
.roundedContent .boxContent .sideNavigation ul li li li li a{padding:4px 10px 4px 40px}
.roundedContent .leftColumn .boxContent a{color:#333; text-decoration:none}
.roundedContent .leftColumn .boxContent a:hover{text-decoration:underline}
.roundedContent .boxContent a.selected{color:#39c; font-weight:bold; text-decoration:none}
.roundedContent .boxContent a.selected:hover{text-decoration:underline}
.roundedContent .leftColumn .boxContent p a{color:#39c; text-decoration:underline}
.roundedContent .leftColumn .boxContent p a:hover{text-decoration:none}
*/
/*--------JOOST Box with Title ----
.roundedContent .altHeadline .altHeadlineBack{position:absolute; background-image:url(images/Layout/main_header_back.gif); z-index:-1; width:100%; height:2.00em; top:0px}
.roundedContent .altHeadlineBack img{float:left; width:100%; height:100%; background-color:#ddd}
.roundedContent .altHeadlineFront{padding:7px 10px 0px 10px; color:#8db33f}
.roundedContent .altHeadline .altHeadlineContent{padding:10px 10px 5px 10px}
.roundedContent .boxContent .altHeadline{position:relative; width:218px; height:auto; overflow:hidden; margin:0px -10px 0px -10px}
.halfColumnHome, 
.rightColumnHome{float:left; display:inline; padding:0px 0px 15px 15px}
.rightColumnHome .columnContent{width:225px}
.roundedContent .rightColumnHome .boxContent .altHeadline{width:223px}
.roundedContent .halfColumnHome .boxContent a, 
.roundedContent .rightColumnHome .boxContent a{color:#333; text-decoration:none}
.roundedContent .rightColumnHome .boxContent a:hover{text-decoration:underline}
.roundedContent .rightColumnHome .boxContent p a{color:#39c; text-decoration:underline}
.roundedContent .rightColumnHome .boxContent p a:hover{text-decoration:none}
*/
/*---Half column---
.halfColumnHome{float:left; display:inline; padding:0px 0px 15px 15px}
.roundedContent .halfColumnHome .boxContent p a{color:#39c; text-decoration:underline}
.roundedContent .halfColumnHome .boxContent p a:hover{text-decoration:none}
.halfColumnHome .columnContent{width:400px}
.roundedContent .halfColumnHome .boxContent .altHeadline{width:398px}
.roundedContent .halfColumnHome .boxContent .line, 
.roundedContent .halfColumnHome .boxContent a{color:Gray; text-decoration:none;  vertical-align:top}
.roundedContent .halfColumnHome .boxContent a:hover{text-decoration:underline; color:#cbd15c}
.roundedContent .halfColumnHome .boxContent .desc{color:gray; text-decoration:none; vertical-align:top}
*/