body {
	background-image: url( '../images/layout/bg.top.gif' );
	background-position: top;
	background-repeat: repeat-x;
  margin-right: 12px;
}

#frame {
/*	width: 900px; */
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
	text-align: left;
/*  border: 1px solid red; 
	min-width: 1020px;*/
		
}

#header {
/*	width: 900px; */
	height: 206px;
	background-image: url( '../images/layout/img.header.gif' );
  background-repeat: no-repeat;
  background-position: center center;
	margin-bottom: 16px;
/*  border: 1px solid yellow; */
}

  #header .beta {
    position: relative; 
    top: 200px; 
    right: 10px;
    float: right; 
/*    margin-right: 18px;*/
    margin-right: 0;
    }







img {}

	img.avatar {
		border: solid #a88930 1px;
	}










#navigation {}

	#navigation {
		color: #b5b5b2;
		width: 155px;
		float: left;
		margin-left: 6px;
		margin-right: 8px;
  border: 2px solid #A98A2F;
	} html>body #navigation { margin-left: 16px; }
	
  
	#navigation .aadepot_logo {
    margin: 5px 5px 14px;
    }
  
	#navigation .menu, #navigation .menu ul {
		padding: 0px;
		margin: 5px;
	}
	
	#navigation .menu {
		width: 145px;
		background-color: #363324;
		margin-bottom: 13px;
		clear: both;
		height: 20px;
		min-height: 20px;
/*    border: 1px dotted red;*/
	}
	
	html>body #navigation .menu {
		height: auto;
	}
	
	#navigation .menu li {
		display: block;
		height: 16px;
		padding: 2px 0px 0px 10px;
		font-size: 11px;
		margin: 0px;
	}
	
	#navigation .menu li, #navigation .menu li a {
		color: #b5b5b2;
		text-decoration: none;
	}
	
	#navigation .menu li a:hover {
		color: white;
	}
	
	#navigation .menu li.title {
		height: 20px;
		background-image: url( '../images/navigation/bg.title.gif' );
		background-repeat: no-repeat;
    background-position: 0 -2px;
    border-top: 1px solid #302E14;
		padding: 2px 0px 0px 30px;
		margin-bottom: 5px;
		color: #da9c00;
		font-size: 12px;
		font-weight: bold;
	}
	
	#navigation .menu li.last {
		height: auto;
		background-image: url( '../images/navigation/bg.bottom.gif' );
		background-repeat: no-repeat;
		background-position: bottom;
		padding-bottom: 10px;
	}
	
	#navigation .menu li.single {
/*		width: 145px; */
    width: 115px;
		float: left;
		height: 24px;
		color: #da9c00;
		font-size: 12px;
		font-weight: bold;
		background-image: url( '../images/navigation/bg.title.gif' );
		background-repeat: no-repeat;
		padding-left: 30px;
	}
	
	html>body #navigation .menu li.single {
/*		width: 132px; */
    width: 115px;	}
	
	#navigation .menu li.single a {
		color: #da9c00;
	}
	
	#navigation .menu li.single a:hover {
		color: white;
	}
	
	#navigation .menu li form {
		color: #b5b5b2;
		margin-right: 26px;
		margin-bottom: 6px;
		border-bottom: solid #da9c00 1px;
	}
	
	#navigation .menu li form label {
		font-size: 14px;
		font-weight: bold;
		color: #da9c00;	
	}
	
	#navigation .menu li form input {
		margin-bottom: 8px;
	}


  #navigation div.nav_right {
  padding: 0 1px 5px 2px; 
  margin: 14px 5px 10px 5px; 
  width: 139px; 
  border: 1px solid #968F86; 
  border-top: 1px solid #A98A2F; 
  background-color: #101010;
  z-index: 100;
  }
  #navigation div.nav_right h3 {
  margin: 0 -2px 0 -2px;
  padding: 2px 8px;
  text-align: left;
  color: #d0d0d0;
  font-size: .9em;
  background: #4A4330;
  }
  #navigation > div.nav_right h3 { /* Without this, Firefox's right border disappears */
  margin: 0 -1px 0 -2px;
  }
  #navigation div.nav_right p {
  text-align: left;
  font-size: .8em;
  color: #aaa;
  margin: 8px 8px 10px 8px;
  }
  #navigation div.nav_right div {
  margin: 0 auto;
  padding: 0;
  border-top: 1px solid #3A3A1A;
  text-align: center;
  width: 134px;
  }
  


#content {}

	#content {
		color: #c1a11b;
/*		width: 647px; */
		float: left;
    border: 2px solid #A98A2F; 
