body {
    margin: 0;
    padding: 0;
    height: 100%;
    text-align: center;
    min-width: 700px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px
    }
html {
    margin: 0;
    padding: 0;
    height: 100%;
    text-align: center;
    min-width: 700px
    }
h1, h2, h3 {
    font-family: Verdana, Geneva, sans-serif
    }
h4 {
    font-family: "Verdana"
    }
#bgcontain {
    width: 980px;
    margin: 0 auto;
    text-align: justify
    }
/* IE min height hack */
* html #container {
    height: 250px
    }
/*-----cambio x pietro---*/
#container {
    background: none repeat scroll 0 0 #FFF;
    clear: both;
    float: left;
    margin: 0;
    min-height: 250px;
    padding: 10px 10px 15px;
    width: 980px
    }
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.header h1.HeaderImage {
    padding: 0 0;
    margin: 0
    }
.header h1.HeaderText {
    font-size: 32px;
    letter-spacing: -2px;
    font-weight: normal;
    padding: 15px 0;
    margin: 0;
    font-family: Helvetica, Arial, sans-serif
    }
/*.header .search { position: absolute; top: 0px; right: 0px; width: 205px; padding: 0px 15px 5px 15px}*/
/*-----cambio x pietro---*/
.header .search {
    margin: 0 0 0 748px;
    padding: 0;
    position: absolute;
    top: 95px
    }
.header .search h2 {
    font-size: 14px;
    color: #fff;
    margin: 0;
    padding: 0 0 5px 0;
    font-weight: bold;
    letter-spacing: -1px
    }
.header .search form {
    padding: 0;
    margin: 0
    }
.header .search .input {
    font-size: 11px;
    padding: 6px 3px !important;
    margin: 0 !important;
    width: 164px !important
    }
.header .search .arrow {
    background: url(../Images/btn_search.gif) no-repeat scroll 0 0 transparent;
    height: 32px;
    width: 28px
    }
.searcharrow {
    margin: -22px 0 0 135px
    }
.searcharrow {
    padding: 0;
    top: 0;
    background: none
    }
.header .search p {
    padding: 3px 0;
    margin: 0;
    font-size: 10px
    }
/* Top Menu (Site Menu - SiteMenuPanel.html) 

++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.TopMenu {
    position: absolute;
    top: -23px;
    left: 0
    }
.TopMenu ul {
    padding: 0;
    margin: 0
    }
.TopMenu li {
    padding: 0 5px;
    margin: 0;
    list-style-type: none;
    display: inline;
    font-size: 10px
    }
.TopMenu li a {
    text-decoration: underline
    }
.TopMenu li a:visited {
    text-decoration: underline
    }
.TopMenu li a:hover {
    text-decoration: none;
    text-decoration: underline
    }
/* DropDown Menu ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.menu {
    position: absolute;
    top: 80px;
    left: 0
    }
.menu a {
    padding: 8px
    }
/* remove all list stylings */
.menu, .menu ul {
    margin: 0;
    padding: 0;
    border: 0;
    list-style-type: none;
    display: block
    }
.menu li {
    margin: 0;
    padding: 0;
    border: 0;
    display: block;
    float: left;
    /* move all main list items into one row, by floating them */
    position: relative;
    /* position each LI, thus creating potential IE.win overlap problem */
    z-index: 5;
    /* thus we need to apply explicit z-index here... */
    font-size: 10px
    }
.menu li:hover {
    z-index: 10000;
    /* ...and here. this makes sure active item is always above anything else in the menu */
    white-space: normal;
    /* required to resolve IE7 :hover bug (z-index above is ignored if this is not present)
    
    							see http://www.tanfa.co.uk/css/articles/pure-css-popups-bug.asp for other stuff that work */
    }
.menu li li {
    float: none;
    /* items of the nested menus are kept on separate lines */
    letter-spacing: 0
    }
.menu ul {
    visibility: hidden;
    /* initially hide all submenus. */
    position: absolute;
    z-index: 10;
    left: 0;
    /* while hidden, always keep them at the top left corner, */
    top: 0;
    /* 		to avoid scrollbars as much as possible */
    }
.menu li:hover > ul {
    visibility: visible;
    /* display submenu them on hover */
    top: 100%;
    /* 1st level go below their parent item */
    }
.menu li li:hover > ul {
    /* 2nd+ levels go on the right side of the parent item */
    top: 0;
    left: 100%
    }
/* -- float.clear --

	force containment of floated LIs inside of UL */
.menu:after, .menu ul:after {
    content: ".";
    height: 0;
    display: block;
    visibility: hidden;
    overflow: hidden;
    clear: both
    }
.menu, .menu ul {
    /* IE7 float clear: */
    min-height: 0
    }
/* -- float.clear.END --  */
/* -- sticky.submenu --

	it should not disappear when your mouse moves a bit outside the submenu

	YOU SHOULD NOT STYLE the background of the ".menu UL" or this feature may not work properly!

	if you do it, make sure you 110% know what you do */
.menu ul {
    background-image: url(empty.gif);
    /* required for sticky to work in IE6 and IE7 - due to their (different) hover bugs */
    padding: 11px 30px 30px 30px;
    margin: -10px 0 0 -30px;
    /*background: #f00;*/
    /* uncomment this if you want to see the "safe" area.
    
    								you can also use to adjust the safe area to your requirement */
    }
.menu ul ul {
    padding: 30px 30px 30px 10px;
    margin: -30px 0 0 -10px
    }
/* -- sticky.submenu.END -- */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.content {
    float: left;
    padding: 0;
    width: 100%
    }
