/* =Standards
-----------------------------------------------------------------------------*/

html { min-height: 100%; background-color: #554D5C; }

#content { background-color: #009999; text-align: left; margin-left: auto; margin-right: auto; }

#wrapper { min-height: 100%; text-align: left; border: 0; width:988px; margin-top: 0px; margin-bottom: 0px; margin-left: auto; margin-right: auto; position: relative; }

* { border: 0; padding: 0; margin: 0; text-align: left; background: dasdsd; }/* Set everything to "zero" */

html,
body { min-height:100%; /*for compliant browsers*/ font: x-small Arial, Verdana, sans-serif; voice-family: "\"}\""; voice-family: inherit; font-size: small;/*for IE 5.5 */ font-size: 100%; line-height: 1.125em; }

/*non-content: e.g., -navigation lists, etc. Slightly smaller than content text {font-size:0.75em;} */
ul li { float: left; /* cure IE5.x "whitespace in lists" problem */ width: 100%; }

ul li a { height: 1%; /* make links honour display: block; properly */ }

/* 100% height for compliants, enwraps floated content*/
#html #wrapper { height:100%; }/* and feed IE what it needs */

html, body, p, th,td, li, dd, dt { font: Tahoma, Verdana, Arial, Helvetica, sans-serif, Myriad Pro; text-align: center; }

p { font-family:Arial, Helvetica, sans-serif; color:#3F3844; font-size: 12px; }

h1,
h2,
h3,
h4,
h5,
h6 { font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif, Myriad Pro; }

.clear { clear:both; }

h1 { font-size: 2.0em; }

h2 { font-size: 1.5em; }

h3 { font-size: 1.2em; }

h4 { font-size: 1.0em; }

h6 { font-size: 0.8em; }/* Defined default Header sizes*/

a:link,
a:visited,
a:focus,
a:hover,
a:active { background-color:none; }/*s.508 Accessibility*/
a:link { color: #00f; }
a:visited { color: #009; }
a:focus,
a:hover { color: #06f; }/* a:focus for non-mouse pointers: e.g. "hotkeys", etc. s.508*/
a:active { color: #0cf; }

  .clear {
    clear:both;
    height:1px;
    overflow:hidden;
  }


/* =Overall Structure
-----------------------------------------------------------------------------*/

#wrapper { background:url(../images/body/vertbkg.gif) repeat-y; height: 100%; }

body { background:url(../images/bkghorfade.jpg) repeat-x; }


#headercontainer { width: 988px; height: 210px; padding: 0px; background: url(../images/header/header.jpg);
}

#menucontainer { width: 988px; height: 90px; position:relative; }

#bodycontainer { width: 800px; position:relative; background:url(../images/body/bodyfade.jpg) no-repeat; padding-left: 103px; padding-bottom: 10px; text-align:left; padding-right: 100px; padding-top: 35px; min-height: 700px; }


#footercontainer { width: 988px; position:relative; padding-top: -30px; }




/* =Typography
-----------------------------------------------------------------------------*/




/* =Headings
-----------------------------------------------------------------------------*/



/* =Links
-----------------------------------------------------------------------------*/

a.regularlink:link { font: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; color: #0AA3AF; line-height: 21px;}

a.regularlink:hover { font: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; color: #0066CC; line-height: 21px; text-decoration: underline; }

a.regularlink:visited { font: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; color: #666666; line-height: 21px; }

a.regularlink:active { font: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; color: #666666; line-height: 21px; }

#footer a:link { color: #0099CC; text-decoration: none; }

#footer a:visited { color: #CCC; }

#footer a:hover { color: #CC6633; text-decoration: underline; }/* a:focus for non-mouse pointers: e.g. "hotkeys", etc. s.508*/

#footer a:active { color: #CCC; }

#leftsubmenu { font-size:13px; color:#49424F; text-align:left; line-height: 15pt; float:left; width:120px; margin-right:30px; text-align:left; height: 100%; text-decoration:none;}

#leftsubmenu a:link {  float:left; width:120px; margin-right:30px; text-align:left; height: 100%; text-decoration:none;}

#leftsubmenu a:visited {  float:left; width:120px; margin-right:30px; text-align:left; height: 100%; text-decoration:none; color:#666666;}


#leftsubmenu a:hover {  float:left; width:120px; margin-right:30px; text-align:left; height: 100%; text-decoration:none; color:#B75B00; }/* a:focus for non-mouse pointers: e.g. "hotkeys", etc. s.508*/


#leftsubmenu a:active {  float:left; width:120px; margin-right:30px; text-align:left; height: 100%; text-decoration:none; }

#leftsubmenu li { width: 12px; height: 13px; margin-left: -22px; position:relative; list-style:none; background: transparent url(../images/body/triangle.png) 8px 12px no-repeat; background-position:left 1px; margin-top: 1px; }

/* =Main Menu CSS
-----------------------------------------------------------------------------*/





#menu { width: 988; height: 90px; background: url(../images/menu/mainmenu.jpg); margin: 0; padding: 0; position: relative; }
  #menu li {
    margin: 0; padding: 0; list-style: none;
    position: absolute; top: 0;}
  #menu li, #menu a {
    height: 90px; display: block;}
    
    
    


/* = Main Menu Placment of Links
-------------------------------------*/

#home { left: 0; width: 188px; }

#about { left: 188px; width: 176px; }

#pands { left: 364px; width: 175px; }

#cpande { left: 539px; width: 216px; }

#gi { left: 755px; width: 233px; }

/* = Main Menu Hover of Links
-------------------------------------*/

 #home a:hover {
    background: url(../images/menu/mainmenu.jpg)
    0 -90px no-repeat;}
  #about a:hover {
    background: url(../images/menu/mainmenu.jpg)
    -188px -90px no-repeat;}
  #pands a:hover {
    background: url(../images/menu/mainmenu.jpg)
    -364px -90px no-repeat;}
  #cpande a:hover {
    background: url(../images/menu/mainmenu.jpg)
    -539px -90px no-repeat;}
  #gi a:hover {
    background: url(../images/menu/mainmenu.jpg)
    -755px -90px no-repeat;}
    
/* = Main Menu ON-PAGE of Links
-------------------------------------*/

 #home-on {
    background: url(../images/menu/mainmenu.jpg)
    0 -180px no-repeat; width: 188px; left: 0; }
  #about-on {
    background: url(../images/menu/mainmenu.jpg)
    -188px -180px no-repeat; left: 188px; width: 176px;}
  #pands-on {
    background: url(../images/menu/mainmenu.jpg)
    -364px -180px no-repeat; left: 364px; width: 175px;}
  #cpande-on { 
    background: url(../images/menu/mainmenu.jpg)
    -539px -180px no-repeat; left: 539px; width: 216px;}
  #gi-on {
    background: url(../images/menu/mainmenu.jpg)
    -755px -180px no-repeat; left: 755px; width: 233px;}
    

