/* CSS Document */

body {
margin:0px;
padding:0px;
background-color:#69798b;
margin-top:10px;
font-family:Arial, Helvetica, sans-serif;
}

a:link { color: #FFFFFF; }
a:visited { color: #FFFFFF; }
a:hover { 	color: #FFFFFF;}
a:active { imacolor: #FFFFFF; }

#wraper
{
width:1024px;
margin:0px auto;

}

#header
{
/*border:2px solid #ff4e43;  */
background:url(../images/content_back_shadow.png) left repeat-y;
_background-image:url(); /* IE6 fix - incapable to show 24bit png */
height:91px;
width:1024px;
margin-left:-3px;
}

#header div.inner
{
/*border:2px solid #ff4e43;*/
margin-left:5px;
background-color:#242b35;
border:1px solid #cee2e9;
height:90px;
width:1015px;
}

#logo
{
/*border:2px solid #ff4e43;    */
padding-left:10px;
padding-top:6px;
float:left;
width:208px;
background-color:#242b35;
}

#switch
{
vertical-align:middle;
color:#fff;
font-weight:bold;
padding-right:0px;
padding-top:127px;
float:right;
width:75px;
font-size:60%;
}

#adSpace
{
/*border:1px solid #ff4e43;  */
padding-left:10px;
float:right;
padding-top:0px;
width:728px;
height:90px;
}

#navSpace
{
background:url(../images/content_back_shadow.png) left repeat-y;
_background-image:url(); /* IE6 fix - incapable to show 24bit png */
height:146px;
width:1024px;
margin-left:-3px;
margin-top:6px;
    
}

#navSpace div.inner
{
    margin-left:5px;
    border:1px solid #cee2e9;
    background-color:#242b35;
    /*border:1px solid #ff4e43;*/
    height:145px;
    width:1015px;
}
#navSpace div.inner2
{
    border-top:1px solid #cee2e9;
    height:145px;
    width:1014px;
    background-color:#242b35;
}

#navSpaceTxt
{
height:40px;
width:1024px;
margin-left:-3px;
margin-top:6px;
}

#navSpaceTxt div.inner
{
margin-left:5px;
background-color:#242b35;
border:1px solid #cee2e9;
height:40px;
width:1015px;
}


#leftSpace
{
width:230px;
float:left;
background:url(../images/content_back_shadow.png) left repeat-y;
_background-image:url(); /* IE6 fix - incapable to show 24bit png */
height:602px;
margin-top:5px;
_margin-top:10px;
margin-left:-3px;
}

#leftSpace div.inner
{
margin-left:5px;
margin-top:0px;
border:1px solid #cee2e9;
width:220px;
background:url(../images/left_back_blue.jpg) left top repeat-y;
height:602px;
}



#middleSpace
{
float:left;
width:587px;
_width:587px;
min-height:410px;
}

.contentBlock
{
width:210px;
float:left;
background:url(../images/content_back_shadow.png) left repeat-y;
_background-image:url(); /* IE6 fix - incapable to show 24bit png */
margin-top:5px;
_margin-top:10px;
min-height:456px;
height:456px;
_height:452px;
margin-left:-3px;
}

.contentBlock div.inner
{
margin-left:5px;
margin-top:0px;
border:1px solid #cee2e9;
background-color:#242b35;
width:200px;
min-height:456px;
height:456px;
_height:452px;
}

.contentBlocksmall
{
width:161px;
float:left;
background:url(../images/contentsmall_back_shadow.png) left repeat-y;
_background-image:url(); /* IE6 fix - incapable to show 24bit png */
margin-top:5px;
_margin-top:10px;
margin-left:-3px;
min-height:456px;
height:456px;
_height:456px;
}

.contentBlocksmall div.inner
{
margin-left:5px;
margin-top:0px;
border:1px solid #cee2e9;
background-color:#242b35;
width:161px;
min-height:456px;
height:456px;
_height:456px;
/*padding-bottom:10px;
* padding-bottom:15px;*/
}
.contentBlocksmall div.text
{
float:left;
padding:5px;
font-size:70%;
color:#8c949e;
width:161px;
_width:161px;
}
.contentBlocksmall div.text .head
{
font-size:100%;
color:#FFFFFF;
font-weight:bold;
}


.contentBlockwide
{
width:575px;
float:left;
background:url(../images/contentsmall_back_shadow.png) left repeat-y;
_background-image:url(); /* IE6 fix - incapable to show 24bit png */
margin-top:5px;
_margin-top:10px;
min-height:131px;
margin-left:-3px;
}

.contentBlockwide div.inner
{
margin-left:5px;
margin-top:0px;
border:1px solid #cee2e9;
background-color:#242b35;
width:575px;
min-height:131px;
padding:5px 0px;
    
}


.contentBlockwideMain
{
width:575px;
float:left;
background:url(../images/contentsmall_back_shadow.png) left repeat-y;
_background-image:url(); /* IE6 fix - incapable to show 24bit png */
margin-top:5px;
_margin-top:10px;
margin-left:-3px;
min-height:456px;
/*ming-height:456px;*/
_height:456px;
}

.contentBlockwideMain div.inner
{
margin-left:5px;
margin-top:0px;
border:1px solid #cee2e9;
background-color:#242b35;
width:575px;
min-height:456px;
/*min-height:456px;  */
_height:456px;
/*padding-bottom:10px;
* padding-bottom:15px;*/
}
.contentBlockwideMain div.text
{
float:left;
padding:5px;
font-size:70%;
color:#8c949e;
width:575px;
_width:575px;
}
.contentBlockwideMain div.text .head
{
font-size:100%;
color:#FFFFFF;
font-weight:bold;
}

.leftLableBack
{
width:220px;

height:39px;
background:url(../images/left_linkback.gif) left top no-repeat;

}

.leftLableBack div.span
{
    font-size:75%;
    color:#fff;
    padding-left:50px;
    font-weight:bold;
    line-height:30px;
}
.leftLableBack div.type
{
    font-size:60%;
    color:#fff;
    padding-left:50px;
    font-weight:normal;
    line-height:0px;
    float:left;
}



#rightSpace
{
float:left;
width:215px;
_width:210px;
background:url(../images/right_area_blue2.png) left repeat-y;
    /*background:url(../images/contentsmall_back_shadow.png) left repeat-y;*/
_background-image:url(); /* IE6 fix - incapable to show 24bit png */
margin-top:5px;
_margin-top:10px;
margin-left:-8px;
height:604px;
}
#rightSpace div.inner
{
    width:206px;
    border:1px solid #cee2e9;
    margin-left:5px;
    margin-top:0px;
    min-height:602px;
}

.rightButtons
{
width:206px;
height:41px;
background:url(../images/right_button_blue.png) left top no-repeat;
margin-left:0px;
}

.rightLableBack
{
width:206px;
height:23px;
background:url(../images/right_back_text.png) left top no-repeat;
margin-left:0px; 
}

/*TODO: the layers wrapping around this doesn't seem to be working well*/
.rightContentback
{
/*border:2px solid #ff4e43;*/
/*background:url(../images/right_area_blue.png) left top repeat-y;*/
width:200px;
margin-left:0px;
}

.rightContentback div.inner
{
/*border:2px solid #ff4e43;*/
padding:2px;
padding-left:3px;
padding-right:1px;
padding-bottom:3px;
}

.rightContentback2
{
background:url(../images/right_area_blue.png) left top repeat-y;
width:207px;
margin-left:5px;
}

.rightContentback2 div.inner
{
padding:10px;
padding-right:0px;
padding-bottom:4px;
padding-bottom:42px;
* padding-bottom:23px;
_padding-bottom:23px;
}


#footer
{
background:url(../images/content_back_shadow.png) left repeat-y;
_background-image:url(); /* IE6 fix - incapable to show 24bit png */
height:69px;
width:1024px;
margin-left:-3px;
margin-top:2px;
}

#footer div.inner
{
margin-left:5px;

background-color:#242b35;
border:1px solid #cee2e9;
height:67px;
width:1015px;
}

#rightAd
{
width:207px;
overflow:hidden;
margin-left:5px;
}

.footcontentArea
{
text-align:center;
padding:0px;
color:#fff;
font-size:70%;
margin-top:5px;
}

.contentAreaHead
{
color:#fff;
font-size:75%;
margin-top:15px;
font-weight:bold;
padding-left:10px;
padding-right:10px;
}

.contentArea
{
text-align:left;
padding:10px;
color:#8c949e;
font-size:70%;
margin-top:0px;
overflow:hidden;
}
.contentAreaLeft
{
text-align:left;
padding-top:5px;
padding-left:5px;
color:#ffffff;
font-size:70%;
margin-top:0px;
overflow:hidden;
}

.navButton
{
float:left;
padding:5px;
margin-left:10px;
text-align:center;
}

.txt { min-width:100px; height:15px; color:#FFFFFF; font-size:70%; font-weight:bold; margin-left:25px;padding:0px;}
.txt a:link { min-width:100;text-decoration:none; height:15px;  display:block}
.txt a:active { text-decoration:none; min-width:100; height:15px; display:block}
.txt a:visited { text-decoration:none;  min-width:100; height:15px;display:block }
.txt a:hover { text-decoration:none;  min-width:100; height:15px; display:block}

.first { width:115px; height:104px; color:#FFFFFF; font-size:70%; font-weight:bold; margin-left:25px;}
.second { width:115px; height:104px; color:#FFFFFF; font-size:70%; font-weight:bold;}
.third { width:115px; height:104px; color:#FFFFFF; font-size:70%; font-weight:bold;}
.fourth { width:115px; height:104px; color:#FFFFFF; font-size:70%; font-weight:bold;}
.fifth { width:115px; height:104px; color:#FFFFFF; font-size:70%; font-weight:bold;}
.sixth { width:115px; height:104px; color:#FFFFFF; font-size:70%; font-weight:bold;}
.seventh { width:115px; height:104px; color:#FFFFFF; font-size:70%; font-weight:bold;}

.first a:link { text-decoration:none; background:url(../images/boton1.png) 30px 20px no-repeat; width:125px; height:104px;  display:block}
.first a:active { text-decoration:none; background:url(../images/boton1.png) 30px 20px no-repeat; width:125px; height:104px; display:block}
.first a:visited { text-decoration:none; background:url(../images/boton1.png) 30px 20px no-repeat; width:125px; height:104px;display:block }
.first a:hover { color:#285a89; text-decoration:none; background:url(../images/boton1.png) 30px 18px no-repeat;width:125px; height:104px; display:block;opacity:0.7}
/*.first a:hover { text-decoration:none; background:url(../images/boton7.png) 31px 20px no-repeat; width:125px; height:104px; display:block;opacity:0.5}*/

.second a:link { text-decoration:none; background:url(../images/boton2.png) 30px 20px no-repeat; width:125px; height:104px;  display:block}
.second a:active { text-decoration:none; background:url(../images/boton2.png) 30px 20px no-repeat; width:125px; height:104px; display:block}
.second a:visited { text-decoration:none; background:url(../images/boton2.png) 30px 20px no-repeat; width:125px; height:104px; display:block }
.second a:hover { color:#285a89; text-decoration:none; background:url(../images/boton2.png) 30px 18px no-repeat; width:125px; height:104px; display:block;opacity:0.7}
/*.second a:hover { text-decoration:none; background:url(../images/boton7.png) 0px 20px no-repeat; width:55px; height:104px; display:block}*/

.third a:link { text-decoration:none; background:url(../images/boton3.png) 30px 20px no-repeat; width:125px; height:104px;  display:block}
.third a:active { text-decoration:none; background:url(../images/boton3.png) 30px 20px no-repeat; width:125px; height:104px;  display:block}
.third a:visited { text-decoration:none; background:url(../images/boton3.png) 30px 20px no-repeat; width:125px; height:104px;  display:block}
.third a:hover {color:#285a89; text-decoration:none; background:url(../images/boton3.png) 30px 18px no-repeat; width:125px; height:104px; display:block;opacity:0.7}
/*.third a:hover { text-decoration:none; background:url(../images/boton7.png) 16px 20px no-repeat; width:90px; height:104px; display:block}*/

.fourth a:link { text-decoration:none; background:url(../images/boton4.png) 30px 20px  no-repeat; width:125px; height:104px;  display:block}
.fourth a:active { text-decoration:none; background:url(../images/boton4.png) 30px 20px  no-repeat;width:125px; height:104px;  display:block}
.fourth a:visited { text-decoration:none; background:url(../images/boton4.png) 30px 20px  no-repeat;width:125px; height:104px;  display:block}
.fourth a:hover {color:#285a89; text-decoration:none; background:url(../images/boton4.png) 30px 18px  no-repeat; width:125px; height:104px; display:block;opacity:0.7}
/*.fourth a:hover { text-decoration:none; background:url(../images/boton7.png) 0px 20px no-repeat; width:56px; height:104px; display:block}*/

.fifth a:link { text-decoration:none; background:url(../images/boton5.png) 30px 20px  no-repeat; width:125px; height:104px;  display:block}
.fifth a:active { text-decoration:none; background:url(../images/boton5.png) 30px 20px  no-repeat; width:125px; height:104px;  display:block}
.fifth a:visited { text-decoration:none; background:url(../images/boton5.png) 30px 20px  no-repeat; width:125px; height:104px;  display:block}
.fifth a:hover {color:#285a89; text-decoration:none; background:url(../images/boton5.png) 30px 18px  no-repeat; width:125px; height:104px; display:block;opacity:0.7}
/*.fifth a:hover { text-decoration:none; background:url(../images/boton7.png) 1px 20px no-repeat; width:56px; height:104px; display:block}*/

.sixth a:link { text-decoration:none; background:url(../images/boton6.png) 30px 20px  no-repeat; width:125px; height:104px;  display:block}
.sixth a:active { text-decoration:none; background:url(../images/boton6.png) 30px 20px  no-repeat; width:125px; height:104px;  display:block}
.sixth a:visited { text-decoration:none; background:url(../images/boton6.png) 30px 20px  no-repeat; width:125px; height:104px;  display:block}
.sixth a:hover {color:#285a89; text-decoration:none; background:url(../images/boton6.png) 30px 18px  no-repeat; width:125px; height:104px; display:block;opacity:0.7}
/*.sixth a:hover { text-decoration:none; background:url(../images/boton7.png) 16px 20px no-repeat; width:90px; height:104px; display:block}*/

.seventh a:link { text-decoration:none; background:url(../images/boton7.png) 30px 20px  no-repeat; width:125px; height:104px;  display:block}
.seventh a:active { text-decoration:none; background:url(../images/boton7.png) 30px 20px  no-repeat; width:125px; height:104px;  display:block}
.seventh a:visited { text-decoration:none; background:url(../images/boton7.png) 30px 20px  no-repeat; width:125px; height:104px;  display:block}
.seventh a:hover {color:#285a89; text-decoration:none; background:url(../images/boton7.png) 30px 18px  no-repeat; width:125px; height:104px; display:block;opacity:0.7}
/*.seventh a:hover { text-decoration:none; background:url(../images/boton1.png) 25px 20px no-repeat; width:100px; height:104px; display:block}*/


/* content bits style start */
.smallContentbit
{
padding:5px 5px 0px 5px;
* padding:5px 5px 0px 5px;
_padding:9px 5px 0px 5px;
margin-top:2px;
}

.smallContentbit div.image
{
float:left;

}

.smallContentbit div.image
{
padding:0px;
margin:0px;
border:3px solid #4b4e53;
}

.smallContentbit div.rightImage
{
float:right;
    padding:0px;
    margin:0px;
    border:3px solid #4b4e53;
}

   /*
.smallContentbit div.image
{
padding:0px;
margin:0px;
border:4px solid #4b4e53;
}*/

.smallContentbit div.text
{
float:left;
padding-left:5px;
font-size:60%;
color:#8c949e;
width:66px;
_width:70px;
}

.smallContentbit div.text .head
{
font-size:100%;
color:#FFFFFF;
font-weight:bold;
}

.smallContentbit a:link { text-decoration:none;}
.smallContentbit a:active { text-decoration:none;}
.smallContentbit a:visited { text-decoration:none;}
.smallContentbit a:hover { text-decoration:underline;}
/* content bits style end */

.clear {
    clear: both;
}


.smallContbitWide
{
width:150px;
margin-left:35px;
_margin-left:23px;
float:left;
}

.smallContbitWide div.image
{
border:4px solid #ddddde;
width:102px;
_width:100px;
}

.smallContbitWide div.text
{
font-size:70%;
color:#8c949e;
padding-top:5px;
}

.smallContbitWide div.text .head
{
font-size:100%;
color:#FFFFFF;
font-weight:bold;
}

.smallContbitWide a:link { text-decoration:none;}
.smallContbitWide a:active { text-decoration:none;}
.smallContbitWide a:visited { text-decoration:none;}
.smallContbitWide a:hover { text-decoration:underline;}

.rightIcon  {  float:left; margin-left:50px;  _margin-left:25px; margin-top:7px; width:40px; }
.rightLink  {  float:left; margin-top:10px; margin-left:5px;}
.rightLinkNoIcon  {  float:left; margin-left:50px;  _margin-left:25px; margin-top:10px; width:150px; }
.rightLinkNoIconCounter  {  font-size:12px;float:left; margin-left:50px;  _margin-left:25px; margin-top:5px; width:150px;color:#FFFFFF; }


.rightButtons a:link {font-weight:bold; text-decoration:none; font-size:90%;}
.rightButtons a:active {font-weight:bold; text-decoration:none; font-size:90%;}
.rightButtons a:visited {font-weight:bold; text-decoration:none; font-size:90%;}
.rightButtons a:hover {font-weight:bold; text-decoration:none; font-size:90%;}

.label
{
color:#242b35;
padding-left:50px;
line-height:25px;
_line-height:22px;
font-weight:bold;
}

.cntBitRight
{
/*border:2px solid #ff4e43; */
width:202px;
float:left;
padding-right:1px;
padding-left:3px;
padding-top:1px;
/*font-family:Arial, Helvetica, sans-serif;*/
}

.cntBitRight div.image
{

border:3px solid #4e5054;
width:33px;
float:left;
}

.cntBitRight div.text
{
/*border:1px solid #ff4e43;*/
/*font-family:Arial, Helvetica, sans-serif;*/
font-size:60%;
color:#FFFFFF;
float:left;
padding-left:5px;
padding-right:0px;
width:158px;
}

.cntBitRight a:link { text-decoration:none;}
.cntBitRight a:active { text-decoration:none;}
.cntBitRight a:visited { text-decoration:none;}
.cntBitRight a:hover { text-decoration:underline;}

.mas
{
float:right;
height:17px;
background-color:#242b35;
}

.clearBr
{
clear:both;
height:1px;
font-size:1px;
line-height:1px;
}

.line
{
border-bottom:1px dotted #fff;
margin-left:0px;/*was set to 10*/
margin-top:2px;
margin-bottom:2px;
}

.line2
{
border-bottom:1px dotted #fff;
}
.line3
{
border-bottom:1px dotted #fff;
padding-bottom:5px
}

.leftLink1 a:link {float:left; width:106px; height:20px; display:block; color:#FFFFFF; font-size:70%; font-weight:bold; line-height:20px; font-style:normal; text-decoration:none; padding-left:2px;padding-right:2px;}
.leftLink1 a:active {float:left; width:106px; height:20px; display:block; color:#FFFFFF; font-size:70%; font-weight:bold; line-height:20px; font-style:normal; text-decoration:none; padding-left:2px;padding-right:2px;}
.leftLink1 a:visited {float:left; width:106px; height:20px; display:block; color:#FFFFFF; font-size:70%; font-weight:bold; line-height:20px; font-style:normal; text-decoration:none; padding-left:2px;padding-right:2px;}
.leftLink1 a:hover {float:left; width:106px; height:20px; display:block; color:#FFFFFF; font-size:70%; font-weight:bold; line-height:20px; font-style:normal; text-decoration:none; padding-left:2px;padding-right:2px;background-color:#285a89;}

.leftLink2 a:link {float:left; width:106px; height:20px; display:block; color:#FFFFFF; font-size:70%; font-weight:bold; line-height:20px; font-style:normal; text-decoration:none; padding-left:2px;padding-right:2px;}
.leftLink2 a:active {float:left; width:106px; height:20px; display:block; color:#FFFFFF; font-size:70%; font-weight:bold; line-height:20px; font-style:normal; text-decoration:none; padding-left:2px;padding-right:2px;}
.leftLink2 a:visited {float:left; width:106px; height:20px; display:block; color:#FFFFFF; font-size:70%; font-weight:bold; line-height:20px; font-style:normal; text-decoration:none; padding-left:2px;padding-right:2px;}
.leftLink2 a:hover {float:left; width:106px; height:20px; display:block; color:#FFFFFF; font-size:70%; font-weight:bold; line-height:20px; font-style:normal; text-decoration:none; padding-left:2px;padding-right:2px;background-color:#285a89;}


/*
.leftLink2 a:link {float:left; width:106px; height:20px; display:block; color:#285a89; font-size:70%; font-weight:bold; line-height:20px; font-style:normal; text-decoration:none; padding-left:2px;padding-right:2px;}
.leftLink2 a:active {float:left; width:106px; height:20px; display:block; color:#285a89; font-size:70%; font-weight:bold; line-height:20px; font-style:normal; text-decoration:none; padding-left:2px;padding-right:2px;}
.leftLink2 a:visited {float:left; width:106px; height:20px; display:block; color:#285a89; font-size:70%; font-weight:bold; line-height:20px;font-style:normal; text-decoration:none; padding-left:2px;padding-right:2px;}
.leftLink2 a:hover {float:left; width:106px; height:20px; display:block; color:#285a89; font-size:70%;font-weight:bold; line-height:20px; font-style:normal; text-decoration:none; padding-left:2px;padding-right:2px; background-color:#fff;}
  */

.aldeaLinks a:link {
    float:left;
    min-width:25px;
    height:15px;
    display:block;
    color:#ffffff;
    font-size:70%;
    font-weight:normal;
    line-height:15px;
    font-style:normal;
    text-decoration:none;
    padding-left:3px;
    padding-right:3px;
}
.aldeaLinks a:active {
    float:left;
    min-width:25px;
    line-height:15px;
    display:block;
    color:#285a89;
    font-size:70%;
    font-weight:normal;
    line-height:15px;
    font-style:normal;
    text-decoration:none;
    padding-left:3px;
    padding-right:3px;
}
.aldeaLinks a:visited {
    float:left;
    min-width:25px;
    line-height:15px;
    display:block;
    color:#cee2e9;
    font-size:70%;
    font-weight:normal;
    line-height:15px;
    font-style:normal;
    text-decoration:none;
    padding-left:3px;
    padding-right:3px;
}
.aldeaLinks a:hover {
    float:left;
    min-width:25px;
    line-height:15px;
    display:block;
    color:#285a89;
    font-size:70%;
    font-weight:normal;
    line-height:15px;
    font-style:normal;
    text-decoration:none;
    padding-left:3px;
    padding-right:3px;
    background-color:#fff;
}


.height
{
height:10px;
}
/*Magnolia*/
h1
{
color:#fff;
font-size:150%;
margin-top:0px;
font-weight:bold;
padding-left:0px;
padding-right:10px;
}
h2
{
color:#fff;
font-size:125%;
margin-top:0px;
font-weight:bold;
padding-left:0px;
padding-right:10px;
}
h3
{
color:#fff;
font-size:100%;
margin-top:0px;
font-weight:bold;
padding-left:0px;
padding-right:10px;
}

/*For CITY OR EXMPANDABLE MID SECTION TEMPLATE*/
#middleSpaceExpandable
{
float:left;width:587px;_width:587px;
min-height:602px;/*border:2px solid #4b4e53;*/margin:0px auto;
}

.contentBlockExpandable
{
width:210px;float:left;
background:url(../images/content_back_shadow.png) left repeat-y;
_background-image:url(); /* IE6 fix - incapable to show 24bit png */margin-top:5px;
_margin-top:10px;min-height:602px;margin-left:-3px;
}


.contentBlockExpandable div.inner
{
margin-left:5px;margin-top:0px;
border:1px solid #cee2e9;
background-color:#242b35;
width:200px;min-height:602px;
}

.contentBlocksmallExpandable
{
width:161px; float:left;
background:url(../images/contentsmall_back_shadow.png) left repeat-y;
_background-image:url(); /* IE6 fix - incapable to show 24bit png */
margin-top:5px;_margin-top:10px;
margin-left:-3px;min-height:602px;
}

.contentBlocksmallExpandable div.inner
{
margin-left:5px;margin-top:0px;
border:1px solid #cee2e9;
background-color:#242b35;
width:161px;min-height:602px;
/*padding-bottom:10px;
* padding-bottom:15px;*/
}
.contentBlocksmallExpandable div.text
{
float:left;
padding:5px;
font-size:70%;
color:#8c949e;
width:161px;
_width:161px;
}
.contentBlocksmallExpandable div.text .head
{
font-size:100%;
color:#FFFFFF;
font-weight:bold;
}

.contentAreaHeadExpandable
{
color:#fff;font-size:75%;margin-top:15px;
font-weight:bold;padding-left:10px;padding-right:10px;
}

.contentAreaExpandable
{
text-align:left;padding:10px;color:#8c949e;
font-size:70%;margin-top:0px;
}
#leftSpaceExpandable
{
width:230px;float:left;
background:url(../images/content_back_shadow.png) left repeat-y;
_background-image:url(); /* IE6 fix - incapable to show 24bit png */
min-height:602px;margin-top:5px;_margin-top:10px;margin-left:-3px;
}

#leftSpaceExpandable div.inner
{
margin-left:5px;margin-top:0px;
border:1px solid #cee2e9;
width:220px;background:url(../images/left_back_blue.jpg) left top repeat-y;
min-height:602px;
}
#rightSpaceExpandable
{
float:left;
width:215px;
_width:210px;
/*background:url(../images/content_back_shadow.png) left repeat-y;*/
background:url(../images/right_area_blue2.png) left repeat-y;    
_background-image:url(); /* IE6 fix - incapable to show 24bit png */
margin-top:5px;
_margin-top:10px;
margin-left:-8px;
min-height:604px;
}
#rightSpaceExpandable div.inner
{
    width:206px;
    border:1px solid #cee2e9;
    margin-left:5px;
    margin-top:0px;
    min-height:602px;
}

/*For I IMAGE VIEWER TEMPLATE OR EXMPANDABLE MID SECTION TEMPLATE*/
#middleSpaceExpandablePanorama
{
float:left;width:590px;_width:590px;
min-height:602px;/*border:2px solid #4b4e53;*/margin:0px auto;
}
.contentBlockExpandablePanorama
{
width:590px;float:left;
background:url(../images/content_back_shadow.png) left repeat-y;
_background-image:url(); /* IE6 fix - incapable to show 24bit png */margin-top:5px;
_margin-top:10px;min-height:602px;margin-left:-3px;
                              /*border:2px solid #4b4e53;*/ 
}
.contentBlockExpandablePanorama div.inner
{
margin-left:5px;margin-top:0px;
border:1px solid #cee2e9;
background-color:#242b35;
width:590px;min-height:602px;
}
.contentAreaCenter
{
text-align:center;
padding:17px;
color:#8c949e;
font-size:60%;
margin-top:0px;
vertical-align:top;
    /*border:2px solid #ff4e43;  */
}
.image
{
float:none;
border:2px solid #cee2e9;
overflow:hidden;
}
#middleSpaceRightExpandablePanorama
{
float:left;width:415px;_width:590px;
min-height:602px;/*border:2px solid #4b4e53;*/margin:0px auto;padding-left:10px;
}
.contentBlockRightExpandablePanorama
{
width:415px;float:left;
background:url(../images/content_back_shadow.png) left repeat-y;
_background-image:url(); /* IE6 fix - incapable to show 24bit png */margin-top:5px;
_margin-top:10px;min-height:602px;margin-left:-3px;
}
.contentBlockRightExpandablePanorama div.inner
{
margin-left:5px;margin-top:0px;
border:1px solid #cee2e9;
background-color:#242b35;
width:415px;min-height:602px;
}
/*STYLES NEEDED FOR ONE COLUMN TEMPLATE*/
#middleSpaceExpandableOneCol
{
    float:left;
    min-height:602px;/*border:2px solid #4b4e53;*/
    margin:0px auto;
    padding-left:0px;/*float left should be 0 for all*/
}
.contentBlockExpandableOneCol
{
width:1022px;
float:left;
background:url(../images/content_back_shadow.png) left repeat-y;
_background-image:url(); /* IE6 fix - incapable to show 24bit png */margin-top:5px;
_margin-top:10px;min-height:602px;margin-left:-3px;
                              /*border:2px solid #4b4e53;*/
}
.contentBlockExpandableOneCol div.inner
{
margin-left:5px;margin-top:0px;
border:1px solid #cee2e9;
background-color:#242b35;
min-height:602px;
}

/* for cooliris*/

#middleSpaceExpandableOneColCoolI
{
    float:left;
    min-height:470px;/*border:2px solid #4b4e53;*/
    margin:0px auto;
    padding-left:0px;/*float left should be 0 for all*/
}
.contentBlockExpandableOneColCoolI
{
width:1022px;
float:left;
background:url(../images/content_back_shadow.png) left repeat-y;
_background-image:url(); /* IE6 fix - incapable to show 24bit png */margin-top:5px;
_margin-top:10px;min-height:470px;margin-left:-3px;
                              /*border:2px solid #4b4e53;*/
}
.contentBlockExpandableOneColCoolI div.inner
{
margin-left:5px;margin-top:0px;
border:1px solid #cee2e9;
background-color:#242b35;
min-height:470px;
}
/* for cooliris*/


/*Breadcrumb*/
#navSpaceBread
{
vertical-align:middle;
height:18px;
width:1005px;
margin-left:5px;
margin-top:123px;
color:#fff;
font-weight:bold;
font-size:75%;
/*    border:1px solid #4b4e53;
*/
}
/*marcos*/
#navSpaceBread .breadInnerLeft{
    margin-top:2px;
    /*border:1px solid #4b4e53;*/
    min-width:300px;
    float:left;
    font-size:70%;
}
#navSpaceBread .breadInnerLeftTop{
    margin-top:-15px;
    /*border:1px solid #4b4e53;*/
    min-width:300px;
    float:left;
    font-size:90%;
}
#navSpaceBread .breadInnerLeftUser{
    margin-top:5px;
    /*border:1px solid #4b4e53;*/
    min-width:300px;
    float:left;
    font-size:90%;
}
#navSpaceBread .breadInnerRight{
    /*border:1px solid #4b4e53;*/
    margin-top:-20px;
    width:128px;
    float:right;
    font-size:70%;
    text-align:right;
}
#navSpaceBread .breadInnerMiddle{
    /*border:1px solid #4b4e53;*/
    margin-top:2px;
    width:475px;
    float:right;
    font-size:70%;
    text-align:left;    
}
/*logout*/
#navSpaceBread .breadInnerLogout{
   /*border:1px solid #4b4e53;*/
    margin-top:2px;
    width:50px;
    float:right;
    font-size:70%;
    text-align:left;
}
/*for Page Numbering*/
.pageNumber {
	background-color: #8299a8;
    min-width:20px;
    height:14px;
    border: 1px solid #fff;
    display:block;
    text-decoration:none;
    float:left;
	}
.pageNumber a:hover {
    background-color: #285a89;
    padding-left:5px;
    padding-right:5px;
    display:block;
    text-decoration:none;
    }
.pageNumber a:visited {
    text-decoration:none;
    padding-left:5px;
    padding-right:5px;
    display:block;
    }
.pageNumber a:active {
    text-decoration:none;
    padding-left:5px;
    padding-right:5px;
    display:block;
    }
.pageNumber a:link {
    text-decoration:none;
    padding-left:5px;
    padding-right:5px;
    display:block;
    }
.pageNumber div.current{
    color: #285a89;
	background-color: #fff;
    padding-left:10px;
    min-width:15px;
    text-decoration:none;
    float:left;
}
/* tabs */
#tabsH {
    border-bottom:1px solid #cee2e9;
    float:left;
    width:100%;
    background:#242b35;
    font-size:93%;
    line-height:normal;
}
#tabsH ul {
    margin:0;
    padding:10px 10px 0 0px;
    list-style:none;
    float:left;
}
#tabsH li {
    float:left;
    display:inline;
    margin:0;
    padding:0;
}
#tabsH a {
    float:left;
    background:url("../images/tabmenu/tableftH.png") no-repeat left top;
    margin:0;
    padding:0 0 0 4px;
    text-decoration:none;
}
#tabsH a span {
    float:left;
    display:block;
    background:url("../images/tabmenu/tabrightH.png") no-repeat right top;
    padding:5px 15px 4px 6px;
    color:#FFF;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabsH a span {float:none;}
/* End IE5-Mac hack */
#tabsH a:hover span {
    color:#FFF;
}
#tabsH a:hover {
    background-position:0% -42px;
}
#tabsH a:hover span {
    background-position:100% -42px;
}
/* LINKS UL */
#button {
	width: 16em;
	border-right: 1px solid #cee2e9;
    border-left: 1px solid #cee2e9;
    border-top: 1px solid #cee2e9;
    border-bottom: 1px solid #cee2e9;
	padding: 0 0 1em 0;
	margin-bottom: 1em;
    margin-left: 0em;
	font-family: 'Trebuchet MS', 'Lucida Grande',
	  Verdana, Lucida, Geneva, Helvetica,
	  Arial, sans-serif;
	background-color: #285a89;
	color: #333;
    align:left;
	}

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

#button li {
    border-bottom: 1px solid #90bade;
    margin: 0;
    }
#button li a {
    display: block;
    padding: 5px 5px 5px 0.5em;
    border-left: 10px solid #285a89;
    border-right: 10px solid #508fc4;
    background-color: #007ab3;
    color: #fff;
    text-decoration: none;
    width: 100%;
    }

html>body #button li a {
    width: auto;
    }

#button li a:hover {
    border-left: 10px solid #285a89;
    border-right: 10px solid #5ba3e0;
    background-color: #2586d7;
    color: #fff;
    }
#favsStyle {
    border-bottom:2px solid #cee2e9;
    float:left;
    min-width:100%;
    display:block;
    color:#ffffff;
    font-weight:bold;
    line-height:32px;
    font-style:normal;
    text-decoration:none;
    padding-left:0px;
    padding-right:0px;
}
/*neeed for fav locs-USER PAGES*/
.favs a:link {
    float:left;
    min-width:25px;
    display:block;
    color:#ffffff;
    font-size:30px;
    font-weight:bold;
    line-height:50px;
    font-style:normal;
    text-decoration:none;
    padding-left:3px;
    padding-right:3px;
}
.favs a:active {
    float:left;
    min-width:25px;
    display:block;
    color:#285a89;
    font-size:30px;
    font-weight:bold;
    line-height:50px;
    font-style:normal;
    text-decoration:none;
    padding-left:3px;
    padding-right:3px;
}
.favs a:visited {
    float:left;
    min-width:25px;
    display:block;
    color:#cee2e9;
    font-size:30px;
    font-weight:bold;
    line-height:50px;
    font-style:normal;
    text-decoration:none;
    padding-left:3px;
    padding-right:3px;
}
.favs a:hover {
    float:left;
    min-width:25px;
    display:block;
    color:#fff;
    font-size:30px;
    font-weight:bold;
    line-height:50px;
    font-style:normal;
    text-decoration:none;
    padding-left:3px;
    padding-right:3px;
    background-color:#285a89;
}
.favs .text{
    float:left;
    min-width:25px;
    display:block;
    color:#fff;
    font-size:30px;
    font-weight:bold;
    line-height:50px;
    font-style:normal;
    text-decoration:none;
    padding-left:3px;
    padding-right:3px;
    background-color:#cee2e9;
}

.three-cols
{
 /*border:2px solid #ff4e43;*/ 
width: 100%;
/*float: left;*/
margin-top: 0px;
margin-right: 0pt;
margin-bottom: 0px;
margin-left: 0pt;
min-height: 75px;
}

.three-cols div.left
{
/* border:2px solid #ff4e43;*/
    width: 175px;
    float: left;
    margin-left:0px;
    background-color: transparent;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: center bottom;
}
.three-cols div.middle
{
 /*border:2px solid #ff4e43; */
    width: 385px;
    float: left;
    background-color: transparent;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: 0% 0%;
    margin-left: 10px;
}

#left
{
/* border:2px solid #ff4e43;*/
    width: 200px;
    min-height: 226px;
    float: left;
    margin-left: 10px;
    background-color: transparent;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: center bottom;
}
#left
{
    /*border:2px solid #ff4e43; */
    background-color: transparent;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: 0% 0%;
    margin-left: 0pt;
}

#middle
{
    /*border:2px solid #ff4e43;*/
    width: 385px;
    min-height: 226px;
    float: left;
}
#middle
{
    /*border:2px solid #ff4e43; */
    background-color: transparent;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: 0% 0%;
    float: left;
    margin-left: 27px;
}


#right
    {
    width: 345px;
    min-height: 336px;
    float: left; 
}
#right
{
    /*border:2px solid #ff4e43;*/
    margin-left: 27px;
    background-color: transparent;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: 0% 0%;
    float: left;      
}

input#newsletter-submit{
	background:url(../images/submit_bg_b.png) no-repeat;
	width:81px;
	height:29px;
	font-size:0;
	line-height:0;
	border:none;
	margin:25px 20px 0 0;
	float:right;
	cursor:pointer;
}

/* OTHERS*/
input#newsletter-submit:hover{
	background-position:bottom;
}

input#jdktth-jdktth{
	background:url(../images/input_back_b.gif) no-repeat;
	width:175px;
	height:22px;
	float:left;
	margin:25px 0 0 20px;
	border:none;
	color:#fff;
	font:normal 12px/12px Arial, Helvetica, sans-serif;
	padding:7px 0 0 7px;
}

input#jdktth-jdktth:focus, input#jdktth-jdktth:active{
	border:none;
	outline:none;
}

input#logout{
	background:url(../images/submit_logout_b.png) no-repeat;
	width:42px;
	height:15px;
	font-size:0;
	line-height:0;
	border:none;
	margin:0px 0px 0 0;
	float:right;
	cursor:pointer;
}
input#logout:hover{
	background-position:bottom;
}

input#micuenta{
	background:url(../images/mi_cuenta_b.png) no-repeat;
	width:58px;
	height:15px;
	font-size:0;
	line-height:0;
	border:none;
	margin:0px 10px 0 0;
	float:right;
	cursor:pointer;
}
input#micuenta:hover{
	background-position:bottom;
}
.imgIcon{
    border:1px solid #cee2e9;
    float:left;
    width:50px;
    height:50px;
    position:relative;
    overflow:hidden;
    float:left;
    padding-right:0px;
    padding-top:0px;
    background:url(../images/icons/defaultIcon.png) no-repeat;
}

/* LINKS UL MESSAGES */
#messages {
	width: 35em;
	border-right: 1px solid #cee2e9;
    border-left: 1px solid #cee2e9;
    border-top: 1px solid #cee2e9;
    border-bottom: 1px solid #cee2e9;
	padding: 0 0 1em 0;
	margin-bottom: 1em;
    margin-left: 0em;
	font-family: 'Trebuchet MS', 'Lucida Grande',
	  Verdana, Lucida, Geneva, Helvetica,
	  Arial, sans-serif;
	background-color: #285a89;
	color: #333;
    align:left;
	}
