html, head, body {
          margin: 0px;
          padding: 0px;
}
body {
          background-image: url(http://www.sjsu.edu/pics/bg_shadow.jpg);
          background-repeat: repeat-y;
          background-position: center top;
          background-color: #FFF;
          color: #000;
          text-align: center;
          cursor: default;
       /* overflow-y: scroll; */
}
body, table, td, th, input, textarea, select {
          font-family: Verdana,Helvetica,sans-serif;
          font-size: 11.4px;
          line-height: 17px;
}

.break, .clear {
          font-size: 0px;
          line-height: 0px;
          height: 0px;
          clear: both;
}
.clear_left {
          font-size: 0px;
          line-height: 0px;
          height: 0px;
          clear: left;
}
.f_left {
          float: left;
}
.f_right {
          float: right;
}
.a_left {
          text-align: left;
}
.a_right {

          text-align: right;
}
.a_center,
.ta_center {
          text-align: center;
}      
a {
          background-color: transparent;
          color: #008C00;
          cursor: pointer;
          text-decoration: none;
}
a:hover {         
          background-color: transparent;
          color: #FF7C00;
          text-decoration: underline;
}      
a img {
          border: none;
}
pre {
          background-color: #FFF;
          color: #000;
          font-family: "Courier New", monospace;
          font-size: 10pt;
          padding: 10px;
          border: #C0C0C0 dotted 1px;
          text-align: left;
}  
p {
          margin: 0px;
          padding: 0px;
}

hr, 
.disabled {
          display: none;
}
      
#header {          
          background-image: url(/_img/sjsu/header_green.png);
          background-repeat: no-repeat;
          background-color: #1F590F;
          color: #FFF;
          height: 200px;
          margin-bottom: 30px;
}    

#header a:hover {        
          background-color: transparent;
          color: #F8CA53;
}  
#header ul {          
          margin: 0px;
}      
#header ul,
#header ul li a {         
          background-color: transparent;
          color: #FFF;
} 
#header-green-line {   
          width: 727px;
          float: right;
}
#header-user-bar {       
          width: 700px;
          float: right;
          text-align: right;
          padding: 10px 20px 6px 0px;
}   
#header-user-bar ul {   
          list-style: none;
          padding: 0px; 
          margin-top: 5px;  
          width: 280px;
          float: right;
}     
#header-user-bar ul li {   
          display: inline;
          font-size: 11px;
          padding-left: 20px;
}
#header-links {
          width: 80px;     
          float: right;
          margin-left: 25px;
}
#header-form {        
          width: 480px;
          float: right;
          padding-top: 5px;
          
}    
#header-form label {   
          text-transform: lowercase;
}   
#header-form #sjsuUname,
#header-form #sjsuPwd,
#header-form #sjsuLogin {         
          background-image: url(/_img/sjsu/edit1.png);
          background-repeat: no-repeat;  
          background-position: top right; 
          background-color: #44A325;
          color: #FFF;
          border: #104801 1px solid;
          padding: 2px;    
          margin: 0px;  
          line-height: 14px;
}      
#header-form #sjsuUname:focus,
#header-form #sjsuPwd:focus,
#header-form #sjsuLogin:focus {       
          border: #F8CA53 1px solid ;
}           
#header-form #sjsuLogin {   
          background-image: none;   
          background-color: #44A325;
          color: #FFF;   
          padding: 1px 4px;    
          margin: 0px;  
}            
#header-form #sjsuLogin:hover {   
          background-color: #4AC820;
          color: #FFF;
          margin: 0px;  
}   

#menu {
          list-style: none;     
          padding: 20px 0px 0px 20px;    
          margin: 0px;  
}    
#menu li {  
          padding: 3px 0px 3px 30px;   
          font-size: 12px;
}          
#menu li.selected {  
          background-image: url(/_img/sjsu/dot.png); 
          background-repeat: no-repeat;
          background-position: 15px 8px;   
}                        
#menu strong {          
          background-color: transparent;
          color: #F8CA53;    
}                
       