/* =Sub Menu
-----------------------------------------------------------------------------*/




/* =Main Content
-----------------------------------------------------------------------------*/

.floatingleft { float: right }

.bodytext { font:Lucida Grande, Lucida Sans, Trebuchet MS, Tahoma, Verdana, sans-serif; font-size:12.5px; color:#333333; line-height: 16px; }

#footercontainer p { font-size:11px; color:#999999; line-height: 11pt; }

#bodycontainer p { font-size:13px; color:#000033; text-align:left; line-height: 15pt; }

#contentcontainer { float:left; width:600px; text-align:left; height: 100%; padding-bottom: 100px; }

#contentcontainer strong { color:#0033CC; }

#contentcontainer p { margin-bottom: 20px; }

#contentcontainer h1 { font-size: 16px; text-align: left; font-family:Arial, Helvetica, sans-serif; }

#bodycontainer #contentcontainer ul {margin-top:-15px; margin-bottom:35px; }


#contentcontainer li { padding-left: 20px; margin-left: 15px; list-style: none; font:Lucida Grande, Lucida Sans, Trebuchet MS, Tahoma, Verdana, sans-serif; font-size:12.5px; color:#333333; line-height: 16px; text-align:left; color:#003366; position:relative; background: transparent url(../images/body/triangle.png) 8px 12px no-repeat; background-position:left 0px; margin-bottom: 5px; width: 600px; }

#bodycontainer #contentcontainer ul li ul { margin-top:3px; }


/* =Secondary Content
-----------------------------------------------------------------------------*/



/* =Footer
-----------------------------------------------------------------------------*/



/* =Forms
-----------------------------------------------------------------------------*/

/* Removes fieldset borders. even on Opea 7 */
fieldset { border: 1px solid transparent; }

/* =Misc 1
-----------------------------------------------------------------------------*/





/* =Misc 2
-----------------------------------------------------------------------------*/



/*START CONVEYE LINK*/
#conveyelink { width:204px; height:116px; margin-left:auto; margin-right:auto; }

#conveyelink a { width:204px; height:116px; display:block; background: transparent url(http://www.conveye.com/permalinks/conveye-link-medium.png) no-repeat; background-position: 0px 0px; }

#conveyelink a:hover { background-position: -204px 0px; }

#conveyelink a:active { background-position: -204px -1px; border:medium; }   
/*END CONVEYE LINK*/

#wrapper #bodycontainer #contentcontainer #leftcolumn { float: left; width: 250px; }