/* Pre-CSS Setup

-----------------------------------------------------------------------------*/

*{
	margin: 0;
	padding: 0;
	border: 0;
	text-align:justify;
	font-size:12px;
}

	/* text and color setup

-----------------------------------------------------------------------------*/

.DesignerLogo 
{
  float:right; padding-top: 5px; padding-left: 10px; padding-bottom:2px;
}

body{
	background-color:#ffffff;
	font-size:12px;
	font-family:tahoma, Arial, Helvetica, sans-serif;
	text-align:justify;
	line-height:21px;
	color:#616161;
}

h1, h1 span {
	font-family:"Futura LT Book";
	font-size:3px;
	color:#ED2024;
	margin-top:40px;
	margin-bottom:20px;
	text-align:right;
	text-transform:uppercase;
}

h1.blogHeader, h1.blogHeader span 
{
  text-align: left;
  margin-bottom: 0px;
}

h2{
	font-size:18px;
	color:#000000;
	margin-bottom:10px;
	letter-spacing:2px;
	text-transform:uppercase;
}

a{
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	color:#ED2024;
}

a:hover{
	text-decoration:underline;
}

a.box:link{
	font-size:12px;
	font-weight:normal;
	text-decoration:none;
	color:#ffffff;
}

a.box:visited{
	font-size:12px;
	font-weight:normal;
	text-decoration:none;
	color:#ffffff;
}

a.box:hover{
	font-size:12px;
	font-weight:normal;
	text-decoration:none;
	color:#ffffff;
}

a.sml 
{
  color:#4D4D4D;
  font-size:10px;
  font-weight:bold;
  position:relative;
  right:77px;
  text-decoration:none;
  top:12px;
}

a.sml:hover 
{
  text-decoration: underline;
}

ul{
	list-style:none;
	list-style-image:url(../images/bullet2.png);
	list-style-position:outside;
	margin-left:60px;
	text-align:left;
	line-height:15px;
}

li{
	text-align:left;
	padding-top:5px;
}

ol{
	list-style:decimal;
	list-style-position:outside;
	margin-left:25px;
	text-align:left;
	line-height:21px;
}

input, textarea
{
  border: 1px solid #cccccc;
}

.boxhov{
	width:100%; 
	background-color:#000000; 
	background-image:url(../images/layout/boxarrow.png); 
	background-position:right; 
	background-repeat:no-repeat; 
	padding:5px; 
	margin-bottom:2px;
	text-transform:uppercase;
}

.boxhovover{
	width:100%; 
	background-color:#ED2024; 
	background-image:url(../images/layout/boxarrow.png); 
	background-position:right; 
	background-repeat:no-repeat; 
	padding:5px; 
	margin-bottom:2px;
	text-transform:uppercase;
}

* html .boxhov{
	height:30px; 
}
	/* Layout

-----------------------------------------------------------------------------*/

.flash{
	width:700px;
	height:386px;
	float:left;
	z-index: 5;
	padding-bottom: 7px;
}

.sponsors{
	padding-left:121px; 
	width:718px; 
	float:left;
}

* html .sponsors{
	width:839px; 
}

.page{
	width:100%;
	height:100%;
	text-align:center;
}

.container{
	width:960px;
	text-align:left;
	margin:0 auto;
}

.top{
	width:960px;
	height:145px;
	float:left;
}

.ljfwlogo{
	width:441px;
	height:145px;
	float:left;
}

.topspace{
	width:418px;
	height:145px;
	float:left;
}

.fdcclogo{
	width:101px;
	height:145px;
	float:left;
}

.content{
	width:960px;
	padding-top:0px;
	padding-bottom:15px;
	float:left;
	min-height: 385px;
}

.scroller{
	width:960px;
	height:24px;
	background-color:#000000;
	float:left
}

.footer{
	width:960px;
	height:60px;
	padding-top:20px;
	float:left;
}

* html .footer{
	height:80px;
}

.footleft{
	width:340px;
	font-size:10px;
	line-height:15px;
	float:left;
}

.footright{
	width:620px;
	text-align:right;
	color:#000000;
	font-weight:bold;
	line-height:15px;
	float:right;
}

.imgdiv{
	width:476px;
	float:left;
}

.contentdiv{
	width:484px;
	float:left;
}

.designercontentdiv 
{
  width:600px;
	float:right;
}

.designerimgdiv{
	width:360px;
	float:left;
}


	/* Content

-----------------------------------------------------------------------------*/


.rightflash{
	height:386px;
}

.media{ 
	margin-left:190px;
	width:556px; 
	float:left;
}

.suppliers{ 
	margin: 0 auto;
	width:800px; 
}

	/* Suckerfish Menu

-----------------------------------------------------------------------------*/

#suckermenu{
	width:960px;
	height:24px;
	background-color:#000000;
	float:left;
}

#suckermenu ul { /* all lists */
    padding: 0;
    list-style: none;
    margin-left: 0px;
    margin-top: 0px;
    line-height: normal;
  }
  
  #suckermenu ul li ul {
    border: 1px solid #000000;
    margin-left: 0px;
    z-index: 10;
  }
  
  #suckermenu a {
    display: block;
    /*width: 158px;*/
    /*height: 40px;*/
    color: #787878;
    text-align: center;
    font-family: Arial,Verdana,Sans-Serif;
    font-size: 16px;
    font-weight: bold;
    text-decoration: none;
  }
  
  #suckermenu a span {
    vertical-align: middle;
  }
  
  #suckermenu ul li ul li a {
    display: block;
    opacity: .9;
    width: 140px;
    height: 25px;
    color: #ffffff;
    text-align: left;
    font-size: 12px;
    font-weight: normal;
    text-decoration: none;
    margin-top: 0px;
    background: #000000;
    font-family: veranda, tahoma, sans-serif;
    padding-top: 6px;
    padding-left: 6px;
  }
  
  #suckermenu ul li ul li a:hover {
    color: #ed2024;
  }

  #suckermenu li { /* all list items */
    float: left;
    padding-top: 0;
    margin: 0;
  }
  
  #suckermenu li:hover {
    position: static;
  }
  
  #suckermenu li ul li { /* all list items */
    float: left;
    width: 150px;
    height: 33px;
    opacity: .9;
    background: #000000;
    color: #ffffff;
  }


  #suckermenu li ul { /* second-level lists */
    position: absolute;
    width: 150px;
    left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
  }

  #suckermenu li ul ul { /* third-and-above-level lists */
    margin: -1em 0 0 150px;
  }

  #suckermenu li:hover ul ul, #suckermenu li:hover ul ul ul, #suckermenu li.sfhover ul ul, #suckermenu li.sfhover ul ul ul {
    left: -999em;
  }

  #suckermenu li:hover ul, #suckermenu li li:hover ul, #suckermenu li li li:hover ul, #suckermenu li.sfhover ul, #suckermenu li li.sfhover ul, #suckermenu li li li.sfhover ul { /* lists nested under hovered list items */
    left: auto;
  }
  
  .SaveButton 
  {
    background-color: #000000;
    color: #ffffff;
    border: none;
  }
  
  hr 
  {
    color: #4d4d4d;
    background-color: #4d4d4d;
    height: 2px;
  }
  
  table.BlogArchive 
  {
    width: 100%;
    margin-top: 20px;
  }
  
  table.BlogArchive td 
  {
    vertical-align: top;
  }
  
  table.DesignersTable 
  {
    width: 100%;
    margin-top: 20px;
  }
  
  table.DesignersTable td 
  {
    vertical-align: top;
    text-align: center;
    padding-bottom: 25px;
  }