#content,   
#footer {                   
          width: 980px;
          text-align: left;
          margin: 0px auto;     
}    

                  
#footer {           
          background-color: #F7FBF7; 
          color: #AAA;           
          border-top: #DDDDDD 1px solid;  
          font-size: 10.6px;
          line-height: 16px;     
          padding: 25px 20px 35px 20px;  
          text-align: center;   
          max-width: 940px;
}    
#footer a {  
          background-color: transparent;
          color: #AAA;    
}     
#footer a:hover {         
          background-color: transparent;
          color: #999;   
          border-bottom: #AAA 1px dotted;   
          text-decoration: none;
}   
          
#footericons {    
          margin: 0px auto;    
          width: 600px;   
          text-align: center;   
}     
#footericons a {    
          padding: 0px 20px;
}    
#footericons a:hover {  
          border-bottom: none;   
}   

#bottom-bar {      
          background-color: #FFF;   
          color: #000;     
          border-top: #CCC 1px solid;
          bottom: 0px;
          position: fixed;
          width: 100%;
          text-align: left;
          padding: 1px 10px;
}
#bottom-bar .copyright {
          width: 400px;
          float: right;
}     
#bottom-bar .copyright span {
          background-color: transparent;
          color: #999;    
          font-size: 9px;
}
  
#sjsu-content {            
   /*        background-image: url(/_img/sjsu/r_col_bg.png); 
          background-position: right top;
          background-repeat: repeat-y; */
          padding: 0px;      
} 

#left_col {
          border-right: #DDDDDD 1px solid;
          width: 650px;   
          float: left;   
          padding-bottom: 70px;      
}  
#left_col.left_content {
          width: 650px;   
          max-width: 610px;
          padding: 0px 20px;
}

.content_your_carbon_footprint .left_content,
.content_your_food_footprint .left_content,
.content_your_housing_footprint .left_content,
.content_your_goods_and_services_footprint .left_content {
          border: none !important;
}      

#right_col {           
          width: 310px; 
          max-width: 300px;   
          padding-right: 20px;
          float: right;
}       
#right_col.orange_box {
          background-color: #FFF5C9;
          color: #4E4F4F;
          margin-right: 16px;  
          padding: 15px 10px;
          width: 295px;  
          max-width: 275px;  
}          
#right_col.orange_box h2 {
          font-size: 14px;
}     

#right_col ul {     
          padding: 0px;
          margin: 0px;
          list-style: none;
}     
#right_col ul li {              
          padding: 5px 0px;   
          margin: 0px 10px 0px 14px;
}     
#right_col ul li.admin-item {  
          margin-bottom: 10px;
          border-bottom: #6BAE3B 1px dotted;
}                
#right_col ul li.admin-item a { 
          background-image: url(/_img/sjsu/dot.png); 
          background-repeat: no-repeat;
          background-position: 1px 3px;       
          background-color: transparent;
          color: #FFA73D;    
          font-weight: bold;   
          padding-left: 17px; 
}     
#right_col ul li.large-item {     
          padding: 14px 0px 14px 0px;
          border-bottom: #6BAE3B 1px dotted;
}     
#right_col ul li.large-item span { 
          background-color: transparent;
          color: #4E4F4F;    
          display: block;
          text-align: justify;
          line-height: 14px;
}    
#right_col ul li.large-item img { 
          float: left;
          margin-right: 10px;
}     
#right_col ul li.large-item a.large { 
          display: block;    
          margin: 0px 0px 15px 0px;
          font-weight: bold;
          text-align: right;
          text-transform: uppercase;
}     
#right_col .blog-box {     
          background-image: url(/_img/sjsu/leaf.png); 
          background-repeat: no-repeat;
          background-position: 160px 5px;  
          padding: 15px 0px 5px 0px;   
          margin: 0px 10px 0px 14px;
          font-weight: bold;
}       
#right_col .blog-box h3 {    
          background-image: url(/_img/sjsu/dot.png); 
          background-repeat: no-repeat;
          background-position: 1px 4px;     
          padding: 0px 0px 20px 17px;   
          margin: 0px;    
} 
       
h1.header {
          font-family: "Trebuchet MS",Arial,sans-serif;         
          font-style: normal;
          /* font-size: 26px;
          line-height: 28px;   */ 
          font-size: 22px;
          line-height: 24px;
          padding-left: 2px;
}       
h1.header,
h1.header a {
          background-color: transparent;
          color: #3467CC;
}     

