/* Page layout styles (IDs)
You can do whatever you want for layout
you don't have to have any of these IDs or classes*/

body {
  margin: 0px;
  padding: 0px;
  background: #084D6B;
}
#container{
	width: 800px;
	margin:auto;
}
#shadow_right,#shadow_left{display:none}
#content {
  background: url(images/content_bg.jpg) repeat-x #FFF;
  border-left: 3px solid #FFF;
  border-right: 3px solid #FFF;
  width: 794px;
}
#sidebar {
  width: 175px;
  float:right;
  margin:5px 5px 5px 0px;
  border:1px solid #ccc;
  background:#FFF;
}
#text{
	width: 570px;
	border:1px solid #ccc;
	background: #FFF;
	padding:15px;
	float:left; 
	margin:5px;
}
#footer {
	width:800px;
	margin:auto;
}
#bottom_footer{
	background:url(images/bot_foot.jpg) bottom no-repeat #548196;
	padding:5px 5px 10px; 
	text-align:center;
	font-size:11px;
	color:#FFF;
	margin-bottom:15px;
}
#bottom_footer a{color:#E5FF66}
.clear{clear:both}

/* Text styles (Classes)
PLEASE DEFINE ALL OF THESE STYLES
for both my use in the program content and
for content styled by the client in the WYISYWG */

body, .text, p, ul, ol, li{
	font-family:Arial, Helvetica, sans-serif; 
	font-size:12px;
	color:#000;
}

.smalltext {
  font-size: 10px;
  color: #000;
}

h1, .head1 {
  font-family:Arial, Helvetica, sans-serif; 
  font-size: 19px;
  color: #000;
  font-weight: bold;
  background:url(images/header_bg.jpg)
}

h2, .head2 {
  font-family:Arial, Helvetica, sans-serif; 
  font-size: 17px;
  color: #000;
  font-weight: bold;
}

h3, .head3 {
  font-family:Arial, Helvetica, sans-serif; 
  font-size: 15px;
  color: #000;
  font-weight: bold;
}

h4, h5, h6, .head4 {
  font-family:Arial, Helvetica, sans-serif; 
  font-size: 13px;
  color: #000;
  font-weight: bold;
}

a:link, a:visited, a:active{
	color:#456885;
	text-decoration:underline;
}
a:hover{
	color:#EEB211 ;
	text-decoration:none;
}


/* misc. page elements 
DEFINE ALL OF THESE
They are used throughout the reg site
within the content produced by the PHP programming */

.button{
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	background: #548196;
	border:1px solid #ccc;
	color: #fff;
	padding: 2px;
   _width:0; 
   _overflow: visible;
}

.button:hover{
	background: #084D6B;
	border:1px solid #ccc;
}

/* used for stuff like Upcoming Webinars Title, etc..*/
.title_bar{
	text-align: left;
	vertical-align: middle;
	padding:5px 15px;
	width: 570px;
	height:25px;
	margin-left:-15px;
	border-top:1px solid #ccc;
	background:url(images/tittle_bg.png) repeat-x;
	background-position:0px 25px;
	font-family:Arial, Helvetica, sans-serif; 
	font-size: 14px;
	color: #EE171F;
	font-weight: bold;
}

/* special classes or IDs localized by divs
DEFINE ALL OF THESE
With these you can control the appearance of 
the menu, the shopping cart, and the checkout form, etc. */

#sidebar ul{
	margin: 0px 0px 0px 1px;
	padding: 0px;
	list-style-type: none;
}
#sidebar a{
	display: block;
	font-size:11px;
	padding: 5px 10px;
	width: 153px;
}
#sidebar a:link, #menu a:visited{
	color: #333;
	text-decoration: none;
}
#active a:link, #active a:visited{background:#323232; color:#FFF}
#sidebar a:hover{
	background-color: #084D6B;
	color: #fff;
}


div.cart_table table {background-color: #cccccc; border: 1px solid #8C7B68;}
div.cart_table table tr.row_title td {background-color: #084D6B; color: #FFFFFF;}
div.cart_table table tr.row_odd td {background-color: #C7D8E0; color:#333}
div.cart_table table tr.row_even td {background-color: #91B1C1; color:#333}
div.cart_table table tr.row_total td {background-color: #666666; color: #FFFFFF;}
div.cart_table table tr.row_bottom td {background-color: #ffffff; color: #000000;}

div.checkout_form table {background-color: #cccccc; border: 1px solid #8C7B68;}
div.checkout_form table td.col_label {font-family:Arial, Helvetica, sans-serif; font-size:12px; background-color: #C7D8E0; color: #333;  text-align: right; padding-right:5px;}
div.checkout_form table td.col_label_req {font-family:Arial, Helvetica, sans-serif; font-size:12px; background-color: #084D6B; color: #fff; text-align: right; padding-right:5px;}
div.checkout_form input,select {background-color: #efefef; color: #000000; border: solid 1px #666666; padding:2px; margin:0px;}