.readMessage {
    margin-top:10px;
    min-height:250px;
	width: 40em;
	border-right: 1px solid #cee2e9;
    border-left: 1px solid #cee2e9;
    border-top: 1px solid #cee2e9;
    border-bottom: 1px solid #cee2e9;
	padding: 10px 0 1em 10px;
	margin-bottom: 1em;
    margin-left: 0em;
	font-family: 'Trebuchet MS', 'Lucida Grande',
	  Verdana, Lucida, Geneva, Helvetica,
	  Arial, sans-serif;
	background-color: #ffffff;
	color: #285a89;
    align:left;
	}
.readMessage a{
    color: #285a89;
    text-decoration:none;
}

#messages ul {
    list-style-type: none;
    list-style-image: none;
    margin: 0;
    padding: 0;
    border: none;
    }
#messages li {
    border-bottom: 1px solid #90bade;
    margin: 0;
    }

#messages li a {
    display: block;
    padding: 5px 5px 5px 0.5em;
    border-left: 10px solid #285a89;
    border-right: 10px solid #508fc4;
    background-color: #007ab3;
    color: #fff;
    text-decoration: none;
    width: 100%;
    }

html>body #messages li a {
    width: auto;
    }

#messages li a:hover {
    border-left: 10px solid #285a89;
    border-right: 10px solid #5ba3e0;
    background-color: #2586d7;
    color: #fff;
    }