/*    max-width: 82%;
    min-width: 22%;*/
	}
  html>body #content {
    float: none;
    margin-left: 183px;
    }
  
  #content table.content_table {
    width: 100%;
    }
  #content table.content_table td.left {
    vertical-align: top;
    }
  #content table.content_table td.right {
    vertical-align: top; 
    width: 148px;
    }
  #content .aadepot_desc {
     color:#aaa;
     font-size: 13px;
     padding: 3px;
    }
  #content .login_container {
  position: relative;
    float: right; 
    width: 230px;
    background-color: #0f1112; 
    border: 1px solid #968F86;
    border-top: 1px solid #A98A2F;
    margin: 2px 1px 6px 2px;
    }
  #content .login_user {
    padding: 5px 10px 0 10px;
    }
  #content .login_label_username {
    color: #B3B3B3; 
    padding-right: 2px;
    }
  #content .login_label_password {
    color: #B3B3B3; 
    padding-right: 5px;
    }
  #content .login_span {
    position: relative; 
    right: -4px;
    }
  #content input.login_text_input {
  	padding: 0 .2em 0 .2em;
  	border-width: 1px;
  	border-style: solid;
  	border-color: #403636 #574d4d #625959 #443a3a;
  	background-color: #290500;
  	font-family: "trebuchet ms", arial, helvetica, sans-serif;
  	color: #ff8b85;
    }
  #content .login_password {
    padding: 5px 10px 5px 10px
    }
  #content .login_button_input {
    margin: 0 0 0 0; 
    padding-left: 74px;
    }
  #content .login_button_input input.button {
    width: 78px;
    font-size: 97%;
    margin: 6px auto 0 auto;
    border-width: 1px;
    border-style: solid;
    border-color: #774740 #3d0700 #340600 #622a22;
    color: #b3b3b3;
    background-color: #4a0900;
    }
  #content div.clear_both {
    clear: both;
    }
  #content .login_forgot {
    padding: 10px 5px 10px 45px;
    line-height: 40px;
    }
  #content .login_register {
    padding: 5px 15px 10px 5px;
    }
  #content .login_container a:link {
    color: #bbb;
    font-size: 11px;
    text-decoration: none;
    }
  #content .login_container a:visited,
  #content .login_container a:hover,
  #content .login_container a:active {
    color: #ccc;
    }
  #content .login_container .login_register a.login_a_register:link {
    color: #bbb;
    font-size: 11px;
    text-decoration: none !important;
    }
  #content .login_container .login_register a.login_a_register:visited,
  #content .login_container .login_register a.login_a_register:hover,
  #content .login_container .login_register a.login_a_register:active {
    color: #ccc;
    }
  #content .login_container .login_forgot a.login_a_forgot:link {
    color: #bbb;
    font-size: 11px;
    text-decoration: none !important;
    }
  #content .login_container .login_forgot a.login_a_forgot:visited,
  #content .login_container .login_forgot a.login_a_forgot:hover,
  #content .login_container .login_forgot a.login_a_forgot:active {
    color: #ccc;
    }
    
  #content .login_container h3 {
    position: relative;
    padding-left: 10px;
    background-color: #363324;
    }
    
  #content div#featured {
    position: relative; /* To bring layer to the top */
    border: 1px solid #968F86; 
    border-top: 1px solid #A98A2F;
    text-align: center;
    margin-top: 2px;
    }
  #content div#featured #featured_h3 {
     background-color: #363324;
    }
  #content div#featured #featured_img {
    border: 1px solid #6F5F5F
    }
  #content div#featured #featured_desc {
    padding: 7px; 
    text-align: left;
    color: #b3b3b3;
    }
  #content div#featured #coming {
    font-size: 24px;
    font-weight: bold;
    color: #48453A;
    padding-top: 40px;
    }
  #content div#featured #soon {
    font-size: 24px;
    font-weight: bold;
    color: #48453A;
    padding-bottom: 43px;
    }
  #content div#next_mission {
    position: relative; /* To bring layer to the top */
    border: 1px solid #968F86; 
    border-top: 1px solid #A98A2F;
    text-align: center;
    margin-bottom: 10px;
    }
  #content div#clan {
     margin: 10px auto 5px auto; 
     text-align: center;
     } html>body #content div#clan {
       margin-bottom: 5px;
       }
  #content div#clan clan_img {
     }
  #content div#providers {
    position: relative; /* To bring layer to the top */
    }
  #content div#banner_ads {
     position: relative; /* To bring layer to the top */
     border: 1px solid #968F86; 
     border-top: 1px solid #A98A2F;
     padding: 8px 4px; 
     text-align: center;
     margin-bottom: 10px;
     margin-top: 8px;
     } html>body #content div#banner_ads {
       margin-top: 8px;
       }
	
	#content div.box, #content div.box-tall {
		background-color: #363324;
		border-left: solid #5a584c 1px;
		border-top: solid #5a584c 1px;
		padding-top: 3px;
		padding-bottom: 13px;
/*		margin-bottom: 8px; */
    margin: 2px;
	}
  #content div.box {
    position: relative; /* This is a work-around for ie6 that would disappear content upon refresh */
    height: 100%;
    }
  html>body #content div.box {
      height: auto; /* For Moz so div other than first-child does not have huge hieight */
    }

    html>body #content table.content_table tr>td.left>div.box:first-child.box_first {
     height: 350px; /* For IE7, FF, Moz but not IE6 */
    }
    
  #content div.box a.more:link,
  #content div.box a.more:visited {
    text-decoration: none;
    }
  #content div.box a.more:hover,
  #content div.box a.more:active {
    color: #D6D5AB;
    text-decoration: none;
    }
	
	#content div.box-tall {
		min-height: 1000px;
		height: 1000px;
		padding-bottom: 45px;
	}
	
	html>body #content div.box-tall {
		height: auto;
	}
	
	#content div.spacer {
		float: left; /* REM out this float left if div.spacer causes display problem! */
		border-bottom: solid #43402e 1px;
