/* Start of CMSMS style sheet '2008 Layout' */
/********************************************
CSS STYLES BY EDUARDO MARTINEZ
DIGITALFRONTEND.COM
*********************************************/
* {
	margin: 0; padding: 0;
}

html {
   height: 100%;
}

body {
   height: 100%;
   font-size:62.5%;
   background:#7eb2ca url(uploads/webui/html_bg.gif) top left repeat-x;
}

#wrapper {
   position: relative;
   min-height: 100%;
   width:960px;
   margin:0 auto;
}

* html #wrapper {
	height: 100%;
}

#header {
   /*height: 95px;*/
   height: 20px;
   background:transparent top left repeat-x;
   padding:0 0 0 5px;
}

#banner {
   height: 280px; 
  background:white url(uploads/webui/banner_bg.gif) top center no-repeat;
  padding:10px 15px 30px 15px;
  position:relative;
  z-index:0;
}

#menuw {
   height: 45px;
  background:transparent url(uploads/webui/menu_bg.gif) top left no-repeat; }

#cntwrap {
   background:white url(uploads/webui/body_bg.gif) top center repeat-y;
   padding:0 35px 100px 35px; /* Bottom padding has to be the same as footer height*/
}

#sidebar {
   width:220px;
   float:left;
   padding-right:30px;
   padding-top:10px;
}

#content {
   width: 610px;
   float:right;
   padding-left:30px;
   display:block;
   background:url(uploads/webui/1px_vert.gif) top left repeat-y;
}

/*For Pages without SideBar*/
#content_nosb{
   width: 890px;
   display:block;
   background:white;
}

#footer {
   position: relative;
   margin: 0 auto;
   margin-top: -100px;
   height:100px;
   width: 960px;
   background:#7eb2ca url(uploads/webui/content-bottom.gif) top left no-repeat;
   text-align:center;
}

/* 4/2 Column Layout // HOME PAGE */
#two_column { background:url(uploads/webui/2col_bg.gif) left top repeat-y; }

#two_column, #three_column {
  float:left;
  margin-bottom:20px;
  border-bottom:1px dotted #333; }

#cont_main { 
  float:left;
  width:580px;
  padding-left:20px; }
  
  
/*#cont_main img {
  padding:10px;
  background:#f8f8f8;
  border:1px solid #e7e7e7;
}*/
  
#three_column { background:url(uploads/webui/3col_bg.gif) center top repeat-y; }
 
#col_sidebar, #col1, #col2, #col3 { float:left; background:transparent; width: 270px;}

#col_sidebar, #col1, #col2 { padding-right: 20px; }

#col2, #col3 { padding-left: 20px; }

#col_sidebar h2, #col1 h2, #col2 h2, #col3 h2{
   border:none;
   padding:0 5px;
   background:#c02026;
   color:white;
   font-weight:bold;
   margin:0 0 18px 0;
}

#col1 img, #col2 img, #col3 img { float:left; margin:0 10px 10px 0; }
#col_sidebar img {float:left; margin-right:10px; }

#footer p {
   font-family: Calibri,  Arial, "Myriad Pro", Myriad, Verdana, Helvetica, sans-serif;
   font-size:12px;
   padding-top:3.5em;
   text-align:center;
   color:#ffffff; }

#footer a{
   background:transparent; }

/*********************
GENERAL STYLES
*********************/

h1, h2, h4, h5, h6 {
	font-family: "Myriad Pro", Myriad,  "Lucida Sans", "Century Gothic", Calibri, Lucida, Arial, Verdana, Helvetica, sans-serif;
}

h1 {font-size:.5em; height:0; text-indent:-5600px;}
h2 {font-size:1.8em; text-transform:uppercase; color:#007195;}
h3 {
   font-family: Georgia, "Times New Roman", serif;
   font-size:1.5em;
   line-height:1.7em;
   color:#bba15c; 
   text-transform:capitalize;
}

h4 {
  font-size:1.6em;
   line-height:1.8em;
   text-transform:uppercase;
  color:#C01A18;
  background:url(uploads/webui/1px_horiz.gif) bottom left repeat-x;
}

h5 {
  font-size:1.4em;
  line-height:1.7em;
  font-weight:bold;
}  

p {
   font-family:"Lucida Grande","Lucida Sans",Lucida, Verdana, Arial, Helvetica, sans-serif;
   font-size:1.3em;
   line-height:1.6em;
   color:#000000;
   margin: 0 0 1.3em;
   /*font-weight:lighter;*/
}


blockquote {
   width:300px;
   float:right;
   background:#efebcd;
   margin-left:1.3em;
   padding:10px;
}

blockquote p {
   font-family: Georgia, Garamond, "Book Antigua", "Times New Roman", serif;
   color:#414141;
   font-size:1.5em;
   line-height:1.9em;
   padding-bottom:0px;
   text-align:left;
}

#content p {
   text-align:justify;
}

#sidebar p {
   font-size:1.3em;
   font-family:arial;
}

a {
   color:#007195;
   background:#EFFBFF;
   text-decoration:none;
   outline:none;
}

a img {border:none}

a:hover{
   text-decoration:underline;
}

h2 a {
  color:#c02026;
  background:#fff;
}
h2 a:hover {
  background:#c02026;
  color:#fff;
  text-decoration:none;
}

/*h2 a {
   color:#520707;
}

h2 a:hover {
   color:#c03f86;
   text-decoration:none;
}*/

ul, ol {
	font-family:"Lucida Grande","Lucida Sans",Lucida,Verdana, Arial, Helvetica, sans-serif;
	margin:0 0 1.3em 30px;
        list-style-image:url(uploads/webui/bullet.gif);
        list-style-position:outside;
	color:#000000;
}

li {
   font-size:1.3em;
   line-height:1.6em;
}

ul li ul {
  font-size:inherit;
  margin: 0 0 0 30px;
}

ul li ul li {
  font-size:13px;
}

#sidebar ul {
   font-family:arial;
   margin:0 0 1.3em 0;
   list-style-image:none;
   list-style:none;
}

#sidebar ul li {
   background:url(uploads/webui/bullet.png) left 4px no-repeat;
   padding-left:17px;
}

#content ul {
   margin:0 0 1.3em 0;
   list-style-image:none;
   list-style:none;
}

#content ul li {
   background:url(uploads/webui/bullet2.png) left 4px no-repeat;
   padding-left:17px;
}

#content img.cast {
  margin-left:15px;
}

table, tr, td, tbody {
	margin:0; padding:0; border:none;
}

.strike {text-decoration:line-through;}

blockquote p { margin:0 0 .2em; }

hr.floatfix {
  display: block; 
  clear: both; 
  visibility: hidden;
  margin:0;
}

hr {
  border:none;
  border-bottom:1px dotted #333;
  clear: both;
  margin: 0 0 20px;
  height: 0;
}

/********
Back to top
*********/
#backToTop {
    margin-left:50%;
    left: -202px;
    bottom:-0px;
   position:fixed;
   background:transparent;
}

#backToTop a {
   background-color:transparent;
}

#backToTop a img {
   background-color:transparent;
   margin-bottom:-1px;
}

/* Specific Styles for Home Page */
table.homeTable td img {
  float: left;
  margin: 0 10px 10px 0;
}

table.homeTable td {
   vertical-align:top;
}

table.homeTable td.left {
   padding-right:10px;
}

table.homeTable td.right {
   padding-left:10px;
}

table.homeTable h2 {
   font-size:1.2em;
   margin-bottom:5px;
}

#content table.homeTable p {
   font-size:.9em;
   text-align:left;
}
/* End of '2008 Layout' */

