/* --------------------------------------------------------------------------
                  ONLINEPRIMARY.US MAIN STYLE SHEET
----------------------------------------------------------------------------- */
@charset "UTF-8";
/* CALL LIBRARY TO RESET ALL CSS STYLES */
@import url("reset-min.css");
	
/* ---------------- GLOBAL ------------------- */
a img {
	border : none;
}

span.img-button {
  display : none;
}	

/* ---------------- LAYOUT ------------------- */
body {
	width : 100%;
	height : 100%;
	margin : 0;
	padding : 0;
	background-color : #578ea5;
	background-image : url(../images/bg.gif);
	background-repeat : repeat;
}

#content-area{
	width : 899px;
	margin : 0 auto;
	background-color : #fff;
	font	: 62.5%  Arial, Helvetica, Geneva, sans-serif;	
	font-weight: normal;
}	
	
/* ----------------header------------------- */
#header {
	width : 100%;
	height : 111px;
	background-image : url(../images/header-bac.gif);
	background-repeat : repeat-x;
}

#logo {
	float : left;
	width : 485px;
	height : 111px;
	background-image : url(../images/logo-inner.gif);
}

#topmenu {
	float : left;
	width : 414px;
	height : 80px;
}

#topnav{
	float : left;
	width : 414px;
	height : 31px;
	color : #eff;
	background-image : url(../images/navbac.gif);
}

#whitespace{
	clear : both;
	width : 100%;
	height : 40px;
}

/* ------- main content area --------- */
#main-wrapper{
	clear : both;
	width : 100%;
	background-color : #fff;
}

#singlecolumn {
	float : left; 
	width : 629px;
	padding-left : 40px;
	font-size : 1.3em;
	color : #444;
}

#leftcolumn {
	float : left; 
	width : 204px;
	padding-left : 10px;
}

#maincolumn {
	float : left;
	width :465px;
	padding : 0 30px 0 20px;
	font-size : 1.3em;
	color : #444;
}
	
#rightcolumn {
	float : left;
	width :140px;
	padding : 10px;
	background-color : #eee;
	font-size : 1.1em;
}

/* ------- footer --------- */
#bottomnav-wrapper {
	display : block;
	clear : both;
	width : 100%;
	padding : 20px 0 30px 0;
}

#bottomnav {
	width : 400px;
	margin : 0 auto;
}

#footer{
	display : block;
	clear : both;
	width : 100%;
	height : 80px;
	background-color : #fff;
}

#footer-rule {
	width : 100%;
	height : 23px;
	background-image : url(../images/footer-bac.gif);
	background-repeat : repeat-x;
}

#cc-logo {
	float : left;
	padding-left : 235px;
	padding-top : 8px;
}

#cc-text {
	float : left;
	width :350px;
	padding-left : 20px;
	padding-top : 8px;
}

/* ---------------- DIV STYLES ------------------- */

/* ---------------- header styles ------------------- */
#topmenu ul {
	padding : 0;
	margin-top: 28px;
	margin-left : 50px;
	list-style: none;
	font-size : 1.3em;
}

#topmenu li {
	float: left;
	margin : 0 ;}

#topmenu img {
	margin-bottom : 3px;
	vertical-align : middle;
}

#topmenu li a {
	margin-right : 25px;
	color : #333;
	text-decoration: none;
}

#topmenu li a:hover {
	color : #e85;
}

#topnav ul {
	padding : 0;
	margin-top : 8px;
	margin-left : 10px;
	list-style: none;
	font-size : 1.3em;
}

#topnav li {
	float : left;
}

#topnav li a {
	color : #eff;
	text-decoration: none;
	margin : 0 7px;
}

#topnav a:hover {
	color : #fa7;
}

/* ---------------- body styles ------------------- */

.leftcolumn-menu-body {
	width : 207px;
	background-color : #179;
	margin : 0 0 15px 0;
	float : left;
}

.leftcolumn-menu-body ul{
	list-style-image: url(../images/orange-bullet.gif);
	padding :6px 0;
	margin : 0;
}

.leftcolumn-menu-body li{
	line-height : 2em;
	margin-left : 24px;
}

.leftcolumn-menu-body a{
	color : #eff;
	text-decoration : none;
	font-size : 1.3em;
}

.leftcolumn-menu-body a:hover{
	color : #fa7;
}

.leftcolumn-menu-header {
	width : 207px;
	height : 32px;
	background-image : url(../images/left-menu-header.gif);
	background-repeat: no-repeat;
}

.leftcolumn-menu-header p{
	color : #eff;
	font-size : 1.5em;
	font-weight : bold;
	padding : 5px 7px;
	margin : 0;
}

#maincolumn p, #singlecolumn p{
	margin : 0 0 0.5em 0;
	line-height : 1.4em; 
	font-weight : normal;
}

#maincolumn h1, #singlecolumn h1 {
	font-size : 200%;
	color : #c50;
	font-weight : bold;
	margin : 1.2em 0 0 0;
}

#maincolumn h2, #singlecolumn h2 {
	font-size : 160%;
	color : #c50;
	font-weight : bold;
	margin : 0.8em 0 0 0;
}

#maincolumn h3, #singlecolumn h3 {
	font-size : 130%;
	color : #c50;
	font-weight : bold;
	margin : 0.5em 0 0 0;
}

#maincolumn h4, #singlecolumn h4 {
	font-size : 110%;
	color : #c50;
	font-weight : normal;
	margin : 0.5em 0 0 0;
}

#rightcolumn p {
	margin : 0 0 0.5em 0;
	line-height : 1.4em; 
	font-weight : normal;
}

/* ---------------- footer styles ------------------- */
#bottomnav ul {
	padding : 0;
	margin-top : 8px;
	margin-left : 10px;
	list-style: none;
	font-size : 1.3em;
}

#bottomnav li {
	float : left;
}

#bottomnav li a {
	color : #333;
	text-decoration: none;
	margin : 0 7px;
}

#bottomnav a:hover {
	color : #fa7;
}