/*		width: 614px;*/
    line-height: 1px;
		height: 1px;
		margin: 3px 24px 0px 8px;
	}
	#content br {
		clear: both;
	}
  #content #missions div.legend {
    margin: 30px 5px 0 8px;
    } html>body #content #missions div.legend {
      margin-top: 40px;
      }

  #content #missions div.legend img {
    float: left;
    }

  #content #missions div.legend span.left {
    float: left; 
    margin-left: 5px;
    font-size: 11px;
    }
  #content div.box-tall div.legend {
    margin: 30px 5px 0 8px;
    } html>body #content #missions div.legend {
      margin-top: 40px;
      }

  #content div.box-tall div.legend img {
    float: left;
    }

  #content div.box-tall div.legend span.left {
    float: left; 
    margin-left: 5px;
    font-size: 11px;
    }
      
  #content #missions h1 {
  width: 585px; /* This solve the problem of div.info from wrapping its content when window is shrunk */ 
  } html>body #content #missions h1 {
    width: 590px;
    padding-left: 7px; /* This is required to correct left align on IE7 */
    margin-left: 0; /* This is required to correct left align on Mozilla */
  }
	
	#content h1, #content p, #content h2 {
		margin-left: 8px;
		margin-right: 8px;
	}
	
	#content h1 {
		font-size: 26px;
/*		color: #68655a;*/
    color: #88857a;
	}
	
	#content h2 {
		font-size: 16px;
		color: #ddd;
	}
   #content h2 a {
    text-decoration: underline
    }
  #content h2 a:visited,
  #content h2 a:hover,
  #content hw a:active {
    color: #bAb98E;
    }
     #content #faq h2 a {
      text-decoration: none
     }

	
	#content h2 b {
		font-weight: normal;
		font-size: 12px;
		color: #cccccc;
	}
	
	#content p {
		color: #c1a11b;
		font-size: 13px;
		line-height: 14px;
		margin-bottom: 14px;
	}
	
	#content p.note, #content p.note-red {
		color: #e5a400;
		font-weight: bold;
		background-color: #484534;
		border: dashed #222016 1px;
		padding: 10px !important;
		margin-top: 10px;
		line-height: 18px;
	}
	
	#content p.note b, #content p.note-red b {
		color: #ffcc4a;
	}
	
	#content p.note-red {
		background-color: #FFFFCC;
		color: black;
	}
	
	#content p.note-red b {
		color: red;
	}
	
	#content #comments {}
			
		#content #comments select#sort {
			margin: 6px 40px 0px 0px;
			float: right;
/*			font-family: Monospace;*/
  	font-family: verdana, "trebuchet ms", arial, helvetica, sans-serif;
			font-size: 11px !important;
			line-height: 1px;
		}
	
	#content .comments {}
	
		#content .comments {
			float: left;
			width: 200px;
		}
		
		#content .comments .title {
			color: white;
			font-size: 16px;
			font-weight: bold;
			margin-top: 12px;
		}
	
	#content .profile {}
	
		#content .profile {
			float: left;
			width: 265px;
			border-right: solid #a98930 1px;
/*      border: 1px solid red;*/
		} html>body #content .profile {
      
      }
		#content .profile_noborder {
      border: none;
    }
    
		#content .profile p.name {
			font-weight: bold;
			margin-top: 13px;
			font-size: 16px;
			color: white;
/*      border: 1px dotted yellow;*/
		}
		
		#content .profile p.username {
			color: #c1a11b;
			font-size: 13px;
			line-height: 14px;
			font-weight: bold;
/*      border: 1px dotted green;*/
		}
		
		#content .profile p.detail {}
			
			#content .profile p.detail {
/*				width: 230px;*/
				height: 11px;
				font-weight: bold;
				border-top: solid #a98930 1px;
				clear: both;
				padding: 6px;
/*        border: 1px dotted gray;*/
			}
      
#content div.box div.inprogress {
  border-bottom: 1px solid #A98930; padding-bottom: 6px; margin: 0 40px 10px 10px;
  }    
#content div.box div.inprogress img.inprogress_img {
  float: right; margin: 8px 0 0 4px
  }  
#content div.box div.inprogress h1 {
  margin-left: 0;
  }
#content div.box div.profile { /* for Public Profile page only: correct width for 1024 resolution screen */
  width: 230px !important;
  }			
#content div.box div.profile p.detail { /* for Public Profile page only: correct width for 1024 resolution screen 
  width: 210px !important;*/
  }
			#content .profile p.detail .key, #content .profile p.detail .value {
				font-size: 11px;
				float: left;
			}
			
			#content .profile p.detail .key {
				color: #a6a57b;
				width: 105px;
				padding-left: 4px;
/*        border: 1px dotted blue;*/
			}
			
			#content .profile p.detail .value {
				color: #c1a11b;
/*				width: 93px;*/
float: right;
				text-align: right;
/*        border: 1px dotted cyan;*/
			}
			
			#content img.avatar {
				float: left;
/*				margin: 14px 0px 0px 20px;*/
        margin: 0 0 0 10px;
			}
			
			#content table.data-list {
				margin: 10px 18px 10px 18px;