.articleInter {
    width: 960px
    }
.categorieInter {
    width: 650px
    }
#SubmitCommentForm {
    width: 630px
    }
/* BreadCrumb */
.content .BreadCrumb {
    font-size: 9px;
    margin: 0 0 10px 0;
    color: #666;
    display: none
    }
.content .BreadCrumb ul {
    list-style-type: none;
    margin: 0;
    padding: 0
    }
.content .BreadCrumb li {
    margin: 0 4px 0 0;
    padding: 0;
    text-decoration: none;
    display: inline
    }
.content .BreadCrumb li a {
    margin: 0;
    padding: 0;
    text-decoration: underline
    }
.content h1 {
    border-bottom: 1px solid #D5D5D5;
    font-size: 15px;
    font-weight: normal;
    letter-spacing: -1px;
    margin: 0 0 15px;
    padding: 0 0 7px;
    text-transform: uppercase
    }
.content h2 {
    font-size: 14px;
    letter-spacing: -1px;
    padding: 5px 0;
    margin: 0 0 5px 0
    }
.content h3 {
    font-size: 14px;
    letter-spacing: -1px;
    padding: 5px 0;
    margin: 0 0 5px 0
    }
/* article */
.content .PostItem {
    display: block;
    clear: both
    }
.Intro {
    margin-bottom: 20px
    }
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.Articles {
    margin: 0
    }
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.Featured {
    margin: 0 0;
    clear: left;
    padding: 5px;
    background-color: #FFF
    }
.Featured h1 {
    padding-left: 25px;
    background: url(../Images/FeaturedIcoHeading.png) no-repeat left center;
    margin-bottom: 10px
    }
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.RecentArticles {
    margin: 20px 0
    }
.RecentArticles h1 {
    padding-left: 25px;
    background: url(../Images/SummaryIcoHeading.png) no-repeat left center;
    margin-bottom: 10px
    }
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* IE min height hack */
* html .Authors {
    height: 150px
    }
.Authors {
    min-height: 150px
    }
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.News h1 {
    padding-left: 25px;
    background: url(../Images/NewsIcoHeading.png) no-repeat left center;
    margin-bottom: 10px
    }
.News h2 {
    font-size: 11px;
    letter-spacing: -1px;
    padding: 0;
    margin: 0;
    font-family: Verdana, Arial, Helvetica, sans-serif
    }
.News .Post {
    padding: 3px 0;
    border-bottom: solid 1px #e0e0e0
    }
.News .Post .PostInfo {
    padding: 0;
    margin: 0;
    font-size: 9px;
    color: #ad9f98
    }
.News .Post .PostContent {
    font-size: 11px;
    color: #333;
    line-height: 15px
    }
.News .Post .PostContent p {
    padding: 4px 0;
    margin: 4px 0;
    font-size: 11px
    }
.News .Post .readmore {
    background: url(../Images/icon_FullStory.png) no-repeat left center;
    padding-left: 17px
    }
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
#RecentBlogsPanel {
    float: right;
    width: 220px
    }
/* Recent Blogs */
.RecentBlogs {
    background: #fff;
    font-size: 11px;
    padding: 0 0 0 20px;
    float: right;
    width: 220px
    }
.RecentBlogs h1 {
    padding-left: 25px;
    background: url(../Images/RecentBlogIcoHeading.png) no-repeat left center;
    margin-bottom: 10px
    }
.RecentBlogs ul {
    padding: 0;
    margin: 10px 0
    }
.RecentBlogs li {
    padding: 5px 0;
    margin: 0;
    list-style-type: none;
    font-size: 9px;
    border-bottom: solid 1px #e0e0e0
    }
.RecentBlogs big {
    font-size: 11px;
    display: block;
    font-weight: bold;
    letter-spacing: -1px
    }
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* Post */
.Post {
    padding: 0;
    margin: 0
    }
.Article {
    padding: 5px 0;
    margin: 0 0 15px
    }
#newsHome .Article, #LayoutColumn2 .Article {
    border-bottom: 1px solid #d5d5d5;
    padding: 5px 0;
    margin: 0
    }
#LayoutColumn2 .Article {
    padding: 10px 0;
    margin: 0
    }
/* Post Author left side from the article */
.Post .PostAuthorDetails {
    float: right;
    padding: 10px;
    margin: 0 0 10px 20px;
    width: 200px;
    font-size: 11px;
    border-bottom: #fff 10px solid;
    border-left: #fff 10px solid;
    display: none
    }
.Post .PostAuthorDetails h2 {
    text-transform: uppercase;
    font-size: 14px;
    font-weight: bold;
    letter-spacing: normal;
    padding: 0 0 5px 0;
    margin: 0
    }
.Post .PostAuthorDetails p {
    font-size: 10px;
    padding: 3px 0;
    margin: 0;
    color: #333
    }
.Post .PostAuthorDetails img {
    margin: 0 10px 0 0;
    padding: 1px;
    border: solid 1px #ccc;
    float: left
    }
/* Post Head */
.Post .PostHead h1 {
    padding: 9px 0;
    margin: 0 0 15px
    }
.Post .PostHead h2 {
    padding: 5px 0;
    margin: 0
    }
.Post .PostHead h2 a {
    padding: 2px 0;
    margin: 0;
    color: #1b87d1
    }
/* Post Info/Details */
.Post .PostInfo {
    padding: 5px;
    margin: 0 0 10px 0;
    font-size: 10px;
    background: #f6f6f6;
    color: #7e8996
    }
.Post .PostInfo li {
    padding: 0;
    margin: 0;
    display: inline;
    list-style-type: none;
    display: none
    }
