/*- Page Structure */


body {
  font: 12px Arial; /* Resets 1em to 10px */
  color: #666;
  background: #fff;
  text-align: center;
  margin:0;
  }

.buttonheading{
  visibility:hidden
}
#page {
  text-align: justify;
  position: relative;
  /* The entire template's width is set in this class. */
  background:#fff url(../images/bg_echotest.gif) no-repeat;
  width:  1000px;
  border-top: none;
  margin-top: 0;
  margin-right: auto;
  margin-bottom: 0;
  margin-left: auto;
  padding-top: 18px;
  padding-right: 0;
  padding-bottom: 10px;
  padding-left: 0;
  }


#header {
  padding: 0;
  margin: 0;
  height: 40px;
  width:760px;
  border-bottom:2px solid #B6004C;
  }


.article_seperator{
  height:2px;
} 


#rightcolumn {
  font-size:12px;
  padding-top:35px;
  float:right;
  width:220px;
  color: #666;
  }


#holder_top{
  width:758px;
  border-right: 2px solid #B6004C;
  margin:0;
  padding:0;
  float:left;
  padding-top: 10px;
}


#holder_bottom {
        background:#fff url(../images/bg_holder_bottom.gif) no-repeat;
        background-position:top right;
        width:760px;
        margin:0;
        float:left;
        padding:0
}


.path {
  padding-top: 3px;
}


.presentation{
       color:#B6004C;
       text-align:justify;
       padding-right:15px;
}


.search {
  width: 100%;
        padding:3px;
        margin-top:45px;
  float: right;
        background:#B6004C;
        text-align:right;
      
}

.wide_users{
  margin:0;
        padding:0;
        cell-padding:0;

        cell-spacing:0
}

.users {
  margin:0;
        padding:0;
        cell-padding:0;

        cell-spacing:0
}


.user12 {
  margin: 0px;
  padding:0;
  width: 100%;
  cell-padding:0;
  cell-spacing:0
}


.wide_user12 {
  width: 100%;
}


.user1 {
  padding: 0;
    margin:0;
  vertical-align: top;
}


.user2 {
  padding: 0px;
  vertical-align: top;    
}


.breaker {
  background-color: #FFFFFF;
  width: .5%;
}


#josmainbody {
    padding: 0;
        margin:0;
}






/*- Main Menu in Header */


ul.menu {
  margin: 0;
  padding: 0;
  position: absolute;
  bottom: 0;
  top:25px;
  left:290px;
  font-size:12px;
  }


ul.menu li {
  display: inline;
  margin: 0;
  }


ul.menu,
ul.menu li a {
  padding: 6px 30px 6px;
        text-decoration:none
  }


ul.menu li a {
  color: #666;
  margin: 0;
  }


ul.menu li a:hover {
  color: #666 !important;
  text-decoration: none;
  }


ul.menu li.current_page_item a,
ul.menu li.current_page_item a:hover {
  color: #B6004C !important;
  text-decoration: none;
  }
  
#current {
  color: #B6004C !important;
  text-decoration: none;
  }  


/*- Headings */


h1, h2, h3, h4 {
  }


h1 { /* H1 is used for the title of your blog */
  font-size: 16px;
  font-weight: bold;
  letter-spacing: -1px;
  padding-top: 75px;
  margin: 0 0 0 40px;
  width: 100%;
  }


h1, h1 a, h1 a:hover, h1 a:visited,
#header .description {
  text-decoration: none;
  color: white;
  }


h1:hover {
  text-decoration: underline;
  }


.rightcolumn h3, .wide_mainarea h3, .wide_mainarea h4 { /* Secondary H2 is sidebar headlines */
  font-size: 16px;
  font-weight: normal;
  padding: 0;
  display: block;
  padding-bottom: 3px;
  }


.mainarea h3, .mainarea h4 { /* H3 is entry headlines. H4 is comments and replyform headlines */
  font-size: 16px;
  font-weight: normal;
  }


.rightcolumn > div {
  padding: 0;
  margin-top: 0px;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
  }


.rightcolumn span a, .rightcolumn span a:visited {
  color: #999;
  font-weight: normal;
  }