/*        border: 1px dotted pink; */
			}
	    
      #content  ol.numeric {
        list-style-type: decimal; 
        font-family: 'trebuchet ms', Verdana, Arial, sans-serif, Verdana, Arial, Helvetica; 
        font-size: 104.6%;
        letter-spacing: normal;
        word-spacing: normal;
        margin-right: 15px;
        margin-left: 40px;
      } html>body #content ol.numeric {
/*          margin-left: -5px; IE7 cannot have this */
        }
      #content  ol.alpha {
        list-style-type: lower-alpha; 
        font-family: 'trebuchet ms', Verdana, Arial, sans-serif, Verdana, Arial, Helvetica; 
        font-size: 104.6%;
        letter-spacing: normal;
        word-spacing: normal;
        margin-right: 15px;
        margin-left: 40px;
      } html>body #content ol.alpha {
/*          margin-left: -5px;; IE7 cannot have this */
        }
      #content ol.numeric ol.alpha {
        margin-left: 25px;
      } html>body #content ol.numeric ol.alpha {
/*          margin-left: -15px; IE7 cannot have this */
        }
      #content ol.numeric ol.alpha ol.roman {
        margin-left: 25px;
      }
      #content ol.roman {
        list-style-type: lower-roman; 
        font-family: 'trebuchet ms', Verdana, Arial, sans-serif, Verdana, Arial, Helvetica; 
        font-size: 104.6%;
        letter-spacing: normal;
        word-spacing: normal;
        margin-right: 15px;
        margin-left: 25px;
      } html>body #content ol.roman {
/*          margin-left: -15px; IE7 cannot have this */
      } html>body #content ol.numeric ol.alpha ol.roman {
/*          margin-left: -15px; IE7 cannot have this */
        }
      #content  ul.disc {
        list-style-type: disc; 
        font-family: 'trebuchet ms', Verdana, Arial, sans-serif, Verdana, Arial, Helvetica; 
        font-size: 104.6%;
        letter-spacing: normal;
        word-spacing: normal;
        margin-right: 15px;
      }
	
	
#footer {} 
  
  #footer {
    margin: 50px 0 0 0;
/*    border: 1px dotted red;*/
    }	
  html>body #footer {
    margin-top: 0;
    }
	
  #footer div.usarmy {
    float: left;
    width: 90px; 
    margin-left: 20px;
    }
	
  #footer div.aa {
    float: left;
    width: 82px;  
    margin-left: 20px;
    }
	
  #footer div.pragmatic {
    float: left;
    width: 197px;  
    margin-left: 20px;
    }
	
	
	#footer #copyright {
/*		width: 635px; */
		float: right;
/*		clear: both; Can't have this on FF */
		font-family: Verdana;
		font-size: 11px;
		color: white;
		margin: 6px 18px 0px 0px;
		padding-bottom: 18px;
		text-align: right;
    width: 300px;
/*    border: 1px dotted yellow;*/
	}
  html>body #footer #copyright {
    margin-top: 0;
    }
	
	#footer #copyright a:link {
    color: #DBB43D;
		font-size: 9px;
    line-height: 15px;
    }
	#footer #copyright a:visited,
  #footer #copyright a:hover,
  #footer #copyright a:active {
    text-decoration: underline;
    }
	
	
	
	
	
	
	
	
.mission {}

	.mission {
		margin-top: 16px;
		height: 102px;
	} html>body #missions .mission {
	  margin-left: 4px;
	  }
	
	.mission .vote, .mission_detail .vote {
		float: left;
		width: 80px;
		height: 103px;
		margin-left: 4px;
		margin-right: 3px;
		text-align: center;
		background-color: #060602;
		background-image: url( '../images/mission/votebg.gif' );
		background-repeat: no-repeat;
	}
	
	.mission .vote .count, .mission .vote .count-x, .mission_detail .vote .count, .mission_detail .vote .count-x {
		color: #ffcf22;
		font-weight: bold;
		font-size: 24px;
		height: 72px;
		padding-top: 25px;
		cursor: default;
	}
	
	.mission .vote .count, .mission_detail .vote .count {
		background-image: url('../images/mission/votebutton.gif' );
		background-repeat: no-repeat;
		/*background-position: center bottom; */
		background-position: center 72px;
		cursor: pointer;
    /*padding-top: 20px; */
		padding-top: 12px;
	}
	
	.mission .vote .count b, .mission .vote .count-x b, .mission_detail .vote .count b, .mission_detail .vote .count-x b {
		display: block;
		color: #887016;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		font-weight: bold;
	}
	
	.mission .info {
		padding: 12px 7px;
    margin-right: 8px;
/*		float: left;
		width: 500px;
width: 77%;*/
		height: 78px;
		background-color: #060602;
		background-image: url( '../images/mission/background.gif' );
		background-repeat: repeat-x;
		border: solid #db9d01 1px;
	}
  html>body .mission .info {
    margin-left: 91px;
    height: 77px;
  }
	
	.mission .info .detail {
		float: left;
		width: 180px;
/*    border: dotted 1px red;*/
	}
	
	.mission .info .detail .title {
		float: left;
		width: 180px;
		color: #ffcf22;
		font-size: 14px;
		font-weight: bold;
	}
	
	.mission .info .detail .author {
		float: left;
		width: 180px;
		clear: left;
		color: #cccccc;
		font-size: 10px;
	}
	
	.mission .info .detail .description {
		float: left;
		width: 180px;
		clear: left;
		color: #c1a11b;
		font-size: 11px;
		line-height: 13px;
	}
	
	.screenshot {
		float: left;
		width: 107px;
		height: 71px;
		overflow: hidden;
		border: solid black 1px;
		margin: 0px 4px 0px 4px;
	} html>body .screenshot {
      margin: 0 0 0 8px;
    }
	
	.screenshot img.open {
		cursor: pointer;
	}
	
	.mission .info .links {
		float: left;
		width: 180px;
		/* height: 50px; */
		margin: 0px 0px 0px 5px;
		font-size: 11px;
		font-weight: bold;
    /* border: 1px red dotted;*/
    /* position: relative; This causes IE7 to disappear section */
	}

  .mission .info .links .links2 {
    position: absolute;
    top: 0;
    right: 0;
    display: inline;
  }	
	.mission .info .links a {
		text-decoration: none;
	}
	
	.mission .info .links a:hover {
		text-decoration: underline;
	}
	
	.mission .info .links a b {
		color: #ffcf22;
	}
	
	
	
	
	
	