.Post .PostInfo a {
    color: #7e8996;
    text-decoration: underline;
    font-weight: bold;
    display: none
    }
.Post .PostInfo .Author {
    border-right: solid 1px #7e8996;
    padding: 0 5px 0 0;
    display: none
    }
.Post .PostInfo .Time {
    border-right: solid 1px #7e8996;
    padding: 0 5px 0 5px;
    display: block
    }
.Post .PostInfo .Categ {
    border-right: solid 1px #7e8996;
    padding: 0 5px 0 5px;
    display: none
    }
.Post .PostInfo .Rating {
    padding: 0 0 0 5px;
    display: none
    }
/* Post Content */
.Post .PostContent {
    margin: 0;
    padding: 0 0 5px;
    font-size: 13px;
    line-height: 18px;
    text-align: justify;
    line-height: 18px
    }
#newsHome .Post .PostContent {
    margin: 0;
    padding: 0 0 5px;
    font-size: 11px;
    line-height: 15px;
    text-align: justify
    }
#LayoutColumn2 .Post .PostContent {
    margin: 0;
    padding: 0 0 5px;
    font-size: 11px;
    line-height: 15px;
    text-align: justify
    }
.Post .PostContent img {
    margin: 0 0 10px;
    padding: 8px;
    border: solid 1px #ccc
    }
.Post .PostContent img[align=left] {
    margin: 0 10px 10px 0
    }
.Post .PostContent img[align=right] {
    margin: 0 0 10px 10px
    }
#newsHome .Post .PostContent img, #LayoutColumn2 .Post .PostContent img, .Categories .Article .Post .PostContent img {
    display: none
    }
.Post .PostContent p {
    font-size: 13px
    }
/* Post Content -Single Page */
.Post .PostContentSingle {
    margin: 0;
    padding: 10px 0;
    font-size: 13px;
    line-height: 18px
    }
.Post .PostContentSingle img {
    margin: 0 0 10px;
    padding: 8px;
    border: solid 1px #ccc
    }
.Post .PostContentSingle img[align=left] {
    margin: 0 10px 10px 0
    }
.Post .PostContentSingle img[align=right] {
    margin: 0 0 10px 10px
    }
.Post .PostContentSingle h1 {
    padding: 10px 0;
    margin: 0 0 5px 0
    }
.Post .PostContentSingle p {
    font-size: 13px
    }
/* Post Bottom - Printer Version +  Full story + Visit Site */
.Post .PostBottom {
    padding: 0;
    margin: 0
    }
.Post .PostBottom li {
    padding: 0;
    margin: 0;
    list-style-type: none;
    display: inline;
    font-size: 10px
    }
.Post .PostBottom li a {
    background: url(../Images/ico_full_history.gif) no-repeat scroll left 1px transparent;
    color: #525252;
    display: block;
    font-size: 13px;
    padding: 0 0 2px 19px;
    text-decoration: none;
    margin: 5px 0 0
    }
#LayoutColumn2 .Post .PostBottom li a {
    background: none repeat scroll 0 0 transparent;
    color: #06C;
    display: block;
    font-size: 10px;
    font-weight: bold;
    padding: 0 9px 0 0;
    text-decoration: none;
    width: 80px
    }
#LayoutColumn2 .Post .PostBottom li a:hover {
    text-decoration: underline
    }
#newsHome .Post .PostBottom li a {
    background: url(../Images/arrow_link.gif) no-repeat scroll right 4px transparent;
    color: #00869E;
    display: block;
    font-weight: bold;
    padding: 0 9px 0 0;
    text-decoration: none;
    font-size: 10px;
    width: 80px
    }
#newsHome .Post .PostBottom li a:hover {
    text-decoration: underline
    }
.Post .PostBottom li a:hover {
    text-decoration: underline
    }
.Post .PostBottom .VisitSite {
    background: url(../Images/icon_VisitSite.png) no-repeat left center;
    padding-left: 17px
    }
.Post .PostBottom .PrinterVersion {
    background: url(../Images/icon_PrinterVersion.png) no-repeat left center;
    padding-left: 17px
    }
.Post .PostBottom .EditArticle {
    background: url(../Images/icon_EditArticle.png) no-repeat left center;
    padding-left: 17px
    }
/* Article More Related Info */
.Post .PostMore {
    padding: 0;
    margin: 5px 0 5px 0
    }
.Post .PostMore h1 {
    font-size: 23px;
    padding: 5px 0;
    margin: 0
    }
/* Article Comments */
#icoSay {
    position: absolute;
    margin: 0 0 0 -57px
    }
.Post .PostMore .Comment, .Post .PostMore .CommentAlt {
    margin: 5px 0;
    min-height: 93px;
    padding: 5px 10px 10px
    }
.Post .PostMore .Comment .Title, .Post .PostMore .CommentAlt .Title {
    font-size: 12px;
    padding: 4px 3px;
    padding-left: 5px;
    margin: 0
    }
.Post .PostMore .Comment .Details, .Post .PostMore .CommentAlt .Details {
    font-size: 9px;
    padding: 0 3px;
    padding-left: 5px;
    margin: 0;
    color: #7E8996
    }
.Post .PostMore .Comment .Reply, .Post .PostMore .CommentAlt .Reply {
    float: right;
    font-size: 9px;
    padding-top: 4px;
    color: #7E8996;
    clear: both;
    display: none
    }
.Post .PostMore .Comment .Content, .Post .PostMore .CommentAlt .Content {
    font-size: 11px;
    padding: 10px 0 0 5px;
    margin: 0
    }
