/* CSS Document */

body,td,th {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
}
body {
width:780px;
        margin:0 auto;
	background-color:#CCCCFF ;
	/* bg was #999  #E1E1E1 */
	
}
a:link {
	color: #DF0225;
	text-decoration: underline;
}
a:visited {
	text-decoration: underline;
	color: #666666;
}
a:hover {
	text-decoration: none;
	color: #2190C7;
}
a:active {
	text-decoration: underline;
}
h1 {
	font-size: 12px;
	border-bottom:2px solid #0066FF;
	padding-bottom:5px;
	color:#000000;
}
h2 {
	font-size: 12px;
	padding-top:20px;
}
h3 {
	font-size: 11px;
	margin:0px;
	padding:0px;
	font-weight:bold;
}
h4 {
	font-size: 10px;
}


#wrapper {
width:780px;
margin:0 auto; 
padding:0;
background-color: #FFFFFF;
border: 2px solid #000;
}

#header {
height:150px;
background: #000000 url(images/spokenvisuals_logo.gif);
background-repeat:no-repeat;
color:#FFFFFF;
text-align:right;
font-size:11px;
font-weight:bold;
}

#topmenu {
padding:7px 10px 0 0;
}


#topmenu a {
	color:#FFFFFF;
	text-decoration:none;
}


#topmenu a:hover {
color:#FF0000;
text-decoration:underline;
}

#searchbar{
margin:80px 10px 0 0;
}

#categorybar {
	width:780px;
	background-color:#DC0223;
	text-align:left;
}


/*begin category menu styles*/
#categorymenu{
margin:0 0 0 0px;
padding:0 0 0 0px;
float: right;
font: bold 12px Arial;
width: 780px;
background: url(images/blockdefault.gif) center center repeat-x;
}

#categorymenu li{
display: inline;
}

#categorymenu li a{
float: left;
color: white;
padding: 5px 11px;
text-decoration: none;
border-right: 1px solid white;
font-size:12px;
}

#categorymenu li a:visited{
color: white;
}

#categorymenu li a:hover, #categorymenu li .current{
color: #FFFFFF;
background: transparent url(images/blockactive.gif) center center repeat-x;
}
/*end category menu styles*/

#maincontentwrapper {
border-top: 2px solid #666666;
width:620px;
float:left;
margin:0px;
padding:0px;
background-color:#FFFFFF;
}

.deptimage {
float:left;
margin:0px;
padding:0 0 15px 0;
}

#maincontent {
background-color:#FFFFFF;
padding:10px;
}

#thumbswrapper {
padding:10px 0 10px 0px;
margin:0px;
background-color:#FFFFFF;
}

#thumbswrapper li{
display:inline;

}

#thumbswrapper img{
border:2px solid #666;
border-left:0px;
border-top:0px;
background-color:#BFBFBF;
width:185px;
height:185px;
margin:0px 2px 15px 3px;
padding:2px;
}

#thumbswrapper img:hover{
border:2px solid #666;
border-right:0px;
border-bottom:0px;
background-color:#BFBFBF;
width:185px;
height:185px;
margin:0px 3px 15px 3px;
padding:2px;
}

#morebutton{
text-align:right;
margin:0 20px 10px 0;
}

.description {
float:left;
}

#rightbar {
width:160px;
_width:130px;
float:right;
background-color:#333333;
}

#infomenu {
background-color:#414141;
border-top: 2px solid #666;
border-bottom: 1px solid #000000;
height:170px;
margin-bottom:10px;
color:#FFFFFF;
}


/* Right Menus */
.rightmenus{
border: 1px solid black;
border-bottom-width: 0;
font-size:10px;
margin:10px 0 0 10px;
}

.rightmenus ul{
margin:0 0 10px 0;
padding:0;
list-style-type: none;
}

.rightmenus li a{
display:block;
padding: 3px 0 2px 9px;
text-decoration: none;
color: #FFFFFF;
background-color: #666;
border-bottom: 1px solid #CCC;
border-left: 7px solid #333;
}

.rightmenus li a:hover {
background-color: #333333;
border-left-color:#FF0000;
color: #FFFFFF;
text-decoration: none;
}

.rightmenus li a:visited {
color: #FFFFFF;
text-decoration: none;
}

.rightmenus div.menutitle{
color: #FFFFFF;
border-bottom: 1px solid black;
padding:1px 0 0 5px;
background-color: black;
}
/* End rightmenus */



#bannerad {
background-color:#414141;
border-left: thin solid #000000;
border-bottom: thin solid #000000;
border-top: thin solid #000000;
margin-bottom:10px;
}
#bannerinner {
padding:3px;
text-align:center;
vertical-align:middle;
}

#newsletter {
background-color:#414141;
border-left: thin solid #000000;
border-bottom: thin solid #000000;
border-top: thin solid #000000;
height:150px;
width:160px;
_width:130px;
margin-bottom:10px;
color:#FFFFFF;
font-size:10px;
}
#newsletterinner {
padding:10px;
text-align:left;
}


#interactmenu {
background-color:#414141;
border-left: thin solid #000000;
border-bottom: thin solid #000000;
border-top: thin solid #000000;
color:#FFFFFF;
margin-bottom:10px;
}


#createownad {
background-color:#414141;
border-left: thin solid #000000;
border-bottom: thin solid #000000;
border-top: thin solid #000000;
margin-bottom:10px;
}
#createinner {
padding:8px;
text-align:center;
vertical-align:middle;
}


#footer {
background-color:#000000;
width:780px;
float:left;
color:#FFFFFF;
height:100px;
background-image:url(images/footer.gif);
background-repeat:no-repeat;
margin:0px;
padding:0px;
}

#acceptedpayments {
float:left;
padding: 35px 0 0 15px;
}

#bottomnav {
float:right;
padding: 16px 35px 0 0;
width:auto;
text-align:right;
}

#bottomnav a {
	color:#FFFFFF;
	text-decoration:none;
}


#bottomnav a:hover {
color:#FF0000;
text-decoration:underline;
}

#spokencopyright {
padding:10px 0 0 115px;
color:#666666;
font-size:9px;
border:0px;
width:475px;
}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */