@charset "utf-8";
/* CSS Document 
Primary colors:
Blue: #58C;

*/
body{
	background-color:#DDD;
}

#box1 {
border:1px solid #BBB;
padding:0;
margin:0;
width:950px;
border-right: 1px solid #999;
border-bottom: 1px solid #999;
}
 #box2{
border: 1px solid #BBB;
padding:0;
width:952px;
border-top: 1px solid #DDD;
border-left: 1px solid #DDD;
}
 #box3{
border: 1px solid #CCC;
padding:0;
width:954px;
border-top: 1px solid #DDD;
border-left: 1px solid #DDD;
margin:0 auto;
}
a img{
border:0;	
}
 #msg_block {
	font-family:Verdana, Tahoma, Arial, sans-serif;
	color:#666;
	font-size:11px;
	border:1px #ddd solid;
	width:400px;
	height:auto;
	padding:40px;
	margin:35px;
	background-color:#DEF;
}
body {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	background: #DDDDDD;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #666;
 	font-size:12px;
}
.oneColFixCtrHdr #container {
	width: 950px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #FFFFFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 1px solid #999;
	text-align: left; /* this overrides the text-align: center on the body element. */
}
.oneColFixCtrHdr #header {
	background: #FFF; 
	height:130px;
	padding: 0 10px 0 20px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
	margin: 0 0 0 0;
}
 h1, h2 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 0;
	font-size:22px;
	color:#58C;
	font-weight:100;
	line-height:100%;
	/* using padding instead of margin will allow you to keep the element away from the edges of the div */
}

h3{
	font-size:14px;
 	color:#666;
	
}
.warning, p warning{
color:#C00;	
	
}
.oneColFixCtrHdr #leftside {
	float: left; /* since this element is floated, a width must be given */
	width: 434px;
	border-right:#C39 dotted 1px;
	padding-top: 0;
	padding-right: 10px;
	padding-bottom: 8px;
	padding-left: 20px;
}
.oneColFixCtrHdr #rightside { 
	margin: 0 0 0 475px; /* the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	padding: 0 10px 0 20px;
 /* remember that padding is the space inside the div box and margin is the space outside the div box */
} 

.oneColFixCtrHdr #mainContent {
	padding: 15px 20px 0 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	background: #FFFFFF;
}
.oneColFixCtrHdr #footer {
	padding: 10px 10px 10px 32px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background:#FFF;
	height:13px;
	border-top:1px solid #BBB;
	font-size:9px;
	margin: 5px 0 0 0;
}
.oneColFixCtrHdr #footer p {
	margin:0;  /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
p{
margin:8px 0px;	
line-height:130%;
	
}
#logo{
margin:15px 0 0 37px;	
position:absolute;
 }
#corport{
 	color:#58C;
	font-weight:900;
	font-size:25px;
	position:absolute;
	margin:30px 0 0 346px;
 }
#demolink{
	color:#666;
	font-size:13px;
 	margin:5px 0 0 674px;
	width:220px;
	height:104px;
	background-image:url(../images/marketing_demo.jpg);
	background-repeat:no-repeat;
	text-align:right;
 	padding:40px 0px 0 0;
	font-family:Arial, Helvetica, sans-serif;
	position:absolute;
 } 
#menu{
width:580px;
height:12px;
margin:106px 0 0 350px;
padding:6px 0px;
background-image:url(../images/grad_1.jpg);
z-index:2;
position:absolute;
font-family:Verdana, Geneva, sans-serif;
}
 a.menu,a.menu:visited, a.menu:active, a.menu:link, a.lastmenu, a.lastmenu:visited, a.lastmenu:active, a.lastmenu:link, a.menu_selected, a.lastmenu_selected, a.firstmenu, a.firstmenu:visited, a.firstmenu:active, a.firstmenu:link, a.menu_selected, a.firstmenu_selected{
color:#333;
font-size:11px;
padding:0 10px;
border-right:#CCC 1px solid;
border-left:#FFF 1px solid;
text-decoration:none;
z-index:4;
background-image:url(../images/grad1.jpg);
background-position:right;
background-repeat:no-repeat;
} 
a.foot, a.foot:active, a.foot:link, a.lastfoot, a.lastfoot:active, a.lastfoot:link, a.foot_selected, a.lastfoot_selected{
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#666;
font-size:9px;
padding:3px 6px;
text-decoration:none;
}
 
a.foot:visited{
color:#999;
}
a.lastfoot, a.lastfoot:active, a.lastfoot:link{
border-right:none;
}
a.menu:hover, a.lastmenu:hover, a.menu_selected, a.lastmenu_selected, a.firstmenu_selected{
color:#58C;
background-image:url(../images/mnu_bg_lt.jpg);
background-repeat:repeat-x;
z-index:4;
 }
a.menu:hover, a.lastmenu:hover, a.firstmenu:hover{
color:#58C;

}


a.foot:hover, a.lastfoot:hover{
text-decoration:none;
color:#58C;
}
a.foot_selected, a.lastfoot_selected{
color:#58C;
}
a.lastmenu, a.lastmenu:visited, a.lastmenu:active, a.lastmenu:link{
background-image:none;
border-right:0;
}
a.firstmenu, a.firstmenu:visited, a.firstmenu:active, a.firstmenu:link{
background-image:none;
border-left:0;
}

.catTitBox{
	color:#C36;
	margin-top:8px;
	
}

/*Table stuff*/
form {
	padding-left: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	margin: 0px;
	}

 td.light, tr.light  {
   background-color:#F2F5F7;}
}
 td.dark , tr.dark {
   background-color:#DDEEFF;}
}
 td.listbar, tr.listbar{
	background-color:#FFCC66;
	font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif;
	font-weight: bolder;
	color: #333333;
	font-size: 11px;
}
 td.listbarblue, tr.listbarblue{
   background-color:#0066CC;
   font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif;
   font-weight: normal;
   color: #FFFFFF;
}

 .bluetit_sml, td.bluetit_sml {
/*   background-color:#FFFFFF; */
   color: #0066CC;
   font-family: Tahoma, "Arial Narrow", Arial;
   font-weight: bolder;
   font-size: 12px;

}
 .bluetit, td.bluetit {
/*   background-color:#FFFFFF; */
   color: #0066CC;
   font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif;
   font-weight: bolder;
   font-size: 14px;

}
td.headbar {
   	background-color:#0066CC;
	font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: Bolder;
	color: #FFFFFF;
}