/* Article Submit Comments */
.PostSubmitComments {
    font-size: 10px
    }
/* Article Navigation */
/* IE min height hack */
* html .ArtNav {
    height: 15px
    }
.ArtNav {
    font-size: 11px;
    line-height: 13px;
    background: #f5f5f5;
    padding: 6px;
    min-height: 15px
    }
.ArtNav strong {
    letter-spacing: -1px
    }
.ArtNavLeft {
    float: left
    }
.ArtNavRight {
    float: right
    }
/* Paging */
.Paging {
    text-align: right;
    padding: 6px;
    margin: 5px 0;
    font-size: 10px;
    line-height: 15px
    }
.Paging strong {
    letter-spacing: -1px
    }
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* Category Top ( Only on the Category page)  */
.Category {
    padding: 0;
    margin: 0 0 15px 0;
    overflow: hidden
    }
.Category h1 {
    font-size: 15px
    }
.Category .Desc {
    font-size: 13px;
    clear: both;
    float: left;
    margin: 0;
    line-height: 18px
    }
.Category .rss {
    position: absolute;
    right: 0;
    top: 15px
    }
.Category .SubCategory ul {
    padding: 15px 0 5px 0;
    margin: 0
    }
.Category .SubCategory li {
    padding: 2px 0 2px 15px;
    margin: 0;
    font-size: 11px;
    list-style-type: none
    }
.Category .SubCategory ul {
    width: 38em
    }
.Category .SubCategory ul li {
    float: left;
    width: 15em;
    /* accommodate the widest item */
    }
/* stop the floating after the list */
.Category .SubCategory br {
    clear: left
    }
/* separate the list from what follows it */
.Category .SubCategory {
    clear: both;
    margin-bottom: 1em;
    display: none
    }
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* Authors A-Z - ( Only on the Author page) */
.AZ {
    padding: 0;
    margin: 15px 0;
    position: relative;
    font-size: 10px;
    font-weight: bold
    }
.AZ ul {
    padding: 5px 0;
    margin: 0
    }
.AZ li {
    padding: 0 1px;
    margin: 0;
    list-style-type: none;
    display: inline
    }
.AZ a {
    padding: 0 3px;
    margin-right: 1px
    }
.AZ a:visited {
    padding: 1px 3px
    }
.AZ a:hover {
    padding: 1px 3px
    }
.ListAuthors ul {
    margin: 0;
    padding: 0 0 0 20px
    }
.ListAuthors li {
    line-height: 16px
    }
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* PageForms */
.PageForms tr td {
    padding: 10px
    }
.PageForms tr td table tr td {
    padding: 3px;
    font-size: 11px
    }
.PageForms tr td table tr td table tr td {
    padding: 0;
    font-size: 11px
    }
.PageForms {
    font-size: 10px;
    width: 630px
    }
#grisBg {
    background: #f4f4f4
    }
.PageForms tr td {
    padding: 10px
    }
.PageForms th {
    border-bottom: 1px solid #DDD;
    font-family: verdana;
    font-size: 13px;
    font-weight: normal;
    padding: 10px 2px 10px 10px;
    text-align: left
    }
.PageForms tr td table tr td {
    padding: 3px;
    font-size: 11px
    }
.PageForms tr td table tr td table tr td {
    padding: 0;
    font-size: 11px
    }
.PageForms td table td input {
    padding: 3px
    }
.PageForms td table td input.keyfield {
    border: solid 1px #ccc;
    padding: 3px
    }
.PageForms td table td textarea {
    border: solid 1px #ccc;
    padding: 5px
    }
.PageForms td table td select {
    border: inset 1px #ccc;
    padding: 2px
    }
.PageForms .Button {
    border: 0 none;
    cursor: pointer;
    font-size: 12px;
    font-weight: bold;
    padding: 0 5px 0;
    width: 104px;
    height: 29px
    }
.PageForms .Required {
    color: #F00
    }
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* Message */
.Message {
    color: #ff4e00;
    background: url(../Images/warning.gif) #FFC no-repeat 5px center;
    font-size: 11px;
    padding: 5px 5px 5px 25px;
    line-height: 16px;
    border: 1px solid #FC6;
    margin-left: 5px
    }
.ErrorMessage {
    color: #f00;
    background: url(../Images/exclamation.png) no-repeat left center;
    font-size: 11px;
    padding-left: 20px;
    line-height: 16px
    }
.SuccessMessage {
    color: #66ad00;
    background: url(../Images/success.png) no-repeat left center;
    font-size: 11px;
    padding-left: 20px;
    line-height: 16px
    }
/* tabs styles */
#tabnav {
    height: 26px;
    margin: 0 0 10px 0;
    padding-left: 6px;
    background: url(../Images/tab_bottom.gif) repeat-x bottom
    }
#tabnav li {
    margin: 0;
    padding: 0;
    display: inline;
    list-style-type: none
    }
#tabnav .navlinks {
    margin: 0;
    padding: 0;
    display: inline;
    list-style-type: none;
    float: right
    }
.tablink {
    float: left
    }
#tabnav .tablink a:link, #tabnav .tablink a:visited {
    float: left;
    font-size: 10px;
    line-height: 14px;
    font-weight: bold;
    padding: 5px 10px 5px 10px;
    margin: 0 4px 0 0;
    text-decoration: none
    }
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.ViewAll {
    background: url(../Images/ico_view_all.png) no-repeat left center;
    padding-left: 13px;
    font-size: 10px;
    font-weight: bold;
    color: #33b0ee
    }
.ViewAll a {
    color: #33b0ee
    }
