﻿
body {  
height:100%;
background: url('../../images/body_bg.gif') repeat-x;
}

#mainContentWrapper {
 margin: 30px auto 0 auto;
 width:1005px;
 position:relative;
 background: url('../../images/content_bg_1005px.gif') repeat-y;
 padding: 0 0 0 0;
}

#mainContent {
 margin: -300px 17px 0 16px;
 width:964px;
 padding: 0;
}

#contentBottomCap 
{
	height:30px;
	width:1030px;
	background: url('../../images/content_bottom_bg_1005px.png') no-repeat;
}

#contentTopCapWithGradient {
	height:330px;
	width:1000px;	
	background: url('../../images/content_topCapWithGradient_bg_1006px.png') no-repeat;
}


/* Header */

#header {
	background:#fff;
}

  #header h1 {
    text-indent:-100em;
    overflow: hidden;
    background: url('../../images/en/Navigation/QM_logo.gif') no-repeat;
    height: 99px;
    width: 241px;
    float:left;
    margin: 0 0 0 20px; 
    padding:0;
  }
  
  #header h2 {
    text-indent:-100em;
    overflow: hidden;
    background: url('../../images/en/Navigation/ValidateYourAnswers.gif') no-repeat;
    height: 71px;
    width: 262px;
    float:right;
    margin: 0 20px 0 0; 
    padding:0;  
  }
  
  #header h1 a {
    height: 90px;
    width: 230px;
	display:block;
  }
  
  #header #addTopic,
  #header #signUp {
    text-indent:-100em;
    overflow: hidden;
    height: 40px;
    width: 163px;
    float:right;
    margin: 3px 20px 0 0; 
    padding: 0; 
  }

  #header #signUp {
    background: url('../../images/en/HomePg/btn_signUp.gif') no-repeat;
  }
  
  #header #addTopic {
    background: url('../../images/en/HomePg/btn_addTopic.gif') no-repeat;
  }  
  
  #header form {
    clear:right;
    float:right;
	width: 300px;
	display:inline;
	position:relative;
    margin: 0 20px 0 0;
  }  

  #header ul
  {
    clear:both;
    list-style: none;
    margin: 10px 0 0 0;
    padding: 0;
    border: none;
    height:28px;
    width:973px;
    background: url('../../images/topNav_bg.gif') repeat;
  }

    #header li
    {
      font: bold 10px Verdana;
      color: #a6a6a6;
      display: block;
      margin: 0;
      padding: 0;
      float: left;
      width: 123px;
      height:23px;
      line-height:23px;
      border-left: 1px solid #cdcdcd;
    }
	

      #header li a
      {
        color: #a6a6a6;
        display: block;
        width: auto;
        text-decoration: none;
        text-align:center;
        margin: 0;
        padding: 0;
        height:28px;   
      }
      
      #header li a HorzNavBar
      {
        color: #a6a6a6;
        display: block;
        width: 250px;
        text-decoration: none;
        text-align:center;
        margin: 0;
        padding: 0;
        height:28px;   
      }      
      
      #header li.firstItem { border-left: 0; padding-left: 5px; width: 169px;}      
      #header li.linkBtnGap { border-left: 0; padding-left: 5px; width: 700px;}
      #header li.languageItem { border-left: 0; padding-left: 5px; width: 169px;}
      
      linkBtnGap
      
      
	

/* Side Column */

	
#sideColumn {
  clear:both;
  float:left;
  width:175px;
  margin-top: -3px;
}

* html #sideColumn {
	width:170px;
}

	#authArea {
		background: #136EA7;
	    padding: 15px 15px 70px 15px;    
	}

	#sideNav {
		background: #136EA7; 
		margin: 0 0 0 0;
		padding: 10px 0 30px 0;	
	}
	
		#sideNav h4 {
			font: bold 12px Verdana;
			font-style: italic;
			color: #fff;
			margin-left: 10px;
		}
		

		
		#sideNAv ul {
		    clear:both;
		    list-style: none;
		    margin: 15px 0 0 0;
		    padding: 0;
		    border: none;	
		}
		
			#sideNav li {
		      display: block;
		      margin: 0;
		      padding: 0;
		      height:37px;
			  width:175px;			  
			}
			
			#sideNav li a {
		        display: block;
		        text-decoration: none;
		        margin: 0;
		        padding: 0;
		        height:37px;
				width:175px;
				text-indent: -1000em;
			}
			

	
/* Content area */

	#content { min-height:360px; background:#fff; float:left; width:620px; }
	
	#googleAdSense {   width:170px; margin-top:7px; margin-left:7px; }
	
	#rotatingHints { height:200px; background:#73BD1E;  width:180px; font-size:small; color:White}
	
	* html #content { height:360px; background:#fff; float:right; width:620px;}


  #footer ul
  {
    clear:both;
    list-style: none;
	margin: 0 auto 0 auto;
	width:360px;
    padding: 0 0 40px 0;
    border: none;
  }

    #footer li
	{
      font: normal 10px Verdana;
      color: #777;
      display: block;
      margin: 0 10px 0 0;
      padding: 0;
	  float:left;
	  width:40px;
	  text-align:center;
    }

    #footer li a {
        color: #777;
        display: block;
        text-decoration: none;
        margin: 0;
        padding: 0;
 
    }


  
  /* Form styling for the search area */
  

    #header .editBox {
      border-top: 1px solid #A1A1A1;
      border-left: 1px solid #ACACAC;
      border-right: 1px solid #8B8B8B;
      border-bottom: 1px solid #BFBFBF;
      width: 180px;
      height: 15px;
	  margin-right: 5px;
      padding: 2px 0 1px 3px;
      letter-spacing: 1px;
      color: #1A1A1A;
	    position:absolute; 
	    right: 75px;
	    top:3px;
    }
    
    #header .searchButton {
      width: 68px;
      height: 26px;
	  position:absolute;
	  right: 0; top:0;
      margin:0; padding:0; border: 0;
      background: transparent url('../../images/en/Navigation/btn_search.gif') no-repeat center top;
      text-indent: -1000px;
      cursor: pointer;
    }
	
/* styling for login form */	

    #authArea label span { font: normal 11px Verdana; color: #DFEEE6 }
  
    #authArea .editBox { 
      border: solid 1px #62ACD5;
	  padding: 2px 0 1px 3px;
      width: 139px;
      letter-spacing: 1px;
      color: #1A1A1A	  
    }

    #authArea .loginButton { 
      width: 63px;
      height: 28px;
      margin: 10px 0 0 0; padding:0; border: 0;
      background: transparent url('../../images/en/Navigation/btn_login.gif') no-repeat center top;
      text-indent: -1000em;
      cursor: pointer;
    }
 
	#sideNav .logoutButton {
      width: 62px;
      height: 27px;
	  display:block;
      margin: 10px 0 0 101px; padding:0; border: 0;
      background: transparent url('../../images/en/Navigation/btn_logout.gif') no-repeat center top;
      text-indent: -1000em;
      cursor: pointer;		
	}
 

  
.forgotUsername 
    {
      font: normal 9px/34px Verdana;
      text-decoration:none;
      letter-spacing: -0.5px;
      color: #c2e0fa;      
      display:block;
      height:36px;
      background: url('../../images/login_forgotten_btn.gif') no-repeat right top;
    }	
    


			








	
