/* page and body settings */
 html {
  padding : 0;
  margin : 0;
  }
  body {
  text-align: left;
  padding: 0;
  margin : 0 0 10px 0;
  background-color : #f7f7f7;
  font: 12px Verdana, Helvetica, sans-serif;
  }/* */
/* begin default styling of elements */
  div {
  margin : 0;
  padding : 0;
  }
  p {
  margin : 0px 0px 12px 0px;
  padding : 0;
	color: #666666;
  }
			
			ul li {
			color: #666;
			}
  span {
  margin : 0;
  padding : 0;
			 vertical-align: bottom;
  }
  img {
  border: none;
  padding : 0;
  margin : 0;
  background-color : none;
  }
  a img {
  border : none;
  }
  hr {
  background: #cdcfd0;
  border: 0;
  color: #cdcfd0;
  height: 1px;
  margin: 0 0 10px 0;
  }
/* default lists, blockquotes, and tables and other specialized elements */
/* font-sizes and line-heights below are common across entire document */
/* for elements with font-sizes or line-heights that change during document, */
/* remove font-size and line-height settings from here and style explicitly below */
  blockquote {
  border : 1px solid #ffcc00;
  margin: 0 0 12px 0;
  padding: 10px 15px 10px 15px;
  background: #f7f7f7;
  font-size : 1.2em;
  line-height : 1.3em;
  color : black !important;
  }
/* forms */
  form {
  padding : 0;
  margin : 0;
  }
  fieldset {
  margin : 0;
  padding : 0;
  border : none;
  }
 label {
  margin : 0;
  padding : 0;
  }
  input {
  margin : 0 0 5px 0;
  padding : 0;
  vertical-align : middle;
  }
  input.button {
  font-weight : bold;
  color : #666666;
  font-size : 1.2em;
  padding : 1px 3px 1px 3px;
  vertical-align : top;
 }
  input.input_box {
  vertical-align : middle;
  padding : 1px;
  }
  .radio_button {
  margin-right : 3px;
  vertical-align : middle;
  }
  select {
  margin : 0;
  padding : 0;
  vertical-align : middle;
  }
/* default table (invisible) */
  table {
  padding : 0;
  margin : 0 0 12px 0;
  border-collapse : collapse;
  clear : both;  /* for clearing floated images */
  }
/* default headers */
  h1, h2, h3, h4, h5, h6 {
  margin : 0;
  padding : 0;
  margin-bottom : 5px;
  color : #666666;
  font-weight : bold;
  }
  /* font sizes here are global for the entire document; */
  /* for headers that change size, remove here and size below in each container */
  h1 {
  font-size : 21px;
  font-weight : normal;
  color : #666666;
  }
  h2 {
  font-size : 20px;
  font-weight : normal;
  color : #666666;
  }
  h3 {
  font-size : 14px;
  font-weight : bold;
  }
  h4 {
  font-size : 13px;
  }
  h5 {
  font-size : 12px;
  }
  h6 {
  font-size :11px;
  letter-spacing : .5px;
  color : #666666;
  font-weight : bold;
  margin-bottom : 0;
  }
  small {
  font-size : 85%;
  color : #666666;
  }
/* default links */
  a { color: #da4040; text-decoration: none; font-weight : normal; }
  a:link { color: #da4040; }
  a:visited { color: #da4040; }
  a:hover { color: #da4040; text-decoration: underline; }
  a:active { color: #da4040; text-decoration: underline; }
  a img  { border : 0; }
/* reusable utility code */
  .left  { float: left; }
  img.left { margin: 0 10px 10px 0; }
  .right { float: right; }
  img.right { margin: 0 0 10px 10px; }
  .center  { text-align: center; }
  /* this is for using on a block-level container element */
  /* and will center contents inside the container */
  .centered { display: block; margin: 0 auto 10px auto; }
  /* this is for using on an inline element, such as an image */
  /* and will turn the element block, and center the element within its container */
  .indent  { display:block; margin-left: 20px !important; }
  .hidden  { display: none; }
  .top_border { border-top : 4px solid #6699cc; }
  .no_border { border: none !important; } 
  .clear { clear: both; }
			
			.date {
			float:right;
			margin: 2px 0 0 0;
			font-size: 85%;
			}
			.black {
			color: #000 !important;
			font-weight: bold;
			}
			
			.black a {
			color: #000 !important;
			font-weight: bold;
			}
			
/* begin page layout */
  #page_wrapper {
  margin: 0 auto 0 auto;
  padding : 0;
  text-align: left;
  width: 755px;
  border : solid 1px #f7f7f7;
  background-color : white;
  }
/*Start Header*/
	
			#header {
			margin: 0;
			padding: 5px;
			position: relative;
			}
			#search {
			position: absolute;
			top: 35px; /* 10px */
			right: 30px; /*50px*/
			} 
			
			#search p {
			/*font-size: 10px;*/
			margin: 0;
			padding: 0;
			color:#da4040; /*delete*/
			font-weight: bold; /*delete*/
			}
			
			#search input {
			margin: 5px 0 0 0;
			padding: 0;
			background-color:#e5e5e5;
			border: 1px solid #ccc;
			}
			
			#search a {
			color: #666;
			color:#da4040; /*delete*/
			font-weight: bold; /*delete*/
			}
			