.mission_detail {}

.mission_detail {
  width: 97%;
  } html>body .mission_detail {
      margin-left: 4px;
    }
  
	.mission_detail .attributes {
		float: left;
/*		width: 520px;*/
		margin-left: 6px;
	}
	
	.mission_detail .attributes .item, .mission_detail .attributes .item-half {
		font-size: 14px;
		float: left;
		color: #c1a11b;
		margin-bottom: 16px;
	}
	
	.mission_detail .attributes .item {
		width: 153px;
	}
	
	.mission_detail .attributes .item-half {
/*		width: 340px;*/
    width: 306px;
	}
	
	.mission_detail .attributes .item b, .mission_detail .attributes .item-half b {
		font-size: 12px;
		display: block;
		color: #a6a57b;
		font-weight: bold;
	}
	
	.mission_detail .description {
/*		margin: 10px 10px 10px 10px; */
    margin: 10px 10px 10px 4px;
		float: left;
		color: #cccccc !important;
/*		width: 620px; */
		color: #c1a11b;
		font-size: 12px;
		line-height: 13px;
	}
	
	.mission_detail .description b {
		font-size: 14px;
		padding-bottom: 8px;
		display: block;
		color: #a6a57b;
	}
	
	.mission_detail .description p {
		margin: 0px 0px 10px 0px !important;
		padding: 0px !important;
    width: 97%;
	}
	
	.screenshot {
		
	}






.approval_level, .approval_level_highlight {
	color: black;
	font-size: 10px;
	font-family: Verdana;
	text-align: center;
/*	width: 70px; */
  width: 60px;
	height: 15px;
	float: left;
	background-color: #666664;
	margin-right: 4px;
	padding-top: 2px;
}

.approval_level_highlight {
	background-color: #98ca09;
}
	





.comment {}

	.comment {
		margin: 0px 40px 25px 10px;
		padding: 4px 0px 0px 0px;
		border-top: solid #a98930 1px;
	}
	
	/** .comment > * { border: solid red 1px; } **/
	
	.comment .author {
		float: left;
		width: 225px;
		font-size: 12px;
	}
	
	.comment .author a {
		text-decoration: none;
		color: #c1a11b;
		font-weight: bold;
	}
	
	.comment .date {
		font-size: 12px;
		color: #a6a57b;
		float: left;
		width: 195px;
	}
	
	.comment .vote {
		float: right;
/*		width: 164px;*/
		text-align: right;
	}
	
	.comment .vote .rating, .comment .vote .rating-long {
		width: 90px;
		font-weight: bold;
		float: left;
		display: inline;
		font-size: 14px;
		margin: -2px 6px 0px 0px;
	}
	
	.comment .vote .rating-long {
		width: 113px;
	}
	
	.comment .body {
		float: left;
		width: 416px;
	}
	
	.comment .body p {
		color: #a6a57b !important;
		margin: 0px 0px 10px 0px !important;
		padding: 5px 0px 0px 0px !important;
	}
	
	.comment br {
		clear: both;
	}
	
	.comment .vote_button {
		cursor: pointer;
	}









.error_box {}

	.error_box {
		margin: 20px 20px 4px 20px;
		font-weight: normal;
	}
	
	.error_box h3 {
		color: maroon;
	}
	
	.error_box ul {
		margin: 10px 30px 6px 30px;
		padding: 0;
	}
	
	.error_box ul li {
		color: maroon;
	}
	







form.vertical {}

	form.vertical {
		margin: 20px 0px 0px -10px;
	}
	
	html>body form.vertical {
		margin: 20px 0px 0px 10px;
	}

	form.vertical label, form.vertical input, form.vertical select {
		float: left;
	}
	
	form.vertical label {
		width: 90px;
		font-size: 16px;
		font-weight: bold;
		color: #a98930;
		text-align: right;
    padding-left: 10px;
		padding-right: 10px;
		line-height: 22px;
    text-align: left;
	}
	
	form.vertical .f_dropdown {
		width: 160px;
		font-size: 14px;
		margin-bottom: 10px;
		background-color: #e5ce90;
		border: solid black 1px;
		padding: 1px;
	}
	
	form.vertical .f_text {
		width: 150px;
		font-size: 14px;
		margin-bottom: 10px;
		background-color: #e5ce90;
		background-image: url( '../images/layout/bg.form.field.gif' );
		border: solid black 1px;
		padding: 4px;
	}
	
	form.vertical .f_submit {
		color: white;
		font-weight: bold;
		background-color: #a98930;
		background-image: url( '../images/layout/bg.form.button.gif' );
		border: solid black 1px;
		padding: 2px 12px 2px 12px;
	}
	
	form.vertical .f_hidden {
		display: none;
	}
	
	form.vertical br {
		clear: both;
	}










