@import url(basic.css);		/* Import basic styles */
@import url(img.css);		/* Import standard image styles */
@import url(container.css);	/* Import standard container styles */

/*
div layout:

container
  marginleft   containercenter                                                      marginright
                 headerleft   headerright
				 topnav
                 contenttop
                 content
                   contentnav
	                 boxround(blue)   boxround(green)   boxround(orange)
	                   boxtop           boxtop            boxtop
		               boxtophead       boxtophead        boxtophead
		               boxbighead       boxbighead        boxbighead
		               boxcaption       boxcaption        boxcaption
		               boxbottom        boxbottom         boxbottom
                   contentleft                 contentright
	                 clheader                    crleft   crcenter   crright 
				     clleft      clright                               crrcell
					   cllbutton   clrcell							   crrbutton
					 clbheader     clrbutton     crbottom
					 clbottom                      crbottominner  
                 footer
                   footerleft   footerright
  
*/

/* basic elements */

.cents {
	font-size: 9px;
	vertical-align: top;
}

/* containercenter elements */

#contenttop {
	width: 976px;
	background-color: #FFFFFF; 
	clear: left;
}

#content {
	width: 976px;
	padding-left: 12px;
	padding-right: 12px;
	padding-top: 8px;
	padding-bottom: 20px;
    clear: left;
}

/* content elements */

#contentnav {
    float: left;
}

#contentleft {
	margin-top: 12px;
	margin-left: 16px;
	width: 480px;
	height: 100%;
    float: left;
}

#contentright {
	margin-top: 20px;
	margin-left: 40px;
	width: 416px;
	height: 100%;
    float: left;
}

/* contentnav elements */

.boxround {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	float: left;
	margin-left: 4px;
	margin-right: 4px;
	width: 309px;
	height: 290px;
}

.boxtophead, .boxbighead, .boxcaption {
	margin-left: 10px;
	margin-right: 10px; 
}

.boxtophead {
	margin-top: 70px;
	font-size: 11px;
}

.boxbighead {
	font-size: 31px;
	margin-top: 10px;
	margin-bottom: 42px; 
	line-height: 1em;
}

.boxbigheadlink {
	color: #FFFFFF;
	text-decoration: none;
}

.boxbigheadlink:hover {
	color: #000066;
}

.boxcaption {
	margin-bottom: 26px;
	font-size: 14px;
	line-height: 1.5em;
}

.boxtop { 
	background: url(http://www.articlemarketer.com/images/btr.gif) no-repeat top right; 
}

.boxbottom {
	background: url(http://www.articlemarketer.com/images/bbr.gif) no-repeat top right; 
}

img.boxcorner {
   width: 12px;
   height: 12px;
   border: none;
   display: block !important;
}

.graybar {
	width: 100%;
	height: 4px;
	background-color: #CCCCCC;
}

.p-shadow {
  width: 90%;
  float:left;
  background: url(http://www.articlemarketer.com/images/shadowAlpha.png) no-repeat bottom right !important;
  background: url(http://www.articlemarketer.com/images/shadow.gif) no-repeat bottom right;
  margin: 10px 0 0 10px !important;
  margin: 10px 0 0 5px;
}

.p-shadow div {
  background: none !important;
  background: url(http://www.articlemarketer.com/images/shadow2.gif) no-repeat left top;
  padding: 1px 0 0 0 !important;
  padding: 0 6px 6px 0;
}

.p-shadow p {
  font: italic 1em georgia, serif;
  border: 1px solid #a9a9a9;
  padding: 10px;
  margin: -6px 6px 6px -6px !important;
  margin: 0;
}

.grayhead {
	color: #666666;
	font-size: 14px;
	font-weight: 600;
	margin-bottom: 10px; 
}

/* contentleft elements */

#clheader {
	color: #CD3301;
	font-size: 19px;
	font-weight: 800;
	letter-spacing: 0px;
	margin-bottom: 12px;
	float: left;
}

#clleft {
	width: 310px;
	float: left;
}

.cllbutton {
	border-top: solid thin #CCCCCC;
	padding-top: 10px;
	background: url(http://www.articlemarketer.com/images/gbutton.gif) no-repeat bottom center;
	height: 49px;
	margin-bottom: 10px;
	text-align: center;
}

#clright {
	width: 140px;
	margin-left: 30px;
	float: left;
}

#clbheader {
	padding-top: 10px;
	margin-top: 10px;
	margin-bottom: 4px;
	color: #666666;
	font-size: 12px;
	font-weight: 600;
	clear: left;
}

#clbottom {
	margin-left: -24px;
	clear: left;
}

/* clright elements */

.clrcell {
	border-top: solid thin #CCCCCC;
	padding-top: 16px;
	margin-top: 4px;
	font-size: 14px;
	font-weight: 900;
	text-align: center;
}

.clrbutton {
	border-top: solid thin #CCCCCC;
	padding-top: 34px;
	background: url(http://www.articlemarketer.com/images/gbutton.gif) no-repeat bottom center;
	height: 49px;
	margin-bottom: 10px;
	text-align: center;
}

.clrlink {
	position: relative;
	top: 21px;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: 700;
}

.clrlink:hover {
	color: #000000;
}

/* contentright elements */

#crleft {
	width: 144px;
	height: 332px;
	float: left;
}

#crcenter {
	padding-left: 30px;
	padding-right: 30px;
	width: 163px;
	float: left;
}

#crright {
	width: 140px;
	float: left;
}

#crbottom {
	width: 495px;
	height: 130px;
	background-color: #FFFFFF;
	border: thick solid #ECEDDB;
	margin-bottom: 20px;
	clear: left;
}

.crhead {
	color: #666666;
	font-size: 14px;
	font-weight: 600;
	margin-bottom: 10px; 
}

/* crright elements */

.crrcell {
	padding-top: 6px;
}

.crrbutton {
	background: url(http://www.articlemarketer.com/images/graybutton.gif) no-repeat bottom center;
	height: 49px;
	margin-bottom: 10px;
	text-align: center;
}

.crrlink {
	position: relative;
	top: 21px;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: 700;
}

.crrlink:hover {
	color: #000000;
}

/* crbottom elements */

#crbottominner {
	height: 122px;
	background-color: #ECEDDB;
	border: thin solid #FFFFFF;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 3px;
	padding-bottom: 3px;
}

.crblink {
	color: #0000FF;
	font-weight: 700;
}

.crblink:hover {
	color: #FF00FF;
}