/*Start Nav Menu*/
			
			#topnav {
  list-style : none;
			 width:753px;
			 height: 23px;
			 border-bottom: 3px solid #cccccc;
  padding : 0;
  margin : 0;
			 background-color: #999999;
  }
			#topnav ul {
			margin: 0 0 0 20px;
			padding:0;
			}
  #topnav li {
  color : #fff;
  display : inline;
			 float: left;
  margin : 0;
			 padding: 0;
  display : block;
  font-size : 10px;
  font-weight : bold;
  }
  #topnav li a {
			 margin: 0;
  color: #fff;
  text-decoration: none;
  display: block;
  padding : 5px 10px 5px 10px;
  font-weight : bold;
  }
  #topnav li a:link  { color: #fff; text-decoration: none; }
  #topnav li a:visited { color: #fff; text-decoration: none; }
  #topnav li a:hover { color: #fff; text-decoration: none; background-color : #656565; }
  #topnav li a:active { color: #fff; text-decoration: none; }
  #topnav li.current a {
  background-color : #656565;
  }
/*Begin mid nav*/
			
			#midnav {
  list-style : none;
			 width:753px;
			 height: 69px;
  padding : 0;
  margin : 0;
			 background-color: #e6e0d4;
			 position:relative;
			 border-bottom: 5px solid #fff;
  }
			
			#midnav .title {
			position: absolute;
			top: 10px;
			left: 29px;
			width: auto;
			}
			#midnav ul {
			bottom: 0;
			top: 47px;
			position: absolute;
			margin: 0 0 0 20px;
			padding:0;
			width: 700px;
			}
  #midnav li {
  color : #7496a0;
  display : inline;
			 float: left;
  margin : 0;
			 padding: 0;
  display : block;
  font-size : 10px;
  font-weight : bold;
  }
  #midnav li a {
			 margin: 0;
  color: #7496a0;
  text-decoration: none;
  display: block;
  padding : 5px 10px 5px 10px;
  font-weight : bold;
  }
  #midnav li a:link  { color: #7496a0; text-decoration: none; }
  #midnav li a:visited { color: #7496a0; text-decoration: none; }
  #midnav li a:hover { color: #7496a0; text-decoration: none; background-color : #fff; }
  #midnav li a:active { color: #7496a0; text-decoration: none; }
  #midnav li.current a {
  background-color : #fff;
  }
/*begin 3tier content area*/
			#main_content {
			margin: 10px;
			padding: 0;
			width: 510px;
			float: left;
			display: inline;
			}
			#spotlight {
			border: solid #ccc 1px;
			width: 188px;
			float: right;
			margin: 40px 15px 0 0;
			padding: 0;
			}
			
			#spotlight p {
			margin: 10px;
			}
			
			#spotlight .button {
			margin: 10px;
			}
/*Begin Content and left col */
			#inner_wrapper {
			margin: 5px 0 5px 0;
			padding: 0;
			}
			
