/* CSS Document */
    a {
      color: #eeeeee;
      text-decoration: underline;
    }
    a:hover {
      color: rgb(241,241,241);
    }
    body {
      /*margin: 0;*/
      padding: 0px;
      font-family: Arial,Helvetica,sans-serif;
      font-size: 13px;
      color: #eeeeee;
	  top: 0px;
      text-align: center;
	  width: 1030px;
      background: black url('images/gradient.png') repeat-x;*/
      position: relative; 
	  /* position: absolute;*/    
    }
	
	#xyz_main {
    width: 1030;
    border: 1px solid #666666;
    position: absolute;
    top: 0px;
    left: 15%;
    margin-left: -50px;
}

	
			#mainbg {

	background: url(../images/body-shadow-br.jpg) repeat-x;
	}
#mainbg-2 {

	background: #666666 url(../images/sideleft.jpg) 100% 0 repeat-y;

}



#mainbg-3 {

	background: transparent url(images/sideright.jpg) 0 0 repeat-y;

}



#mainbg-4 {

	background: transparent url(images/sideleft.jpg) 100% 0 no-repeat;

}



#mainbg-5 {

	background: transparent url('images/gradient.png') 0 0 no-repeat;
	padding: 0px 25px;

}
#wrapper {
   margin-left: auto;
   margin-right: auto;
   align: center;
   }

    #all {
		margin-left: auto;
		margin-right: auto;
		width: 900px;
		text-align: left;
		background: #344769 url('images/gradient_2.png') repeat-x;
        align: center;
		
}
      /*width: 900px;
      margin: 0 auto;
      text-align: left;*/      

    #all #head {
      height: 331px;
      position: relative;
      background: #72747d url('images/head.png') no-repeat;
    }
    #all #head p#top-ribbon {
      position: absolute;
	  top: 8px;
      right: 12px;
      font-size: 12px;
    }
    #all #head h1 {
      position: absolute;
      top: 60px;
      left: 22px;   
      background: url('images/h1-line.png') no-repeat center 48px;
      padding: 0px;
      margin: 0px; 
    }
    #all #head h1 a {
      font-weight: bold;
      font-size: 36px;
      color: white;
      text-decoration: none;
    }
    #all #head h1 span {
      font-size: 14px;
      font-weight: normal;
      display: block;
      text-align: center;
      padding-top: 10px;
    }
    #all #head ul#menu {
      margin: 0px;
      padding: 0px;
      position: absolute;
      bottom: 0px;
      left: 0px;
      height: 43px;
    }
    #all #head ul#menu li {
      float: left;
      list-style: none;
      margin: 0px;
      padding: 0px;
      height: 43px;
    }
    #all #head ul#menu li a {
      display: block;
      float: left;
      line-height: 43px;
      height: 43px;
      color: white;
      text-decoration: none;
      font-weight: bold;
      font-size: 14px;
      padding: 0px 10px;
      border-right: 1px solid #bcc2c1;
    }
    #all #head ul#menu li a:hover {
      text-decoration: underline;
    }
    #all h2 {
      font-size: 20px;
      font-weight: normal;
      margin: 15px 20px;
      padding: 20px 0px 6px 0px;
      border-bottom: 1px solid white;
    }
    #all h3 {
      font-size: 17px;
      font-weight: bold;
      margin: 0px 30px;
      padding: 30px 0px 0px 0px;
    }
    #all p {
      margin: 0px;
      padding: 18px 30px 0px 30px;
      line-height: 150%;
    }
    #all #footer {
      border-top: 1px solid #3c3d3f;
      margin: 1px 0px 10px 0px;
      padding: 0px;
    }
    #all #footer p {
      color: #9c9c9c; 
      font-size: 12px;
      position: relative;
    }
    #all #footer p span#sponsors {
      position: absolute;
      right: 10px;
      top: 1px;
    }
    #all #footer p a {
      color: #9c9c9c;
      text-decoration: underline;
    }
    #all #footer p a:hover {
      color: rgb(255,255,255);
    }
	 #main {
    float:left;
    width:600px;
	 background: black url('images/gradient.png') repeat-x;
    
    }
    #sidebar {
    float:right;
    width:280px;
	padding: 10px 10px;
	
   }
   #clear {
    clear: both;
    border-bottom: 0px;}