.rightcolumn span a {
  margin-left: 10px;
  }


h2, h2 a, h2 a:visited,
h3, h3 a, h3 a:visited,
h4, h4 a, h4 a:visited {
  color: #444;
  }


h2, h2 a, h2 a:hover, h2 a:visited,
h3, h3 a, h3 a:hover, h3 a:visited,
h4, h4 a, h4 a:hover, h4 a:visited {
  text-decoration: none;
  }


/*- mainarea Contents */


#footer {
  text-align: center;
  padding:10px
        margin-top:50px;
  border-top: 1px solid #ccc;
  }

.postvid {
border-top: 22px solid #B6004C;
}


#footer a {
  color: #888;
  border-bottom: 1px solid #ccc;
  font-weight: bold;
  }


#footer a:hover {
  border: none;
  text-decoration: none;
  color: black;
  }




/*- Links */


.mainarea a:hover, .mainarea a:visited:hover,
.wide_mainarea a:hover, .wide_mainarea a:visited:hover,
.rightcolumn a:hover, .rightcolumn a:visited:hover {
  text-decoration: underline;
  }


h2 a:hover, h2 span a:hover {
  color: #DDDDDD !important;
  }


a {
  color: #B6004C;
  text-decoration: underline;
  }
a:hover {
  color: #B6004C;
  text-decoration: none;
  }
a:hover {
  color: #B6004C;
  }


/*- Various Tags and Classes */


.clear {
  clear: both;
  margin: 0;
  padding: 0;
  }


.mainarea img {
  margin-left: -5px;
  padding: 4px;
  }




img.noborder {
  border: none !important;
  }


small {
  font-size: 12px;
  }


small, strike {
  color: #777;
  }


hr {
  display: none;
  }




/*- Begin Lists */
.rightcolumn ul, .rightcolumn ol, .rightcolumn > div > div {
  margin: 5px 0 0;
  padding-left: 0;
  }


.rightcolumn ul {
  _margin-left: 0px; /* IE Fix */
  margin-left: 0px;
  }


.rightcolumn ol {
  margin-left: 15px;
  }


.rightcolumn ul li, .rightcolumn ol li {
  margin: 0;
  padding: 1px 0;
  }
  
.rightcolumn ul li {
  list-style-type: none;
  list-style-image: none;
  }


ol li {
  list-style: decimal inside;
  }




/*- Search Form and Livesearch */


input[type=text], textarea {
  color: #444;
  padding: 0px;
  margin: 0;  
  }