form.columns {}
	
	form.columns {
/*		margin: 0px 0px 0px 16px; We want to flush left all the way */
    margin: 0;

	}
/*	 REM 12/14/06
	form.columns hr, form.columns fieldset {
		width: 600px; 
	}
  */
	form.columns hr, form.columns fieldset {
/*		width: 600px; */
      width: 95%; /* % value prevents container div to drop to bottom when window width is shrunken */
	}

	form.columns fieldset {
		border: none;
		border-top: solid #68655a 1px;
/*		margin: 18px 0px 0px 0px;
		padding: 8px 6px 0px 6px;*/
		margin: 18px 0px 0px 10px;
		padding: 8px 6px 0px 0px;
	}
/* REM 12/14/06	
	form.columns fieldset {
		border: none;
		border-top: solid #68655a 1px;
		margin: 18px 20px 0px 0px;
		padding: 8px 6px 0px 6px;
	}
	*/
	form.columns fieldset.hidden {
		padding-top: 0px;
		margin-top: 0px;
		border: none;
	}
	
	form.columns fieldset legend {
		color: white;
		font-size: 16px;
		font-weight: bold; 
    margin-left: 10px;
		margin-bottom: 8px;
	}
	
	html>body form.columns fieldset legend {
		margin-bottom: 0px;
	}
	
	form.columns fieldset legend b {
		color: red;
	}
	
	form.columns fieldset div.description {
		color: #c1a11b;
		display: block;
		font-size: 12px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		margin-bottom: 20px;
	}
	
	form.columns span.note {
		font-size: 10px;
	}
	
	form.columns br {
		clear: left;
	}
	form.columns label {
		font-size: 16px;
		font-weight: bold;
		color: #a98930;
		float: left;
		margin-bottom: 2px;
    margin-left: 5px;
	}
  form.columns div.section_inline_fit {
    float: left;
		margin-top: 15px;
    margin-right: 5px;
  }
	form.columns div.section_inline_88 {
    float: left;
    width: 88px; 
    text-align: left;
    margin-right: 10px;
  }
	form.columns div.section_inline_70 {
    float: left;
    width: 70px; 
    text-align: left;
    margin-right: 10px;
  }
	form.columns div.section_inline_105 {
    float: left;
    width: 105px; 
    text-align: left;
    margin-right: 10px;
  }
	form.columns div.section_inline_115 {
    float: left;
    width: 115px; 
    text-align: left;
    margin-right: 10px;
  }
	form.columns div.section_inline_125 {
    float: left;
    width: 125px; 
    text-align:  left;
    margin-right: 10px;
  }
	form.columns div.section_inline_1x {
    float: left;
    width: 145px; 
    text-align:  left;
    margin-right: 10px;
  }
  form.columns input.radio {
    margin-bottom: 0px;
  }
	form.columns input.float_left {
    float: left;
  }
	form.columns label.radio_label,
  form.columns label.checkbox_label {
    margin-top: 1px;
		margin-bottom: 0px;
	}
	
	form.columns input, form.columns textarea, form.columns select {
		font-size: 16px;
		margin-bottom: 18px;
	}

	form.columns label {
		font-size: 12px;
	}
	
	html>body form.columns label {
		padding-right: 0px;
	}
	
	form.columns label b {
		color: red;
	}
	
	form.columns #avatar_image {
		border: solid #2d2a1d 8px;
	}
	
	/** SECTIONS **/
	form.columns div.section-quarter {}
	
		form.columns div.section-quarter {
			float: left;
			/*width: 150px; */
			width: 170px;
		}
		
		form.columns div.section-quarter input.f_text {
			width: 130px;
		}
		
		form.columns div.section-quarter select  {
			width: 140px;
		}
		
		form.columns div.section-quarter textarea {
			width: 130px;
		}
		
		form.columns div.section-quarter textarea.f_small {
			height: 100px;
		}
		
		form.columns div.section-quarter textarea.f_medium {
			height: 200px;
		}
		
		form.columns div.section-quarter textarea.f_large {
			height: 300px;
		}
  form.columns div.section-checkbox {
    width: 50px;
    }
/* REM 12/14/06        */
	  form.columns div.section-quarter label.inline {
      position: relative; 
      top: -36px; 
      left: 30px; 
      font-weight: normal;
    }
	  html>body form.columns div.section-quarter label.inline {
      position: relative; 
      top: -33px; 
    }

	form.columns div.section-half {}
	
		form.columns div.section-half {
			float: left;
			width: 300px;
		}