/*Begin Landing Styles*/
			#landing_leftcol {
			width: 164px;
			height: 364px;
			min-height: 264px;
			float: left;
			display: inline;
			background-image:url(../images/leftcol_bg.gif);
			margin: 5px 0 0 0;
			padding: 0;
			}
			
			
			#landing_center {
			width: 528px;
			float: left;
			margin: 0 0 0 5px;
			display: inline;
			padding: 0;
			}
			
					
			#landing_rtcol{
			width: 211px;
			float:left;
			display: inline;
			padding: 0;
			margin: 0 0 0 5px;
			}
			
			#landing_rtcol .colorbox {
			width: 211px;
			height: 293px;
			min-height: 393px; /*minus 1px because of border*/
			background-color: #e6e0d4;
			border: 1px solid #e6e0d4;
			}
			
			body.landing #landing_rtcol .colorbox {
			height: 263px;
			}
			
			#landing_rtcol .colorbox p {
			margin: 10px;
			}
			
			#landing_rtcol .colorbox .button {
			margin: 10px;
			}
			
	
/*Start 3rd row*/	
			#landing_row {
			margin: 5px 4px 0 0;
			}
			
			*html #landing_row {
			margin: 5px 2px 0 0;
			}
			
			#landing_row .box {
			float: left;
			display: inline;
			border: solid #ccc 1px;
			width: 525px;
			height: 150px;
			margin: 0 5px 0 5px;
			padding: 0;
			}
			
			#landing_row .box p {
			margin: 10px;
			}
			
			#landing_row .box .button {
			margin: 10px 0 0 10px;
			padding: 0;
			}
			
			
			#landing_row .sec_box {
			float: right;
			display: inline;
			border: solid #ccc 1px;
			width: 211px;
			height: 150px;
			margin: 0 0 0 0;
			padding: 0;
			}
			
			#landing_row .sec_box p {
			font-size: 10px;
			margin: 10px;
			padding: 0;
			}
			
			#landing_row .sec_box .button {
			margin: 10px 0 0 10px;
			padding: 0;
			}
/*Begin left Col*/
					
			#left_col {
			width: 164px;
			height: 100%;
			height: 521px; /*461px*/
			float:left;
			display: inline;
			/*background-image:url(../images/leftcol_bg.gif);*/
			background-color: #fff;
			
			}
			
			*html #left_col {
			height: 467px;
			}
			
			#left_col .leftmenu {
			margin: 5px 0 0 5px;
			padding: 0;
			}
			
			#left_col .leftmenu div {
			margin: 2px 0 2px 0;
			padding: 0;
			}
/*begin content area*/
			#content {
			display: inline;
			float: right;
			margin: 0 3px 0 0;
			padding: 0;
			}
			
			#content .box {
			border: solid #ccc 1px;
			width: 190px;
			height: 180px;
			float: left;
			margin: 3px 3px 0 0;
			position: relative;
			}
			
			#content .box p {
			margin: 10px;
			}
			
			#content .box .button {
	margin-left: 10px;
	margin-bottom: 10px;
	position:absolute;
	bottom: 0;
			}
			
			#content .box .buttonTest {
	margin-left: 10px;
	position:absolute;
	bottom: 30px;
			}
				
/*begin Footer*/
			#footer {
			border-top: #ccc solid 1px;
			padding: 10px 0 0 0;
			margin: 10px 0 0 0;
			list-style: none;
			}
			
			#footer ul {
			list-style: none;
			margin: 10px 0 0 0;
			padding: 0;
			}
			
			#footer li {
			font-size: 11px;
			display: inline;
			color: #b4b4b4;
			margin: 5px 10px 5px 10px;
			padding: 0;
			}
			
			#footer li a {
			color: #b4b4b4;
			}
/* Two-column Winners */
.col1, .col2 {
float:left;
color: #666666;
font-size:10px;
font-weight: bold;
display:block;
width:250px;
}
.col2 {
margin-left:8px;
}
.col1 img, .col2 img {
margin-bottom:10px;
}

/* Three-column Winners */
.wincol1, .wincol2, .wincol3 {
float:left;
color: #666666;
font-size:10px;
font-weight: bold;
display:block;
width:150px;
}
.wincol2 {
margin-left:10px;
}
.wincol3 {
margin-left:10px;
}
.col1 img, .col3 img {
margin-bottom:10px;
}

#landing_center .col1, #landing_center .col2 {
width:260px;
}
#design_centers .col1, #design_centers .col2 {
width:250px;
text-align:center;
}
#design_centers .col2 {
margin-left:3px;
}
a.backTop {float:right;font-size:10px;}
