/*
 *  psd2css.css
 *
 *  This is your external CSS style sheet. It defines all of the CSS styles that you
 *  are using in your page.  If you are going to create multiple pages from the same
 *  PSD file (like a template), you will share this CSS style sheet between the various
 *  pages.
 *
 *  This file was originally generated at http://psd2cssonline.com 
 *  August 4, 2009, 10:46 am with psd2css Online version 1.44
 *
 */

h1 {
color: #c80404;
font-weight: normal;
}


h2 {
color: #c80404;
  font-weight: normal;
  font-size: 2em;
  line-height: 1.3em;
margin: 0;
}

.create {
  margin-left:0px;
}

/* You named this layer _center_empty */
#Layer-1 {
  position: absolute;
  margin-left: -475px;
  left: 50%;
  top: +0px;
  width: 950px;
  min-height: 1060px;
  z-index: 1;
background-color: #ffffff;
}

/* You named this layer container_empty_center */
#Layer-2 {
  position: absolute;
  margin-left: -475px;
  left: 50%;
  top: 155px;
  width: 950px;
height: 679px;
  z-index: 2;
}

/* You named this layer footer_joomla */
#Layer-4 {
  position: relative;
  left: 0px;
top: 20px;
  width: 590px;
  height: 58px;
  z-index: 4;
text-align: center;
font-size: 0.8em;
}

/* You named this layer conatiner4_empty */
#container {
  position: relative;
  left: 173px;
  top: 8px;
  width: 590px;
background: #eeeeee;
overflow: visible;
  z-index: 6;
}

/* You named this layer content_bkgnd_relative */
.Layer-7 {
  position: relative;
  left: 6px;
  top: 7px;
  width: 579px;
  height: 17px;
  z-index: 7;
  background-image: url(../Layer-7.png);
}

/* You named this layer content_joomla_relative */
.Layer-8 {
float: left;
  position: relative;
  left: 0px;
  top: 10px;
  width: 569px;
  min-height: 200px;
padding: 5px;
  z-index: 8;
background: #ffffff url(../corner-big.png) bottom no-repeat;
}

/* You named this layer left_joomla */
#Layer-9 {
  position: absolute;
  left: 15px;
  top: 8px;
  width: 147px;
  height: 669px;
  z-index: 9;
background-color: #ffffff;
    font-size: 0.9em;
  line-height: 1.9em;
}

/* You named this layer right_joomla */
#Layer-10 {
  position: absolute;
  left: 775px;
  top: 8px;
  width: 157px;
  height: 669px;
  z-index: 10;
background-color: #ffffff;
}

/* You named this layer top_bkgnd */
#Layer-11 {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 950px;
  height: 156px;
  z-index: 11;
  background-image: url(../Layer-11.png);
}

/* You named this layer top_search */
#special {
  position: absolute;
  right: 20px;
  top: 10px;
width: 400px;
height: 105px;
z-index: 28;
}

/* You named this layer top_search */
#searchbar {
  position: absolute;
  right: 26px;
  top: 125px;
z-index: 28;
}

/* You named this layer date */
#datebar {
  position: absolute;
  right: 30px;
  top: 125px;
z-index: 27;
color: #fec020;
}

/* You named this layer user_menu */
#usermenu{
  position: absolute;
  left: 26px;
  top: 127px;
z-index: 28;
}

/* Here are some examples of how you might want to change the
 * look and behavior of the links on your page.  Some examples for
 * further customization are included in comments.  */
a { color: #c80404; text-decoration: none; }
a:hover {
  color: #000000;
}


/* Custom CSS examples/suggestions for Joomla -
 *
 *   Here are some examples of some changes you can make to stylize the output
 *   from Joomla.  These are just suggestions, you can change them to whatever
 *   you would like.  There are many other classes and ids that you can modify
 *   CSS for from Joomla too.  I suggest using Firebug and the 'Inspect'
 *   feature there to find the name of the class or id of an element of the
 *   page that you want to stylize, and add it to this section.
 *
 *   If you plan on re-converting your design often, be careful - this page is
 *   automatically regenerated every time.  So if you don't want to loose some
 *   CSS you've added here, move all your custom CSS to your own external
 *   stylesheet and reference it externally from the index.php file (make sure
 *   your reference is _after_ the reference to psd2css.css).
 */

a.mainlevel {
font-size: 1.1em;
color: #ffffff;
text-decoration: none;
margin-right: 15px;
}

a:hover.mainlevel {
font-size: 1.1em;
color: #fec020;
text-decoration: none;
margin-right: 15px;
font-weight: normal;
}

body { color: #000000; font-family: Arial, Helvetica, san-serif; font-size: 0.7em; line-height: 1.4em; background-color: #eeeeee; }
img { border: 0 }
ul { 
  list-style-type: bullet; 
  padding-left: 25px;
  margin: 0 0 10px 0;
}

li {
padding-right: 5px;
}

.moduletableusermenu ul {
list-style: none;
  padding-left: 0px;
  margin: 0;
}
ul.menu_menu {
list-style: none;
  padding-left: 0px;
  margin: 0;
  font-size: 1.3em;
}

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

.componentheading { font-size: 1.7em; color: #c80404; margin-bottom: 15px;}
.contentheading { font-size: 1.7em; color: #c80404;}
.small { font-size: 0.7em; }
.created-date { font-size: 0.5em; color: #333333; }
.pagination span, .pagination a { padding: 0 6px 0 6px; }
.menu { font-size: 1.1em; line-height: 1.5em; }
.category { margin-left: 5px; }


/*CSS TRICKS FOR FLOATING AND FIXING FLOATS*/
.float_left {float: left;}

.float_right {float: right;}

.clearfix:after
{
content: ".";
display:block;
height:0;
clear:both;
visibility:hidden;
}

.clearfix
{
display:inline-block;
}

.ad {
border-bottom: solid #ffffff 10px;
}

.article-info-term
{
        display:none
}


.bannergroup { margin-bottom: 25px;}


.banneritem {margin-bottom: 1px;}

.item-separator { margin-bottom: 70px;}

.moduletable {margin-bottom: 25px;}