.ViewAll a:visited {
    color: #33b0ee
    }
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.right {
    background: none repeat scroll 0 0 #EDEDED;
    float: right;
    margin: 47px 0 0;
    padding: 10px 15px;
    width: 290px
    }
.right ul {
    padding: 10px;
    margin: 10px;
    list-style-image: url(../Images/ArrowLeft.png)
    }
.right li {
    padding: 0;
    margin: 0;
    list-style-type: none
    }
.right h2 {
    padding: 0 0 10px 0;
    font-size: 14px;
    line-height: 18px;
    margin: 0;
    letter-spacing: -1px
    }
.right li a {
    font-size: 11px
    }
.right .Categories {
    margin-bottom: 15px
    }
.right .Categories h2 {
    background: url(../Images/IcoCategories.png) no-repeat left top;
    padding-left: 20px;
    margin-bottom: 10px
    }
.right .Categories ul {
    padding: 0;
    margin: 0;
    padding-top: 0;
    border-top: solid 1px #dfe6ec;
    padding-bottom: 0;
    list-style-image: none
    }
.right .Categories li a {
    font-size: 12px;
    padding-left: 15px;
    display: block;
    border-bottom: solid 1px #dfe6ec;
    background: url(../Images/ArrowLeft.png) no-repeat left top;
    padding-top: 3px;
    padding-bottom: 3px
    }
.right .ArticleOptions {
    margin-bottom: 15px
    }
.right .ArticleOptions h2 {
    background: url(../Images/IcoArticleOptions.png) no-repeat left top;
    padding-left: 20px
    }
.right .ArticleOptions .EmailToFried {
    background: url(../Images/ArticleOptionsEmail.png) no-repeat left center;
    padding-left: 15px
    }
.right .ArticleOptions .PrintArticle {
    background: url(../Images/ArticleOptionsPrint.png) no-repeat left center;
    padding-left: 15px
    }
.right .ArticleOptions .RemoveFavorites {
    background: url(../Images/ArticleOptionsFavorites.png) no-repeat left center;
    padding-left: 15px
    }
.right .ArticleOptions .AddToFavorites {
    background: url(../Images/ArticleOptionsFavorites.png) no-repeat left center;
    padding-left: 15px
    }
.right .ArticleOptions .ArticlesToRead {
    background: url(../Images/ArticleOptionsRead.png) no-repeat left center;
    padding-left: 15px
    }
.right .ArticleOptions .RemoveRead {
    background: url(../Images/ArticleOptionsRead.png) no-repeat left center;
    padding-left: 15px
    }
.right .PopularArticles {
    margin-bottom: 15px
    }
.right .PopularArticles h2 {
    background: url(../Images/IcoPopularArticles.png) no-repeat left top;
    padding-left: 20px
    }
.right .FavoriteArticles {
    margin-bottom: 15px
    }
.right .FavoriteArticles h2 {
    background: url(../Images/IcoFavoriteArticles.png) no-repeat left top;
    padding-left: 20px
    }
.right .ArticlesToRead {
    margin-bottom: 15px
    }
.right .ArticlesToRead h2 {
    background: url(../Images/IcoArticlesToRead.png) no-repeat left top;
    padding-left: 20px
    }
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.EmailToFriend {
    background: #fff;
    margin: 30px
    }
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.footer {
    background: none repeat scroll 0 0 #F8F8F8;
    border-top: 1px solid #D5D5D5;
    clear: both;
    color: #61614E;
    margin: 0 auto;
    padding: 10px 10px 20px;
    width: 960px;
    overflow: hidden
    }
.footer p {
    padding: 0 0 1px;
    margin: 0;
    color: #999
    }
.footer .texLeftFooter {
    float: left;
    font-size: 11px;
    width: 510px
    }
.footer .texLeftFooter p {
    padding: 0 0 4px
    }
.footer .texRightFooter {
    float: right;
    font-size: 10px !important;
    width: 450px;
    text-align: right
    }
/* Spread the Word */
.SpreadTheWord ul {
    padding: 0;
    margin: 0
    }
.SpreadTheWord li {
    padding: 0 2px;
    margin: 0;
    list-style-type: none;
    display: inline;
    font-size: 11px;
    line-height: 16px
    }
/* Paging */
.Paging {
    text-align: left;
    padding: 0;
    margin: 5px 0;
    font-size: 10px;
    line-height: 15px
    }
.Paging strong {
    letter-spacing: -1px
    }
.Paging a {
    display: inline;
    padding: 2px 5px
    }
.Paging a:hover {
    text-decoration: none
    }
.PagingDisabled {
    display: inline;
    padding: 2px 5px
    }
.PagingCurrentPageNumber {
    display: inline;
    font-weight: bold;
    padding: 2px 5px
    }
.msgWarning {
    background-image: url(../Images/warning.gif);
    background-repeat: no-repeat;
    background-position: 6px 7px;
    font: normal 11px/18px Tahoma;
    padding: 5px;
    margin-bottom: 15px;
    padding-left: 25px;
    border: dotted 1px #C0C0C0;
    background-color: lightyellow;
    color: #333;
    text-decoration: none;
    display: "";
    z-index: 1000;
    width: 220px
    }
.ArticleExtraContent {
    font-size: 11px
    }
.ArticleExtra ol, .ArticleExtra ol li {
    font-size: 11px
    }
.ArticleExtra ul, .ArticleExtra ul li {
    font-size: 11px
    }
.ArticleExtra ul {
    padding-top: 0;
    padding-bottom: 0;
    margin: 0;
    list-style-type: none;
    padding-left: 20px
    }
