@import url("browser-reset.css");
@charset "UTF-8";


/*  REDEFINES  */

* {margin: 0; padding: 0;}

a img {border: none;}

a:active{
outline: none;
}
body{
background: #146b7f url(../images/body-bg.gif) repeat-x;
}
body,html{
color: #666;
font: 9pt/1.5em Verdana, Arial, Helvetica, sans-serif;
}
a:link, a:active, a:visited{
color: #146b7f;
text-decoration: underline;
}
a:hover{
color:#000;
}
p{
margin: 15px 0;
}
h1 {
color: #146b7f;
font-size: 150%;
text-transform: uppercase;
margin: 0 0 15px 0;
}

/*  LAYOUT IDs  */

#container{
width: 817px;
background-color:#fff;
margin: 0 auto;
padding: 10px;
}

#logo{
float:left;
}

#cart{
float: right;
}

div.greyBar{
background: url(../images/grey-bar-left.png) no-repeat left top;
height:30px;
padding: 0 0 0 5px;
}
div.greyBar .inner{
height: 30px;
line-height: 28px;
background: url(../images/grey-bar-right.png) no-repeat right top;
}
div.greyBar .inner img{
vertical-align: middle;
padding: 0 4px;
}

div.blueBar{
background: url(../images/blue-bar-left.png) no-repeat left top;
height:31px;
padding: 0 0 0 5px;
}
div.blueBar .inner{
height: 31px;
line-height: 28px;
background: url(../images/blue-bar-right.png) no-repeat right top;
}
div.blueBar .inner img{
vertical-align: middle;
padding: 0 4px;
}

#nav{
margin: 30px 0 10px 0;
float:left;
width:100%;
line-height:normal;
border-bottom: 1px #999 solid;
}
#nav ul {
margin:0;
float: right;
list-style:none;
}
#nav li {
float:left;
margin:0;
height: 25px;
margin: 0 0 0 10px;
padding:0 0 0 3px;
}
#nav a {
display:block;
padding:5px 8px 5px 5px;
text-align: center;
text-decoration:none;
font: 14px Arial, Helvetica, sans-serif;
font-weight:bold;
color:#000;
}
#nav li.current, #nav li:hover{
background:url(../images/nav-item-left.png) no-repeat left top;
}
#nav li.current a, #nav a:hover{
background:url(../images/nav-item-right.png) no-repeat right top;
color:#fff;
}

#header{
padding: 20px 0 2px 0;
margin: 0 0 6px 0;
clear: both;
border-bottom: 1px #ccc solid;
}

/*  HOME  */
#home #header{
border: none;
padding: 0 15px 15px 15px;
}
#home #content p{
float: left;
width: 314px;
}
#home #header img{
width: 314px;
float: left;
margin: 70px 0 20px 0;
}

#content{
padding: 0 15px 15px 15px;
margin: 20px 0;
}
#content p{
width: 435px;
text-align: justify;
}

.tableStyle{
width: 100%;
margin: 15px 0;
border: 1px #ddd solid;
}

.tableStyle a.more, .tableStyle a.more:hover {
	color:#666666;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	text-decoration: none;
}

.tableStyle thead td, .tableStyle td.header {
font-size: 140%;
font-weight: bold;
background-color: #999;
color: #fff;
}
.tableStyle td{
padding: 5px 10px;
}

#searchBar{
clear: both;
}
#searchBar form{
display: inline;
vertical-align: middle;
}
#searchBar form select{
height: 20px;
font-size: 85%;
width: 160px;
margin: 0 10px;
}
#searchBar form input{
width: 410px;
}
#featured{
clear: both;
margin: 10px 0;
}
#featuredContent{
padding: 10px;
border: 1px #cbcccc solid;
}
#featuredContent table{
width: 100%;
}
#featuredContent table td{
padding: 20px;
width: 33%;
line-height: 1.3em;
border-right: 1px #ccc solid;
}
#featuredContent table td.last{
border: none;
}
#featuredContent table td img{
float: left;
padding: 0 20px 0 0;
}
#featuredContent table td img.addToCart{
padding: 10px 0 0 0;
}

#footer{
margin: 20px 0;
padding: 3px 0;
border: 1px #ccc solid;
border-width: 1px 0 1px 0;
width: 100%;
overflow: auto;
}
#footer #copyright{
float: left;
}
#footer ul#miniNav{
float: right; 
text-align: right;
}
#footer ul#miniNav li{
display: inline;
padding: 0 0 0 10px;
}
#footer div.small{
font-size: 85%;
}
/*#footer ul#miniNav li.current a{
color: #000;
text-decoration: underline;
}*/
#footer ul#miniNav a:link,
#footer ul#miniNav a:visited{
color: #999;
text-decoration: none;
}
#footer ul#miniNav li a:hover{
color: #000;
text-decoration: underline;
}

/*  CONTACT FORM  */

#contactFormDiv br{
margin: 0 0 10px 0;
}
#contactFormDiv{
width: 435px;
margin: 0 0 15px 0;
}
#contactForm label{
float: left;
width: 85px;
text-align: right;
padding: 0 5px 0 0;
}
#contactForm label.error { 
float: right;
font-weight: bold;
color: #146b7f;
background: transparent url(../images/arrow.png) no-repeat left 5px;
padding: 0 0 0 12px;
}
#contactForm input{
background: #fff url(../images/contact-form-bg.jpg) left top no-repeat;
border: 1px #ddd solid;
height: 20px;
width: 340px;
}
#contactForm textarea{
background: #fff url(../images/contact-form-bg.jpg) left top no-repeat;
border: 1px #ddd solid;
font: inherit;
width: 340px;
}
#contactForm #submit{
cursor: pointer;
width: auto;
height: auto;
float: right;
}



/*  CLASSES  */

.floatR{
float: right;
padding: 0 0 0 30px;
}
.floatL{
float: left;
padding: 0 30px 0 0;
}
.icon{
position: relative;
top: 4px;
}
.starred{
color: #099;
font-weight: bold;
}

/* CSS FOR AJAX SEMINAR LISTING */
table#detail-listing {}

table#detail-listing td {
	vertical-align: top;
	text-align: justify;
	padding-bottom:10px;
	padding-right:10px;}
table#detail-listing td.left {
	padding-right:20px;
	width:49%;}
table#detail-listing td.right {
	padding-left: 20px;
	width: 49%;}
table#detail-listing td h1 {
	font-size: 140%}
	
	#footer ul#miniNav li.current a {
color:#000000;
text-decoration:underline;
}