.tools{
    /*border:2px solid #ff4e43;*/
    margin-top:10px;
    float:left;
    float-bottom:bottom;
}
/*USED FOR DROP DOWN NAV - USER HOME   */
        /* ================================================================
        This copyright notice must be untouched at all times.

        The original version of this stylesheet and the associated (x)html
        is available at http://www.cssplay.co.uk/menus/dd_valid.html
        Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
        This stylesheet and the assocaited (x)html may be modified in any
        way to fit your requirements.
        =================================================================== */
        /* common styling */
        .menuBox {
            /*border:2px solid #ff4e43;*/
            margin-top:2px;
            width:100px;
            float:right;
            font-size:70%;
            text-align:left;
        }
        .menuBox2 {
            /*border:2px solid #ff4e43;*/
            margin-top:6px;
            width:150px;
            float:right;
            font-size:115%;
            text-align:left;
        }
        .menu {
            /*border:2px solid #ff4e43;  */
            font-family: arial,sans-serif;
            height:15px;
            width:100px;
            position:relative;
            font-size:11px;
            z-index:100;
            margin-top:0px;
        }
        .menu ul li a, .menu ul li a:visited {
            display:block;
            text-decoration:none;
            /*color:#000;*/
            width:100px;
            height:13px;
            text-align:center;
            /*color:#fff;*/
            border:1px solid #fff;
            background:#5ba3e0;
            line-height:13px;
            font-size:11px;
            overflow:hidden;
            
        }
        .menu ul {padding:0; margin:0; list-style: none;}
        .menu ul li {float:left; position:relative;}
        .menu ul li ul {display: none;}

        /* specific to non IE browsers */
        .menu ul li:hover a {
            color:#fff; 
            background:#36f;
        }
        .menu ul li:hover ul {display:block; position:absolute; top:14px; left:0; width:100px;}
        .menu ul li:hover ul li a.hide {background:#6a3; color:#fff;}
        .menu ul li:hover ul li:hover a.hide {
            background:#fff;
            /*color:#000;*/
        }
        .menu ul li:hover ul li ul {display: none;}
        .menu ul li:hover ul li a {
            display:block;
            background: #a8d1f5;
            color:#285a89;
            width:200px;
            text-align:left;
            padding-top:5px;
            padding-left:5px;
            height:18px;
        }
        .menu ul li:hover ul li a:hover {
            background:#fff;
        }
        .menu ul li:hover ul li:hover ul {display:block; position:absolute; left:100px; top:0;}
        .menu ul li:hover ul li:hover ul.left {left:-100px;}


/*USED FOR DROP DOWN NAV - USER HOME*/

/*  used or image credits */
.floatright
{
    float: right;
    min-width: 102px;
    margin: 5px;    
    padding: 5px;
    border-top: 1px solid;
    border-right: 2px solid;
    border-bottom: 2px solid;
    border-left: 1px solid;
}
div.floatright img {
    border: 1px solid;
}
.floatleft
{
    float: left;
    min-width: 102px;
    margin: 5px;
    /*background-color: #ddd;*/
    padding: 5px;
    border-top: 1px solid;
    border-right: 2px solid;
    border-bottom: 2px solid;
    border-left: 1px solid;
}
div.floatleft img {
    border: 1px solid;
}
.floatcenter
{
    min-width: 102px;
    margin-left: auto ;
    margin-right: auto ;
    padding: 5px;
    border-top: 1px solid;
    border-right: 2px solid;
    border-bottom: 2px solid;
    border-left: 1px solid;
}
div.floatcenter img {
    border: 1px solid;
}