.ArticleExtra ul li a {
    font-size: 11px;
    display: block;
    padding-left: 20px;
    background: url(../Images/ArrowLeft.png) no-repeat left top
    }
.FloatNone {
    float: none
    }
.FloatRight {
    float: right
    }
.FloatLeft {
    float: left
    }
/* Summary Article Attachment */
.AttachmentList {
    padding: 6px
    }
.AttachmentList ul {
    padding-top: 0;
    padding-bottom: 0;
    margin: 0;
    list-style-type: none;
    padding-left: 20px
    }
.AttachmentList ul li {
    padding: 3px
    }
.AttachmentList ul li a {
    font-size: 10px;
    display: block;
    padding-left: 20px
    }
.AttachmentHeading {
    font-size: 11px;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif
    }
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.right .Newsletter {
    margin-bottom: 15px;
    font-size: 11px
    }
.right .Newsletter h2 {
    background: url(../Images/IcoNewsletter.png) no-repeat left top;
    padding-left: 20px;
    margin-bottom: 10px
    }
/* Teaser Image Styles */
.FeatureImageSpan {
    font-size: 9px;
    margin: 5px
    }
.FeatureImageCaption {
    padding-left: 3px;
    padding-right: 3px
    }
/*----------------Ale---------------*/
.logo a {
    background: url(../Images/logo_the_earth_charter_initiative.gif) no-repeat top left;
    width: 144px;
    height: 87px;
    display: block;
    cursor: pointer;
    float: left
    }
.boxLanguage {
    width: 146px;
    height: 18px;
    float: right;
    margin: 23px 14px 0 0
    }
.header h1.HeaderImage {
    padding: 0 0;
    margin: 0
    }
.header h1.HeaderText {
    font-size: 32px;
    letter-spacing: -2px;
    font-weight: normal;
    padding: 15px 0;
    margin: 0;
    font-family: Helvetica, Arial, sans-serif
    }
.header {
    width: 980px;
    height: 131px
    }
#search_social {
    color: #19518c;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 11px;
    float: left;
    width: 354px;
    margin: 5px 0 0 5px
    }
#search_social a {
    color: #19518c;
    margin: 5px 0 0 0
    }
a.facebook {
    background: url(../Images/btn_facebook.jpg) top left no-repeat;
    text-indent: -99999em;
    width: 25px;
    height: 25px;
    display: inline-block;
    margin: 0 0 0 26px !important
    }
a[title~=Twitter] {
    background: url(../Images/btn_twitter.jpg) top left no-repeat;
    text-indent: -99999em;
    width: 25px;
    height: 25px;
    display: inline-block;
    margin: 0 0 0 4px
    }
a[title~=Youtube] {
    background: url(../Images/btn_youtube.jpg) top left no-repeat;
    text-indent: -99999em;
    width: 25px;
    height: 25px;
    display: inline-block;
    margin: 0 0 0 4px
    }
a[title~=LinkedIn] {
    background: url(../Images/btn_linkedin.jpg) top left no-repeat;
    text-indent: -99999em;
    width: 25px;
    height: 25px;
    display: inline-block;
    margin: 0 0 0 4px
    }
a.facebook:hover {
    background: url(../Images/btn_facebook.jpg) bottom left no-repeat
    }
a[title~=Twitter]:hover {
    background: url(../Images/btn_twitter.jpg) bottom left no-repeat
    }
a[title~=Youtube]:hover {
    background: url(../Images/btn_youtube.jpg) bottom left no-repeat
    }
a[title~=LinkedIn]:hover {
    background: url(../Images/btn_linkedin.jpg) bottom left no-repeat
    }
.headerImag {
    background: url(/Images/header/rotarImg.php) no-repeat center;
    width: 100%;
    height: 353px;
    position: absolute;
    top: 76px
    }
h1.titulo {
    background: url(../Images/slogan_header.gif) no-repeat scroll 0 0 transparent;
    float: left;
    height: 87px;
    margin: 0 0 0 47px;
    text-indent: -999999px;
    width: 430px
    }
.flashHeader {
    width: 565px;
    height: 357px;
    margin-top: 12px;
    float: left
    }
* html .searcharrow {
    margin: -23px 0 0 135px
    }
/* */
.searcharrow {
    margin: -29px 0 0 176px
    }
.searcharrow {
    padding: 0;
    top: 0;
    background: none
    }
.header .search p {
    padding: 3px 0;
    margin: 0;
    font-size: 10px
    }
#menuTop {
    clear: both;
    margin: 0 0 0 10px
    }
#contentHome {
    width: 960px;
    overflow: hidden;
    margin: 0 0 10px
    }
#contentHome .infoLeft {
    float: left;
    width: 470px
    }
#contentHome .infoLeft #welcome {
    border: 1px solid #d6d6d6;
    padding: 6px;
    color: #525252;
    font-size: 13px;
    margin: 0 0 10px;
    line-height: 20px
    }
#contentHome .infoLeft #welcome span {
    color: #1b87d1;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 16px
    }
#contentHome .infoLeft #videoHome {
    border: 1px solid #d6d6d6;
    padding: 6px;
    overflow: hidden;
    margin-bottom: 10px
    }
#contentHome .infoRight {
    float: right;
    width: 470px;
    background: url(../Images/bgBanner.jpg) no-repeat top center
    }
#contentHome .infoRight btnSustainableDevelopment {
    background: url(../Images/ing.jpg) no-repeat scroll left top transparent;
    display: inline-block;
    float: left;
    height: 79px;
    margin: 0 7px 5px 0;
    text-indent: -99999em;
    width: 233px
    }