tr {} /*formatting all
<tr> items.  This default setting is used when no other style has been defined.*/
ul {} /*formatting all UL (unordered list) items. This default setting is used when no other style has been defined.*/
a:link {
  text-decoration: underline;  
} /* general links style*/
a:visited {
#444444;


}
a:hover {
#444444;}
a img {
  border: none;
  }
hr {} /* horizontal line in your template*/
hr.separator {}
 
/* FORMS SETTINGS */
.inputbox {
  margin: 0px;
  right: 5px;
} /*formatting the <div> which holds search items: inputbox, search button...*/
 
form {
  margin: 0px;
  } 
 
/* NAVIGATION/MENU SETTINGS */
 
a.mainlevel{} /* this styling is for the MAIN items in the menu */
a.mainlevel:link {}
a.mainlevel:visited {}
a.mainlevel:hover {}
 
#active_menu {} /* this styling is for the menu item when it is active, even in main/sub position*/
 
.pagenavbar {} /*Sets the style for the footer navigation ("<< Start < Prev Next > End >>") when they do not appear as hyperlinks (when only a few articles exist).*/
.pagenavbar:link {} /*Style for the footer navigation ("<< Start < Prev Next > End >>") when they become hyper links*/
.pagenavbar:visited {}
 
.pagenav {} /* as the name implies, this is for formatting texts for those "<< Start < Previous 1 Next > End >>" links */
a.pagenav:visited {}
a.pagenav:hover {}
 
a.readon:link {} /*Style for the "Read More" link that is displayed for large content items*/
a.readon:hover {}
a.readon:visited {}
 
.back_button {} /*Style for the "BACK" button*/
.pagenav_prev {} /*Style for the PRE button*/
.pagenav_next {} /*Style for the NEXT button*/
 
.latestnews ul {} /*Style for latest news list - by default, latest news is user1 module*/
.latestnews li {}
 
.mostread ul{} /*Style for most popular list - by default, most popular is user2 module*/
.mostread li{}
 
/* CONTENT PAGE SETTINGS */
a.category:link {}
a.category:hover {}
a.category:visited {}
 
.blogsection {} /* Formatting the links in Blog section */
.blog_more {} /*The "More" text in blog section*/
a.blogsection:link {} /* set the link format */
a.blogsection:visited {} /* same as above, but to set the visited link format */
a.blogsection:hover {} /* same as above, but for links with mouse pointer over it */


/* Title of the component being used to display the content.*/ 
.componentheading {
  font-size: 16px;
  padding:0;
}
/* Title of the content, article, etc. being displayed.*/
.contentheading {
        font-size: 16px;
        font-weight:bold;
        padding: 0;
        color:#444;
        margin:0;
}
.contentpane {
        cell-padding:0;
        cell-spacing=0;
} /* Table that holds all non-article information (components, category lists, contact forms, etc).*/
.contentpaneopen {
        font-size: 12px;
        width: 100%;
        cell-padding:0;
        margin:0;
        padding:0;
        cell-spacing:0;
} /* Table that holds the actual text for an article.*/
.contentpaneopen sup{
line-height:12px;
}

.contentpagetitle {
  font-size: 16px;
  display: block;
  padding: 0;
} /*Title of articles*/
 
a.contentpagetitle:hover {} /*Title of articles when appeare as links */
a.contentpagetitle:link {}
a.contentpagetitle:visited {}
 
.contentdescription {} /* Formating the "DESCRIPTION" of sections, categories (News/Weblinks/Latest news...) */
table.contenttoc {} /* Formating the table of the Tables of Contents for multiple pages content or article */
table.contenttoc td {} /* same as above, used to format the td and able cells */
table.contenttoc th {} /* same as above, used to format the th of "Tables of Content" ( normally Article Index)*/
table.contenttoc td.toclink {} /* same as above, used to format toc link texts*/
a.toclink:link {} /* same as above, used to format toc link text status*/
a.toclink:visited {}
a.toclink:hover {}

.mod_contentitem'
margin:0;
padding:0;
}
 
/* MAMBO SECTIONS LISTINGS */
.sectiontableheader {} /* This is for styling the section table headers on a SECTION's page.
  Example: table header of "Date", "Item Title", "Author" and "Hits"? */
.sectiontableentry1 {}
.sectiontableentry2 {}
 
 
/* MAMBO MODULES FORMATTING */
.moduletable {
  font:12px
}
.dgmnewsvid{
  margin:0;
  padding:0
}
.moduletablevid h3{
  background:#DDDDDD;
  color:#B6004C;
  font-size:18px;
  margin:0;
  width:100%
}
.moduletablevid p{
  padding-bottom:15px;
}
.moduletablevid{
  margin:0;
  padding:0
}


.moduletablevid a{
  color:#888;
  text-decoration:none;
  font-weight:bol;
  font-size:12px
}

.moduletablevid a:visited{
  color:#888;
  text-decoration:none;
  font-size:12px
}

.moduletablevid a:hover{
  color:#888;
  text-decoration:none;
  font-size:12px
}




table.moduletable {} /* Formatting the module table */
table.moduletable th {} /* Formatting the module header, and the module titles */
table.moduletable td {} /* Formatting the table cells of the module table */
 
 
/* MISCELLANEOUS */


dgmnewsvid{
    padding:0;
    margin:0
}
 
/* Dates , Authors*/
.createdate {} /* For styling the date the content/articles are created under contents title */
.modifydate {} /* Formating "Last updated on" text at the end of articles/contents */
.small {
  font-size: 100%;
} /* Formating "Written by:...." text */
.smalldark {}/*Found in poll result page, for " Number of Voters".. text */
 
/* Polls */
.poll {} /* format the td of poll table */
.pollstableborder {} /* set the border properties of the polls voting table */