/********************************************
   AUTHOR:  			Erwin Aligam 
   WEBSITE:   			http://www.styleshout.com/
   TEMPLATE NAME:		Envision
   TEMPLATE CODE:		S-0013
   VERSION:          		1.1
   LAST MODIFIED     		Nov-14-2007 	
 *******************************************/
 
/***********************************************************************/

* { margin: 0; padding: 0; outline: 0 }

body {background: #CFCFCF;
      font: 70%/1.5em Verdana, Tahoma, arial, sans-serif;
      color: #FFFFFF; 
      text-align: center;}

/***********************************************************************/

a, a:visited {text-decoration: underline;
              color: #FFF8DC;
              background: inherit;}

a:hover {color: #80FFFF;
         background: inherit;
         text-decoration: underline;}

/***********************************************************************/

img {background: #737373;
     border: 1px solid #737373;
     padding: 3px;}

img.float-right { margin: 5px 0px 10px 10px;}

img.float-left { margin: 5px 10px 10px 0px;}

/***********************************************************************/

h1, h2, h3 {font-family: 'Trebuchet MS', Tahoma, Sans-serif;}

h1 {font-size: 150%;	
    font-weight: normal;
    color: #FFFFFF;}

h2 {font-size: 140%;
    text-transform: uppercase;
    color: #88ac0b;}

h3 {font-size: 120%;
    color: #666666;}

h1, h2, h3, p {padding: 10px;		
               margin: 0;}

ul, ol {margin: 5px 20px;
        padding: 0 20px;}

code {margin: 5px 0;
      padding: 10px;
      text-align: left;
      display: block;
      overflow: auto;  
      font: 500 1em/1.5em 'Lucida Console', 'courier new', monospace ;
      /* white-space: pre; */
      background: #FAFAFA;
      border: 1px solid #f2f2f2;}

acronym {cursor: help;
         border-bottom: 1px dotted #777;}

blockquote {margin: 10px;
            padding: 0 0 0 28px;  
            border: 1px solid #f2f2f2; 
            background: #FAFAFA url(images/quote.gif) no-repeat 5px 5px;}

/***********************************************************************/

table {border-collapse: collapse;
       margin: 10px 0px;		
       width: 100%;}

th {height: 30px;
    padding-left: 5px;
    padding-right: 5px;
    color: #FFFFFF;
    background: #696969;	
    border-width: 1px;
    border-style: solid;
    border-color: #363636;
    text-align: left}

tr {height: 25px;
    background: #9C9C9C;
	color: #000000}

td {padding-left: 5px;
    padding-right: 5px;
    border: 1px solid #363636;}	

/***********************************************************************/

form {margin:10px; padding: 0 5px;
      border: 1px solid #f2f2f2; 
      background-color: #808080;}

label {display:block;
       font-weight:bold;
       margin:5px 0;}
       
input {padding:2px;
       border:1px solid #eee;
       font: normal 1em Verdana, sans-serif;
       color:#000000;}
       
textarea {width:400px;
          padding:2px;
          font: normal 1em Verdana, sans-serif;	
          border:1px solid #eee;
          height:100px;
          display:block;
          color:#000000;}
          
input.button {font: bold 12px Arial, Sans-serif; 
              height: 24px;
              margin: 0;
              padding: 2px 3px; 
              color: #FFF;
              background: #8EB50C url(images/button-bg.jpg) repeat-x 0 0;
              border: none;}

/***********************************************************************/
       
#wrap {width: 1000px;
       background: #CCC url(images/new-content-large-updated.jpg) repeat-y center top;
       margin: 0 auto;
       text-align: left;}

#content-wrap {clear: both;
               width: 926px;
               padding: 0; 
               margin: 10px auto;}

/***********************************************************************/

#header {width: 1000px;
         position: relative;
         height: 140px;
         background: #CCC url(images/new-header-large-updated.jpg) no-repeat center top;
         padding: 0;	
         color: #FFF;}

#header h1#logo-text {position: absolute;
                      margin: 0; padding: 0;
                      font: bolder 32px 'Trebuchet MS', Verdana, Tahoma, arial, sans-serif;
                      letter-spacing: -2px;
                      color: #000000;
                      text-transform: none;
                      text-decoration: none;
                      background: transparent;
                      /* change the values of top and left to adjust the position of the logo*/
                      top: 20px; left: 150px;}

#header p#slogan {position: absolute;
                  margin: 0; padding: 10 0 0 0;
                  font: normal 18px Verdana, Tahoma, arial, sans-serif;
                  text-transform: none;
                  color: #000000;
                  /* Change the values of top and left to adjust the position of the slogan */
                  top: 45px; left: 222px;}
                  
#header #header-links {position: absolute;
                       top: 65px; left: 142px;	
                       color: #FFFFFF;
                       font-size: 11px;
                       line-height: 13px;
                       text-align: left;}

/***********************************************************************/

#menu {clear: both;	
       margin: 0 auto; padding: 0;
       background: #CCC url(images/new-menu-updated.jpg) no-repeat center top;	
       font: bold 12px/37px Verdana, Tahoma, Arial, Sans-serif;
       height: 48px;
       width: 1000px;}
       
       
#menu ul {float: right;
          list-style: none;
          margin:05px; padding: 0px 30px;}

#menu ul li {display: inline;}

#menu ul li a {display: block;
               float: left;
               padding: 0 10px;
               color: #000000;
               text-decoration: none;}

#menu ul li.last a {padding-right: 20px;}

#menu ul li a:hover {color: #80FFFF;}

#menu ul li#current a {color: #FFFFFF;}

/***********************************************************************/

#main {float: left;
       width: 70%;
       padding: 0;
       margin: 5px 0 0 5px;
       display: inline;
       font-size: 13px;	
       line-height: 18px;	
}

#main h1 {margin-top: 5px;
          font: Bold 22px 'Trebuchet MS', Tahoma, Sans-serif;
          color: #FFFFFF; 
          padding: 5px 5px 5px 40px; 	
          border-bottom: 2px solid #737373;
          background: #363636 url(images/square-grey.jpg) no-repeat 3px 50%;	
          text-transform: none;
}

#main h2 {margin-top: 1px;
          font: Bold 18px 'Trebuchet MS', Tahoma, Sans-serif;
          color: #FFFFFF; 
          padding: 5px 0 5px 5px; 	
          text-transform: none;
}