/* REM 12/14/06    */
		form.columns div.section-half label.inline_bold {
      position: relative; 
      top: -36px; 
      left: 30px;
    }
		html>body form.columns div.section-half label.inline_bold {
      top: -33px; 
    }

		form.columns div.section-half input.f_text {
			width: 280px;
		}
		
		form.columns div.section-half select  {
			width: 290px;
		}
		
		form.columns div.section-half textarea {
			width: 280px;
		}
		
		form.columns div.section-half textarea.f_small {
			height: 100px;
		}
		
		form.columns div.section-half textarea.f_medium {
			height: 200px;
		}
		
		form.columns div.section-half textarea.f_large {
			height: 300px;
		}
		
	form.columns div.section-third {}
	
		form.columns div.section-third {
			float: left;
			width: 450px;
		}
		
		form.columns div.section-third input.f_text {
			width: 430px;
		}
		
		form.columns div.section-third select  {
			width: 440px;
		}
		
		form.columns div.section-third textarea {
			width: 430px;
		}
		
		form.columns div.section-third textarea.f_small {
			height: 100px;
		}
		
		form.columns div.section-third textarea.f_medium {
			height: 200px;
		}
		
		form.columns div.section-third textarea.f_large {
			height: 300px;
		}
		
	form.columns div.section-full {}
	
		form.columns div.section-full {
			float: left;
			width: 400px;
		}
		
		form.columns div.section-full input.f_text {
			width: 380px;
		}
		
		form.columns div.section-full select  {
			width: 390px;
		}
		
		form.columns div.section-full textarea {
			width: 480px;
		}
		
		form.columns div.section-full textarea.f_small {
			height: 100px;
		}
		
		form.columns div.section-full textarea.f_medium {
			height: 200px;
		}
		
		form.columns div.section-full textarea.f_large {
			height: 300px;
		}
	
		div.section-block {
			display: block;
			height: 20px;
		}
		div.section-clear {
			clear: both;
		}
	/** FIELDS CLASSES **/	
	form.columns .f_hidden {
		display: none;
	}
	
	form.columns textarea {
		font-size: 14px;
		background-color: #e5ce90;
		background-image: url( '../images/layout/bg.form.field.gif' );
		border: solid black 1px;
		padding: 4px;
	}
	
	form.columns .f_text {
		font-size: 14px;
		background-color: #e5ce90;
		background-image: url( '../images/layout/bg.form.field.gif' );
		border: solid black 1px;
		padding: 4px;
	}
	
	form.columns .f_menu {
		font-size: 16px;
		background-color: #e5ce90;
		background-image: url( '../images/layout/bg.form.field.gif' );
		border: solid black 1px;
	}
	
	form.columns .f_menu#avatar_menu {
		margin-left: 8px;
		width: 190px;
		height: 90px;
	}
	
	form.columns .f_submit {
		color: white;
		font-weight: bold;
		background-color: #a98930;
		background-image: url( '../images/layout/bg.form.button.gif' );
		border: solid black 1px;
		padding: 2px 12px 2px 12px;
	}
	
	form.columns .f_dropdown {
/*		font-size: 16px;*/
    font-size: 14px;
		background-color: #e5ce90;
		border: solid black 1px;
		margin-top: 1px;
	}
	
	
	
	
	
	

table.data-list {}

	table.data-list {
		border-collapse: collapse;
	}
	
	table.data-list td {
		border: solid black 1px;
		padding: 6px;
	}

	table.data-list tr.head td {
		background-color: #060602;
		background-image: url( '../images/mission/background.gif' );
		background-position: 0px -12px;
		color: #ffcf22;
		font-size: 16px;
		font-weight: bold;
	}
	
	table.data-list tr.body td {
		color: #cccccc;
		font-weight: bold;
		background-color: #4f4b38;
	}
	
	





div.button {
	float: left;
	font-size: 12px;
	font-weight: bold;
	color: #c1a11b;
	background-color: #2d2d15;
	background-image: url( '../images/layout/img.buttonbg.gif' );
	border: solid #a98930 1px;
	padding: 3px 20px 4px 20px;
	margin: 10px 4px 5px 4px;
	cursor: pointer;
} html>body #content div.button {
  margin-left: 8px;
  margin-right: 0px;
  }

div.button-disabled {
	float: left;
	font-size: 12px;
	font-weight: bold;
	color: #7c6b22;
	background-color: #2d2d15;
	border: solid #76673d 1px;
	padding: 3px 20px 4px 20px;
/*	margin: 10px 0px 0px 20px;*/
  margin: 10px 4px 5px 4px;
	cursor: default;
} html>body #content div.button-disabled {
  margin-left: 8px;
  margin-right: 0px;
  }
div.paging {
  float: left; 
  margin: 14px 15px 0 15px;
}