.content_your_carbon_footprint h1.header,
.content_your_food_footprint h1.header,
.content_your_housing_footprint h1.header,
.content_your_goods_and_services_footprint h1.header {
          padding: 0px 20px;
}  
h2 {
          background-color: transparent;
          color: #3467CC;
          font-size: 16px;
          font-style: normal;
          line-height: 18px; 
          padding: 0px;
          margin: 0px 0px 5px 2px;
}
.article h2 {
          margin: 10px 0px 10px 2px;
}   
.article h1,
.article h2,
.article h3,
.article h4,
.article h5,
.article h6 {  
          background-color: transparent;
          color: #3467CC;
}
#leftbottom_col {
          border: none;
}  
input.textinput,
select.textinput {
          border: #003399 1px solid;
          margin-top: 4px;
          margin-right: 4px;
}  
input.textinput:focus, 
select.textinput:focus {
          border: #333 1px solid;
}
  
#message {
          background-color: #3266CC;
          color: #FFF;
          padding: 10px;
          text-align: center;
          font-weight: bold;
          font-size: 12px;
}
      
.white_box {       
          border-top: #F1F1F1 1px solid;              
          padding: 12px 0px 0px 0px;
          margin-bottom: 10px;
          clear: both;
}      
.white_box img {                          
          margin-bottom: 12px;
}             
.white_box_top {       
          border-top: none;

}     
div.validate_error {
          background-color: transparent;
          color: #FF0000;   
          font-size: 11px;
          padding: 2px 0px;
          margin: 0px;
}
.buttonSubmit {       
          background-image: url(/_img/sjsu/edit.png);
          background-repeat: no-repeat;  
          background-position: top right; 
          background-color: #5A89C0;
          color: #FFF;
          border: #476C97 2px solid;
          width: 80px;
          padding-top: 2px;
          padding-bottom: 2px; 
          font-weight: bold;
          font-size: 11px;
          cursor: pointer;
}
.buttonSubmit:hover {
          background-color: #A0CAEF;
          color: #F8CA53;
}
.buttonSubmitDisabled, 
.buttonSubmitDisabled:hover {   
          background-image: none;
          background-color: #EEE;
          color: #CCC;        
          border: #E1E1E1 2px solid;
}
#calc_result {
          background-color: #C0DBF4;
          color: #7E9DB9;    
          border: #7E9DB9 1px solid;  
          empty-cells: show;
          width: 255px;
          height: 60px;
          position: fixed;
          top: 125px;
          margin-left: 700px;
}
#calc_result th{
          display: none;
}
#calc_result td {
          background-color: transparent;
          color: #7E9DB9;      
          font-family: "MS Shell Dlg",Arial,sans-serif;
          font-weight: bold;
          font-size: 11px;
}
#calc_result td.r1 {
          padding-top: 8px;
}
#calc_result td.r2 {
          padding-bottom: 8px;
}
#calc_result td.c1 {
          padding-left: 15px;
}
#calc_result td.c3 {
          padding-right: 10px;
}

a.pop_up_link,
div.pop_up_box {       
          background-color: transparent;
          color: #CC6600;
          margin-top: 10px;
}         
a.pop_up_link {
          background-image: url(/_img/sjsu/dot.png); 
          background-repeat: no-repeat;
          background-position: 0px 5px; 
          background-color: transparent;
          color: #008C00;
          padding-left: 10px;   
          font-size: 12px;
          font-weight: bold;
          text-decoration: none;
          display: block;
}       
a.pop_up_link:hover {      
          background-color: transparent;
          color: #FF7C00;
          text-decoration: none;
}
a.pop_up_link img,
div.pop_up_box img {
          display: none;
}
div.pop_up_box {                
          background-repeat: no-repeat;
          background-color: #FFF5C9;
          color: #000000;
          padding: 5px 0px 0px 0px;
          margin-top: 10px;
}    
div.pop_up_box_form  {
          background-color: transparent;
          color: #000000;
          border-bottom: none;  
          margin: 0px 0px 0px 50px;
}    
                 