#contentHome .infoRight btnSustainableDevelopment:hover {
    background: url(../Images/ing.jpg) bottom left no-repeat
    }
#contentHome .infoRight a#btnSustainableDevelopment {
    display: inline-block;
    width: 175px;
    height: 79px;
    background: url(../Images/ing.jpg) top left no-repeat;
    text-indent: -99999em;
    margin: 0 0 5px 0;
    border-right: 1px solid #fff
    }
#contentHome .infoRight a#btnSustainableDevelopment:hover {
    background: url(../Images/ing.jpg) bottom left no-repeat
    }
#contentHome .infoRight btnCalendario {
    background: url(../Images/ingCalendario.jpg) no-repeat scroll left top transparent;
    display: inline-block;
    float: left;
    height: 79px;
    margin: 0 0 5px;
    text-indent: -99999em;
    width: 225px
    }
#contentHome .infoRight btnCalendario:hover {
    background: url(../Images/ingCalendario.jpg) bottom left no-repeat
    }
#contentHome .infoRight a#btnCalendario {
    display: inline-block;
    width: 137px;
    height: 79px;
    background: url(../Images/ingCalendario.jpg) top left no-repeat;
    text-indent: -99999em;
    margin: 0 0 8px;
    border-right: 1px solid #fff
    }
#contentHome .infoRight a#btnCalendario:hover {
    background: url(../Images/ingCalendario.jpg) bottom left no-repeat
    }
#contentHome .infoRight a#btnEarth {
    display: inline-block;
    width: 147px;
    height: 79px;
    background: url(../Images/ingEarth.jpg) top left no-repeat;
    text-indent: -99999em;
    margin: 0 0 8px
    }
#contentHome .infoRight a#btnEarth:hover {
    background: url(../Images/ingEarth.jpg) bottom left no-repeat
    }
#contentHome .infoRight #mapFlash {
    width: 468px;
    height: 242px;
    border: 1px solid #d6d6d6;
    clear: both;
    margin: 0 0 10px
    }
#contentHome .infoRight .btn_endorse {
    float: left
    }
#contentHome .infoRight .btn_endorse a[title~=Endorse] {
    display: block;
    width: 236px;
    height: 39px;
    background: url(../Images/btn_endorse.gif) top left no-repeat;
    text-indent: -99999em;
    margin: 0 0 3px
    }
#contentHome .infoRight .btn_endorse a[title~=Endorselist] {
    display: block;
    width: 236px;
    height: 39px;
    background: url(../Images/btn_endorselist.gif) top left no-repeat;
    text-indent: -99999em
    }
#contentHome .infoRight #Featured {
    float: right;
    width: 232px;
    height: 88px;
    text-indent: -99999em;
    cursor: default
    }
#contentHome .infoRight #Featured a {
    width: 230px;
    height: 82px;
    background: url(../Images/btn_featured.gif) top left no-repeat;
    border: 1px solid #fff;
    display: block
    }
#socialMedia {
    overflow: hidden;
    width: 960px
    }
#socialMedia h2 {
    font-size: 13px;
    margin: 0;
    padding: 4px 12px;
    background: #f0f0f0;
    border-bottom: 1px solid #d5d5d5;
    text-transform: uppercase;
    font-family: Verdana, Geneva, sans-serif
    }
#socialMedia #newsHome {
    float: left;
    width: 313px;
    height: 206px;
    border: 1px solid #d5d5d5
    }
#socialMedia #newsHome h2 a {
    color: #00869e
    }
#socialMedia #newsHome #newScroll {
    height: 180px;
    overflow-y: scroll;
    padding: 0 10px
    }
#socialMedia #facebookHome {
    float: left;
    width: 313px;
    height: 206px;
    margin: 0 7px 0 8px;
    border: 1px solid #d5d5d5
    }
#socialMedia #facebookHome h2 {
    color: #00589a
    }
#socialMedia #resourcesHome {
    float: left;
    width: 313px;
    height: 206px;
    border: 1px solid #d5d5d5
    }
#socialMedia #resourcesHome h2 {
    color: #00a5e5
    }
#socialMedia #resourcesHome a {
    border-top: 1px solid #D5D5D5;
    color: #535353;
    display: block;
    margin: 5px 15px 10px;
    padding: 6px 0 2px 38px;
    width: 237px
    }
#socialMedia #resourcesHome a:hover {
    color: #00a5e5
    }
#socialMedia #resourcesHome a[title~=Library] {
    background: url(../Images/ico_library.gif) 10px 6px no-repeat;
    border: 0 none
    }
#socialMedia #resourcesHome a[title~=Tools] {
    background: url(../Images/ico_tools.gif) 10px 6px no-repeat
    }
#socialMedia #resourcesHome a[title~=Stories] {
    background: url(../Images/ico_stories.gif) 10px 6px no-repeat
    }
#socialMedia #resourcesHome a[title~=Gallery] {
    background: url(../Images/ico_photo.gif) 10px 6px no-repeat
    }
#socialMedia #resourcesHome a[title~=Report] {
    background: url(../Images/ico_anual_report.gif) 10px 6px no-repeat
    }
div.fbConnectWidgetHeaderTitle, .ConnectActivityLogin {
    display: none !important
    }
.fbConnectWidgetTopmost {
    border: 0 none !important
    }
#newScroll .titleNewsHome, #newScroll h2 {
    display: none
    }
#share_pages {
    margin: 0 0 20px 0
    }
.Category .Desc img {
    border: 1px solid #CCC;
    margin: 10px;
    padding: 8px
    }
table.tablasYouth .btn_youth td {
    padding: 0 0 17px
    }