.status_1 { font-weight: bold; color: #99cc00; background-color: #3b6527; }
.status_2 { font-weight: bold; color: #ff9900; background-color: #7f5422; }
.status_3 { font-weight: bold; color: #ff3300; background-color: #64231c; }
.status_4 { font-weight: bold; color: #ddd; border:
 }

span.status_1, span.status_2, span.status_3, span.status_4 {
	padding: 0px 8px 2px 8px;
	border: solid #292929 1px;
}

div.status_1, div.status_2, div.status_3, div.status_4 {
	font-size: 14px;
	padding: 8px;
	margin: 6px 16px 6px 12px;
}
div.status_1, div.status_2, div.status_3  { /* We want to flush left */
 margin-left: 8px;
}
div.status_4  { /* We want to flush left */
 padding-left: 0; 
 margin-left: 8px;
}

div.status_1 b, div.status_2 b, div.status_3 b, div.status_4 b {
	color: white;
}

.stat_1 { font-weight: bold; color: #99cc00; }
.stat_2 { font-weight: bold; color: #ff9900; }
.stat_3 { font-weight: bold; color: #ff3300; }
.stat_4 { font-weight: bold; color: #dddddd; }






div.multifile {
	height: 26px;
	font-size: 11px;
	font-family: Verdana;
	background-color: #e5ce90;
	border: solid black 1px;
	clear: both;
}

div.multifile div.path {
	float: left;
	width: 530px;
	overflow: hidden;
	padding: 6px;
}

div.multifile input {
	float: left;
	font-size: 10px;
	margin-top: 3px;
}






.manage_screen {
	float: left;
	width: 107px;
	margin-left: 16px;
}

.manage_screen .screen img.open {
	cursor: pointer;
}

.manage_screen .options input {
	width: 106px;
}







.gallery_item {
	height: 74px;
	background-color: #060602;
	background-image: url( '../images/mission/background.gif' );
	background-repeat: repeat-x;
	margin: 10px 20px 0px 20px;
	padding: 12px 0px 12px 0px;
	border: solid #db9d01 1px;
}

.gallery_item .description {
	float: left;
	width: 335px;
	height: 70px;
	margin-left: 10px;
}

.gallery_item .description b {
	display: block;
	font-size: 16px;
}

.gallery_item .options {
	float: left;
	width: 124px;
}

.gallery_item .options .button {
	margin: 0px !important;
}








.gallery {
/*	float: left;
	width: 613px;
  width: 92.5%;*/
	height: 104px;
	margin: 10px 8px 10px 8px;
	border: solid #db9d01 1px;
	background-color: #060602;
	background-image: url( '../images/mission/background.gif' );
	background-repeat: repeat-x;
}
html>body .gallery {
  margin-left: 8px;
}

.gallery .screenshot {
	margin: 14px 3px 14px 3px;
}
html>body .gallery .screenshot {
  margin-left: 8px;
  }

.gallery .info {
	width: 274px;
	float: left;
	margin-top: 12px;
	margin-left: 3px;
/*  border: 1px dotted red;*/
}

.gallery .info .title {
	font-size: 14px;
	font-weight: bold;
	color: #ffcf22;
	cursor: pointer;
}

.gallery .info .author {
	margin-bottom: 6px;
}

.gallery .info .description p {
	margin: 0px !important;
	padding: 0px !important;
  font-size: 11px !important;
}

.gallery .links {
	float: left;
/*	width: 125px;*/
	width: 180px;
	height: 50px;
	margin: 12px 0px 0px 0px;
	font-size: 11px;
	font-weight: bold;
/*  border: 1px dotted red;*/
}

.gallery .links a {
	text-decoration: none;
}

.gallery .links a:hover {
	text-decoration: underline;
}

.gallery .links a b {
	color: #ffcf22;
}




.p-depad p {
	margin-left: 20px !important;
}





.letter-holder {
	float: left;
	width: 405px;
	margin-left: 120px;
}

.letter {
	float: left;
	width: 6px;
	margin: 10px 5px 10px 0px;
	background-color: #242411;
	padding: 10px;
}

.letter a {
	color: #ffcf22 !important;
	text-decoration: none !important;
}

.letter a b {
	color: white !important;
}











.asset {
	float: left;
	width: 280px;
	height: 104px;
	margin: 10px 5px 10px 20px;
	border: solid #db9d01 1px;
	background-color: #060602;
	background-image: url( '../images/mission/background.gif' );
	background-repeat: repeat-x;
}

.asset .title {
	margin: 5px 10px 0px 10px;
	font-size: 16px;
	font-weight: bold;
	color: #ffcf22;
}

.asset .author {
	margin-left: 10px;
	margin-bottom: 0px;
}

.asset .description {
	margin-left: 10px;
	height: 37px;
}

.asset .links {
	margin-left: 10px;
	font-size: 12px;
	font-weight: bold;
}

.asset .links a {
	text-decoration: none;
}

.asset .links a:hover {
	text-decoration: underline;
}

.asset .links a b {
	color: #ffcf22;
}

#faq {}

#faq p.indent {
  margin-left: 17px;
}

/* MAP OF THE WEEK */

  .map_week {
    position: relative; /* To bring layer to the top */
    border: 1px solid #968F86; 
    border-top: 1px solid #A98A2F;
    text-align: center;
    margin-top: 2px;
    }
  .map_week h3 {
     background-color: #363324;
    }
  .map_week a img {
     border: 1px solid #666;
    }
  .map_week div h4.map_week_name {
    color: #aaa !important;
    font-size: 11px;
    margin: 0 10px;
    padding: 0 0 3px 0;
    border-bottom: 1px solid #222;
    }
  .map_week div .map_week_desc {
    font-size: 10px !important;
    padding: 5px 2px 0; 
    margin-bottom: 5px !important;
    text-align: left;
    color: #aaa !important;
    }