#main h2 a {
	background: none;
	color: #88ac0b;
	text-decoration: none;
}

#main ul li {
	list-style-image: url(images/bullet.gif);
}

.post-footer {
	background-color: #FAFAFA;
	padding: 5px; margin: 20px 10px 10px 10px;
	border: 1px solid #f2f2f2;
	font-size: 95%;	
}

/***********************************************************************/

#sidebar {float: right;
          width: 26.5%;
          padding: 0; margin: 0;
          color: #FFFFFF;}	

#sidebar h3 {margin-top: 0px;
             padding: 5px 5px; 
             font: bold 1.8em 'Trebuchet MS', Tahoma, Sans-serif;
             color: #000000;}
             
#sidebar ul.sidemenu {list-style: none;
                      text-align: left;
                      margin: 7px 4px 8px 4px; 
                      padding: 0;
                      text-decoration: none;
                      background: url(images/dots-updated.jpg) repeat-x left top;}
                      
#sidebar ul.sidemenu li {list-style: none;
		         font-size: 1.2em;
                         background: url(images/dots-updated.jpg) repeat-x left bottom;
                         padding: 5px 0 5px 5px;
                         margin: 0 2px;
                         color: #000000;}
                         
* html body #sidebar ul.sidemenu li {height: 1%;}

#sidebar ul.sidemenu li a {text-decoration: none;	
                           background-image: none;
                           color: #000000;}
                           
#sidebar ul.sidemenu li a:hover {color: #80FFFF;}
#sidebar ul.sidemenu ul {margin: 0 0 0 5px; padding: 0;}
#sidebar ul.sidemenu ul li {background: none;}
#sidebar ul.sidemenu li#current a {color: #FFFFFF;}

/***********************************************************************/

#footer {color: #FFFFFF;
         background: #CCC url(images/new-footer-large-updated.jpg) no-repeat center top;
         clear: both;
         width: 1000px;
         height: 65px;
         text-align: center;
         font-size: 92%;}

#footer a {color: #FFF8DC;
           text-decoration: none;}

/***********************************************************************/

#card td {text-align: center; background: #FFFFFF; color: #000000;}

#card td.yellow {background: #FFFF00; color: #000000;}
#card td.yellow {background: #FFFF00; color: #000000;}
#card td.red {background: #CD5C5C; color: #000000;}

/***********************************************************************/

.float-left  {float: left;} 
.float-right {float: right;}
.align-left  {text-align: left;}
.align-right {text-align: right;}
.clear {clear: both;}