html{
overflow-x: auto;
}

body{ 
background: #F9F9F9;
color: #444;
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
margin-top: 0px;
font-size: 7pt;
line-height: 150%;
margin: 0;
padding: 0; 
text-align: center;
}

table,
tr,
td{
color: #222;
font-size: 8pt;
line-height: 135%;
}

#designdirectorywrapper{ 
margin: 0px auto 20px auto; 
text-align: left;
width: 750px;
}
td,
.divpad{
padding: 5px;
}
.nopad{
padding: 0;
}
img{
border: 0;
vertical-align: middle;
}

form {
	margin:0;
}

a{
color: #222;
text-decoration: underline;
}
a:hover{
text-decoration: none;
}

.accent1 {
background-color: #DEEFE0
}

.accent2 {
background-color: #F9F9F9
}

/* 
*  FORMS
*/



input,
textarea,
select{
background: transparent;
border: 1px solid #CCC;
color: #444;
font-family: verdana, helvetica, sans-serif;
font-size: 7pt;
margin: 5px;
padding: 2px;
vertical-align: middle;
}

select{
border: 1px solid #CCC;
font-family: verdana, helvetica, sans-serif;
font-size: 7pt;
margin: 0;
padding: 0;
}

input.button{
margin: 0;
width: auto;
}



.noline{
text-decoration: none;
color: #908E8E; 
}
.sidelinks{
text-decoration: none;
color: #908E8E; 
line-height: 100%;
}
.titles{
font-size: 10pt;
line-height: 150%;
}
.add{
width: 200px;
}
.multi{
border:0;
}

optgroup option{
font-family: verdana, helvetica, sans-serif;
font-size: 8pt;
}

.codebuttons{ 
font-family: Verdana, Helvetica, Sans-Serif; 
font-size: 7pt; 
vertical-align: middle;
margin:2px;
}

.textarea,
.searchinput,
.button,
.gobutton{
background: #FFF;
border: 1px solid #CCC;
color: #444;
font-family: Verdana, Helvetica, Sans-Serif;
font-size: 7pt;
padding: 2px;
vertical-align: middle;
}

.button{
background: #FFF;
}

.gobutton{
background: transparent;
border: 0;
color: #666;
margin: 0;
vertical-align: middle;
}

/* 
*  CONTENT
*/

.newslink{
background: #FFF;
border: 1px solid #CCC;
margin: 0;
width: 100%;
}
.maintitle{
color: #505050; 
font-size: 14pt;
}
.caption{
color: #666; 
font-size: 7pt;
line-height: 160%;
text-align:center;
padding:0px;
}
.captionlink{
color: #666; 
text-decoration:none;
}
.captionlink:hover{
text-decoration:underline;
}
.lcaption{
color: #908E8E; 
font-size: 6,5pt;
}
.rcaption{
color: #908E8E; 
font-size: 6,5pt;
text-align: right;
margin-top:2px;
margin-bottom:5px;
}
.letterlist{
color: #505050; 
font-size: 8pt;
}
.subtitle{
	background-color:#F9F9F9;
	padding:5px;
}
.bordered{
	border-style: solid;
	border-color: #d0d0d0;
	border-width: 1px;
}
.rbordered{
	border-style: solid;
	border-color: #ff0000;
	border-width: 1px;
	-moz-opacity:0.3;
	filter:alpha(opacity=30);
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
*  HEADERS
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */


h1 {
	color: #505050;
	background-color:#F9F9F9;
	font-size: 9pt;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin:0px;
	border:0px;
	font-weight: normal;
	padding:6px
}
h3 {
	color: #666666;
	background-color:#F9F9F9;
	font-size: 12pt;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin:0px;
	border:0px;
	padding:6px

}
h4 {
	color: #666666;
	font-size: 9pt;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin:0px;
	border:0px;

}
h5 {
	color: #505050;
	background-color:#F9F9F9;
	font-size: 13pt;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin:0px;
	border:0px;
	font-weight: normal;
	padding:5px
}




/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
*  LINK LISTS
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
.linktitle {
	font-family : Geneva, Arial, Helvetica, sans-serif;
	font-size : 10pt;
	font-weight: bold;
	padding:0px;
}
.linkdetail {
	font-size : 11px;
	padding:1px;
}
.linkcat {
	color: #666666;
	font-size : 9px;
	vertical-align:top;
}
.catlist {
	color: #666666;
	font-size : 8pt;
	padding:5px;
}
.catlink {
	font-weight: bold;
}

.prevnext {
	font-weight: bold;
}




/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
*  DETAIL
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
.detailtitle {
	font-size : 11px;
	font-weight: bold;
	vertical-align:top;
	padding:1px;
}
.detailtext {
	font-size : 8pt;
	vertical-align:top;
	padding:1px;
}
.detaildesc {
	color: #666666;
	font-size : 9px;
	vertical-align:top;
	padding:1px;
}
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
*  COMMON
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
.linkurl {
  	color: #669933; 
	font-size : 11px;
	padding:1px;
}
.maincatlist {
	color: #666666;
	font-size : 8pt;
	padding:4px;
	line-height: 200%;
}

.indexlink {
	color: #999;
	font-size : 7pt;
	text-decoration: none;
}

.featuredspacer {
padding-left:2px;
padding-right:2px;
padding-top:0px;
}