/* Styles for Computer Professionals, Inc.
 * Design by Nissi Creative Services
 * www.NissiCreative.com
 */
 
* {
 	margin: 0;
	padding: 0;
 }

/* General Redeclarations ==================== */

body {
	margin: 0;
	padding: 0;
	background: #576777;
}
body, td {
	font: 13px/1.5 Arial, Helvetica, sans-serif;
}
p {
	margin: 0 0 1em;
}
h1{
	color: #576777;
	font-size: 175%;
	border-bottom: 2px dotted #576777;
	line-height: normal;
	margin: 0 0 .6em 0;
}
h2 {
	font-size: 150%;
	color: #5A8263;
}
h3 {
	color: white;
	font-size: 115%;
	font-weight: bold;
	letter-spacing: .1em;
	margin: 0 0 15px;
	text-align: center;
}
h4 {
	background: #ACC0B1;
	color: white;
	margin: 1em 0;
	text-indent: 3em;
	font-size: 125%;
	font-weight: bold;
	letter-spacing: .33em;
}
h5 {
        font-size: 125%;
        font-weight: bold;
        margin: 0 0 .6em;
}
blockquote {
	margin: 0 2em 1em;
}
small {
	font-size: 10px;
	line-height: normal;
}
ol, ul {
	margin: 0 0 1em 2em;
}
ol li, ul li {
	margin: 0 0 .4em;
}

/* Link Styles ==================== */

a:link, a:visited {
	color: #5A8263;
	text-decoration: none;
	font-weight: bold;
}
a:hover {
	text-decoration: underline;
	color: #ACC0B1;
}
#bottomCenter a:link, #bottomCenter a:visited, .curvedArea a:link, .curvedArea a:visited {
	color: white;
	text-decoration: none;
}
#bottomCenter a:hover, .curvedArea a:hover {
	text-decoration: underline;
}


/* IDs ==================== */

#topLeft {
	width: 20px;
	height: 20px;
	background: #576777 url("images/topLeft.jpg") no-repeat 0 100%;
}
#topCenter {
	width: 760px;
	height: 20px;
	background: #576777 url("images/topCenter.jpg") repeat-x 0 100%;
}
#topRight {
	width: 20px;
	height: 20px;
	background: #576777 url("images/topRight.jpg") no-repeat 0 100%;
}
#left {
	width: 20px;
	height: 100%;
	background: #576777 url("images/leftsideCenter.jpg") repeat-y 0 0;
}
.leftsideShadows {
	height: 100%;
	background: white url("images/leftsideBottom.jpg") no-repeat 0 100%;
}
#right {
	width: 20px;
	background: #576777 url("images/rightsideMiddle.jpg") repeat-y 0 0;
}
#bottomLeft {
	width: 20px;
	height: 19px;
	background: #576777 url("images/bottomLeft.jpg") no-repeat 0 0;
}
#bottomCenter {
	width: 760px;
	height: 19px;
	background: #576777 url("images/bottomCenter.jpg") no-repeat 0 0;
	font-size: 10px;
	color: white;
	text-align: center;
	padding: 5px;
}
#bottomRight {
	width: 20px;
	height: 19px;
	background: #576777 url("images/bottomRight.jpg") no-repeat 0 0;
}
#nav {
	background: #ACC0B1;
}

#mainContent {
	background: white url("images/mainContent.jpg") repeat-x 0 0;
	padding: 20px;
	vertical-align: top;
	text-align: left;
}

/* Classes ==================== */

.login {
	text-align: right;
}
.feature {
	float: right;
	width: 300px;
	margin: 0 0 1em 2em;
	padding: 0 1em 1em 1em;
	border: 1px solid #576777;
	background: #ACC0B1;
}
.feature p {
	margin: 0 0 .5em 0;
	line-height: normal;
}
.hr {
	height: 15px;
	background: white url("images/dots.gif") no-repeat scroll center;
}
.hr hr {
	display: none;
}
.altColor {
	color: #576777;
	font-weight: bold;
	line-height: normal;
}
.normalLineHeight {
	line-height: normal;
}
table.datatable {
	width: 100%;
	border: none;
	margin-bottom: 15px;
}
.datatable th.label {
	width: 250px;
	padding-left: 1em;
	text-align: left;
	font-weight: normal;
}

/* Begin Curved Area ==================== */
.curvedArea {
	display: block;
	width: 340px;
	float: right;
	margin: 0 0 0 1em;
}
.topLeft {
	background-image:  url("images/bg_topLeft.jpg");
	width: 100%;
	height: 30px;
	float: left;
}
.topRight {
	background-color: #fff;
	background-image:  url("images/bg_topRight.jpg");
	background-repeat: no-repeat;
	background-position: 100% 0;
	width: 20px;
	height: 30px;
	float: right;
}
.centerLeft {
	background-image:  url("images/bg_centerLeft.jpg");
	background-repeat: repeat-y;
	width: 100%;
	float: left;
}
.centerRight {
	background-image:  url("images/bg_centerRight.jpg");
	background-repeat: repeat-y;
	background-position: 100% 0;
	width: 100%;
	height: 100%;
	float: right;
}
.bottomLeft {
	background-image:  url("images/bg_bottomLeft.jpg");
	background-repeat: no-repeat;
	width: 100%;
	float: left;
}
.bottomRight {
	background-color: #fff;
	background-image:  url("images/bg_bottomRight.jpg");
	background-repeat: no-repeat;
	background-position: 100% 0;
	width: 20px;
	height: 20px;
	float: right;
}
.content {
	position: relative;
	top: -28px;
	margin: 0 15px -40px;
}
.clear {
	clear: both;
}
.content p {
	line-height: normal;
}
/* End Curved Area ==================== */