div.pop_up_box a {
          background-color: transparent;
          color: #663333;
}           
div.pop_up_box h3 {     
          background-color: transparent;
          color: #3467CC;
          margin: 0px;
          padding: 10px 15px 0px 15px;
          font-size: 14px;
}
div.pop_up_box p {
          padding: 10px 15px 15px 15px;
          margin: 0px;
          text-align: justify;
}    
div.pop_up_box div {
          padding: 0px 15px 10px 15px;
}
div.pop_up_table {
          background-image: none;
          background-color: #FFF;
          color: #2791A9;
          border: none;
          padding: 0px;
          margin: 0px;
          /* border-bottom: #CC6600 3px solid; */
}    
div.pop_up_table th h2 {
          background-color: transparent;
          color: #000000;
          font-weight: normal;  
          font-size: 14px;
          /* border-bottom: #CC6600 3px solid; */
}
div.pop_up_table table {
          width: 80%;
}

div.pop_up_box a.hide_pop_up_box {   
          background-position: 80px -301px;
          background-repeat: no-repeat;  
          background-color: transparent;
          color: #003399;
          display: block;
          float: right; 
          width: 100px;   
          max-width: 75px;   
          height: 16px;
          text-align: right;
          padding-right: 10px;    
          margin-right: 0px;  
          font-size: 10px;
}

div.pop_up_box table.result_table {     
          background-color: #FFF;
          color: #2E6470;
          width: 95%;
          margin-left: 15px;   
          border-top: #FF9000 1px solid;  
          border-left: #FF9000 1px solid;  
          
}       
div.pop_up_box table.result_table th, 
div.pop_up_box table.result_table td {    
          border-right: #FF9000 1px solid;  
          border-bottom: #FF9000 1px solid;  
          padding: 3px 5px;                  
}       
div.pop_up_box table.result_table h2,
div.pop_up_box table.result_table h3 {
          padding: 0px;
          margin: 0px; 
          font-family: Arial,Verdana,Helvetica,sans-serif;
          font-size: 14px;        
          font-weight: normal;  
}                                
div.pop_up_box table.result_table h3 {
          background-color: transparent;
          color: #000000;
}
  
.article {
          text-align: justify;
}  
.box {
          background-color: #FFF5C9;
          color: #000000;
          font-style: italic;
          padding: 10px 15px 12px 15px;
}   
.box h2 {               
          background-color: transparent;
          color: #3467CC;
          font-style: normal;
          font-size: 13.6833px;
}

.simple-table {
          border-bottom: #3266CC 1px solid;
          border-left: #3266CC 1px solid;
          border-collapse: collapse;
}    
.simple-table th,
.simple-table td {     
          background-color: #FFF;
          color: #000;
          border-top: #3266CC 1px solid;
          border-right: #3266CC 1px solid;
          padding: 3px;
}      
div.pop_up_box table.simple-table h2,
div.pop_up_box table.simple-table h3 {       
          padding: 0px;
          margin: 0px; 
          font-size: 11.4px;
          font-weight: normal;  
}
                             
.simple-table th {
          text-align: left;
}                                 
.simple-table th.a_right {
          text-align: right;
}   
.simple-table th.br,
.simple-table td.br {     
          background-color: #FFF4CA;
          color: #000;
}               
.simple-table th.fr,
.simple-table td.fr {     
          background-color: #D7FFC4;
          color: #000;
}                      
.simple-table th.cr,
.simple-table td.cr {             
          background-color: #FFF0D9;
          color: #000;
}                    
.simple-table th.ch,
.simple-table td.ch {             
          background-color: #DFEFFF;
          color: #000;
}                 
.simple-table .strong {             
          background-color: #92ACE2;
          color: #FFF;
}  


/* 
#welcome {
          background-image: url(/_img/sjsu/welcome.png);
          background-position: top center;
          background-repeat: no-repeat;    
          padding-top: 120px;
          text-align: center;
}   
*/

.home-text {
          padding: 0px 20px;
}      
.home-text h3 {
          background-image: url(/_img/sjsu/green-line.png);     
          background-repeat: no-repeat;
          background-color: transparent;
          color: #FFF;
          font-size: 10px;
          margin: 10px 0px 10px -20px;   
          padding: 2px 0px 2px 35px;
}      