table.tablasYouth td h3 {
    color: #1b87d1;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 13px;
    padding: 12px 0 0;
    margin: 0;
    text-transform: uppercase
    }
table.tablasYouth td img[align="left"] {
    border: none 0 !important;
    padding: 0 !important;
    margin: -4px 10px 0 0 !important
    }
td.desc_video {
    font-size: 11px
    }
td.desc_video span, span {
    color: #1b87d1
    }
table.tablasYouth td iframe {
    border: solid #CCC 1px;
    padding: 5px
    }
table.tablasYouth a[title~=Courses] {
    background: url(../Images/btn_youth_courses.jpg) top left no-repeat;
    width: 179px;
    height: 39px;
    display: block;
    text-indent: -99999em
    }
table.tablasYouth a[title~=Group] {
    background: url(../Images/btn_youth_group.jpg) top left no-repeat;
    width: 179px;
    height: 39px;
    display: block;
    text-indent: -99999em
    }
table.tablasYouth a[title~=Task] {
    background: url(../Images/btn_task_force.jpg) top left no-repeat;
    width: 179px;
    height: 39px;
    display: block;
    text-indent: -99999em
    }
table.tablasYouth a[title~=Blog] {
    background: url(../Images/btn_blog.jpg) top left no-repeat;
    width: 179px;
    height: 39px;
    display: block;
    text-indent: -99999em
    }
table.tablasYouth a[title~=Resourses] {
    background: url(../Images/btn_youth_resources.jpg) top left no-repeat;
    width: 179px;
    height: 39px;
    display: block;
    text-indent: -99999em
    }
table.tablasYouth a[title~=Partners] {
    background: url(../Images/btn_youth_partners.jpg) top left no-repeat;
    width: 179px;
    height: 39px;
    display: block;
    text-indent: -99999em
    }
table.tablasYouth a[title~=Courses]:hover {
    background: url(../Images/btn_youth_courses.jpg) bottom left no-repeat
    }
table.tablasYouth a[title~=Group]:hover {
    background: url(../Images/btn_youth_group.jpg) bottom left no-repeat
    }
table.tablasYouth a[title~=Task]:hover {
    background: url(../Images/btn_task_force.jpg) bottom left no-repeat
    }
table.tablasYouth a[title~=Blog]:hover {
    background: url(../Images/btn_blog.jpg) bottom left no-repeat
    }
table.tablasYouth a[title~=Resourses]:hover {
    background: url(../Images/btn_youth_resources.jpg) bottom left no-repeat
    }
table.tablasYouth a[title~=Partners]:hover {
    background: url(../Images/btn_youth_partners.jpg) bottom left no-repeat
    }
table.tablasYouth a[title~=EC] {
    background: url(../Images/btn_facebook_EC_youth.jpg) top left no-repeat;
    width: 134px;
    height: 54px;
    display: block;
    text-indent: -99999em
    }
table.tablasYouth a[title~=Related] {
    background: url(../Images/btn_news_related_youth.jpg) top left no-repeat;
    width: 186px;
    height: 57px;
    display: block;
    text-indent: -99999em
    }
table.tablasYouth a[title~=EC]:hover {
    background: url(../Images/btn_facebook_EC_youth.jpg) bottom left no-repeat
    }
table.tablasYouth a[title~=Related]:hover {
    background: url(../Images/btn_news_related_youth.jpg) bottom left no-repeat
    }
a#listEndorsers {
    display: block;
    text-indent: -99999em;
    width: 176px;
    height: 41px;
    background: url(/content/templates/EarthCharter2012/Images/btn_list.jpg) top left no-repeat
    }
input.btn_add {
    text-indent: -99999em;
    width: 104px;
    height: 29px;
    background: url(/content/templates/EarthCharter2012/Images/endorse_btn_submit.jpg) top left no-repeat;
    border: 0 none;
    cursor: pointer
    }
table.tablasYouth ul {
    list-style-type: none
    }
table.tablasYouth ul li {
    background: url(../Images/li_endorser.jpg) no-repeat scroll left 6px transparent;
    list-style: none outside none;
    margin: 0;
    padding: 0 0 0 15px
    }
.bkg_fotm {
    width: 100%;
    background: #eee;
    border: 1px solid #d9d9d9;
    padding: 3px
    }
table.tablasYouth .comment {
    background: url(../Images/bkg_comment.gif) no-repeat scroll left top transparent;
    height: 91px;
    margin: 10px 0;
    padding: 15px 20px;
    width: 424px
    }
/*--------------------- More ----------------------*/
.PostContentSingle ol li, .PostContentSingle ul li, .PostContent ul li, .Category .Desc ul li {
    list-style-image: url(../Images/check.gif);
    margin: 0 0 10px 20px;
    text-align: justify
    }
.who ul {
    border-bottom: 2px solid #CCC;
    height: 50px;
    margin-bottom: 30px;
    margin-left: 0;
    padding: 0;
    width: 100%
    }
.who ul li {
    background: url(../Images/list_menu.gif) no-repeat scroll left center transparent;
    float: left;
    list-style: none outside none;
    padding-left: 20px;
    margin: 0 0 0 30px;
    width: auto
    }
h2.hlink {
    margin: 10px auto;
    text-align: center;
    width: 370px
    }
h2.hlink a {
    background: #154D88;
    color: #FFF;
    display: block;
    padding: 5px
    }
h2.hlink a:hover {
    background: #446B93;
    text-decoration: none
    }
#bolita li {
    list-style-image: none !important;
    list-style-type: disc
    }
#contriesList ul li {
    margin: 0 0 0 20px !important
    }
/*---------------------------------------*/