/*********************
CompuMail
css sheet v1.0

colors:
blue:#006699
red:#ee3424
********************/
body {
	background: #a3a3a3 /*url('../images/bg.png') top center no-repeat*/;
	font-family: verdana,sans-serif;
	font-size: 11px;
	line-height: 18px;
}
#wrapper {
	width: 900px;
	height: 100%;
	background: url('../images/content_bg.jpg') repeat-y;
	margin: 0 auto;
	margin-top: 40px;
	margin-bottom: 40px;
	padding-top: 2px;
	padding-bottom: 2px;
}
p {
	margin-bottom: 10px;
}
/*********************
header
*********************/
#wrapper #header {
	width: 871px;
	height: 55px;
	margin: 0 auto;
	background: url('../images/header_bg.jpg') no-repeat;
	padding: 29px 0px 0px 25px;
	position: relative;
}
#wrapper #header .login {
	position: absolute;
	bottom: 5px;
	right: 5px;
	color: #006699;
}
#wrapper #header .login:hover {
	color: #ee3424;
}	
/*********************
navigation
*********************/
#wrapper #navigation {
	background: white url('../images/navbar_bg.jpg') no-repeat;
	width: 876px;
	height: 64px;
	margin: 0 auto;
	padding-left: 20px;
}
#wrapper #navigation li,#wrapper #navigationR li {
	display: block;
	font-size: 10px;
	height: 14px;
	padding-right: 10px;
	margin-left: 7px;
	border-right: 1px solid white;
	float: left;
	padding-top: 5px;
	line-height: 13px;
}
#wrapper #navigation li a,#wrapper #navigationR li a {
	color: white;
	text-decoration: none;
	text-transform: uppercase;
}
#wrapper #navigation li a:hover, #wrapper #navigationR li a:hover, #wrapper #navigation li#current a {
	/*text-decoration: underline;*/
	color:#ee3424;
}
#wrapper #navigation li.last, #wrapper #navigationR li.last {
	border: none;
}

#wrapper #navigationR {
	float: right;
	margin-top: -65px;
	width: 245px;
}
#wrapper #navigationR li {
	display: block;
	font-size: 10px;
	height: 14px;
	padding-right: 10px;
	margin-left: 7px;
	border-right: 1px solid white;
	float: left;
	padding-top: 5px;
	line-height: 13px;
}


/*********************
content
*********************/
#wrapper #content {
	width: 873px;
	height: 100%;
	margin: 0 auto;
	background-color: white;
	padding: 4px 0px 20px 23px;
}
#wrapper #content .side a:hover{
	color:#ee3424;
}
#wrapper #content #current a{
	color:#ee3424;
}
#wrapper #content .title {
	text-transform: uppercase;
	color: #006699;
	letter-spacing: .03em;
}
#wrapper #content .title a {
	text-decoration: none;
}

#wrapper #content a {
	text-decoration: underline;
	color: #006699;
}
#wrapper #content a:hover {
	text-decoration: none;
}
#wrapper #content #indexLeft,
#wrapper #content #intLeft {
	width: 170px;
	height: 100%;
	padding: 10px 14px 0px 0px;
	border-right: 2px #d8d8d7 solid;
	float: left;
}
#wrapper #content #indexLeft ul,#wrapper #content #intLeft ul {
	margin-top: 27px;
	line-height: 18px;
	margin-bottom: 22px;
}
#wrapper #content #indexLeft #stamp,#wrapper #content #intLeft #stamp {
	margin-left: -2px;
}
#wrapper #content #indexCenter {
	float: left;
	padding: 10px 18px 0px 18px;
	width: 343px;
/*	border-right: 2px #d8d8d7 solid;*/
	border-left: 2px #d8d8d7 solid;
	height: 100%;
	margin-left: -2px;
}
#wrapper #content #indexCenter p {
	color: #808285;
	font-size: 12px;
	line-height: 18px;
	margin-top: 20px;

}
#wrapper #content #indexRight {
	margin-left: -2px;
	float: right;
	width: 272px;
	padding-left: 14px;
	padding-right: 20px;
/*	border-left: 2px #d8d8d7 solid;*/
	position: relative;
}
#wrapper #content #indexRight p {
	margin-bottom: 10px;
}
#wrapper #content #indexRight img {
	margin-top: 24px;
}

#wrapper #content #intRight {
	float: right;
	width: 368px;
	height: 100%;
	overflow-x: hidden;
	position: relative;
}
#wrapper #content #two-col #intRight > ul {
	padding-left: 20px;
}
#wrapper #content #two-col #intRight ul li {
	list-style: disc inside;
	margin-bottom: 5px;
}
#wrapper #content #two-col #intRight p {
	margin-bottom: 5px;
}
#wrapper #content #two-col #intRight p.testimonial {
	color: #808285;
	margin-top: -2px;
}
#wrapper #content #two-col #intRight #guarantee,#wrapper #content #two-col #intRight #letters,#wrapper #content #two-col #intRight .benefits,#wrapper #content #two-col #intRight .privacy,#wrapper #content #two-col #intRight .sitemap,#wrapper #content #two-col #intRight #printing {
	list-style-type: disc;
	padding-left: 25px;
	padding-bottom: 10px;
}
#wrapper #content #two-col #intRight .sitemap ul{
	list-style-type: circle;
	padding-left: 25px;
}
#wrapper #content #two-col #intRight .sitemap ul ul{
	list-style-type: square;
	padding-left: 25px;
}


#wrapper #content #two-col #intRight #terms {
	list-style-type: decimal;
	padding-left: 25px;
	padding-bottom: 10px;
}
#wrapper #content #two-col #intRight #terms li {
	font-weight: bold;
}
#wrapper #content #two-col #intRight #terms ol {
	list-style-type: upper-latin;
	padding-left: 25px;
}
#wrapper #content #two-col #intRight #terms ol li,#wrapper #content #two-col #intRight #terms ul li {
	font-weight: normal;
}
#wrapper #content #two-col #intRight #terms ol ol {
	list-style-type: lower-roman;
	padding-left: 25px;
}
#wrapper #content #two-col #intRight img {
	margin-top: 11px;
}
#wrapper #content #lettersNav {
	float: right;
	width: 280px;
	text-align: center;
	text-transform: uppercase;
	padding-right: 80px;
	margin-top: -23px;
	font-size: 9px;
	letter-spacing: .03em;
	position:relative;
	z-index:2;
}
#wrapper #content #lettersNav li {
	display: inline;
	padding: 0 5px;
}
#wrapper #content #lettersNav li.middle {
	border-right: 1px solid #333;
	border-left: 1px solid #333;
	padding: 0 7px;
}
#wrapper #content #lettersNav li a {
	color: #333;
	text-decoration: none;
}
#wrapper #content #lettersNav li a:hover {
	text-decoration: underline;
}
/*********************
footer
*********************/
#wrapper #footer {
	margin: 0 auto;
	width: 873px;
	background: white;
	height: 40px;
	padding: 24px 0px 0px 23px;
}
#wrapper #footer ul {
	margin-left: -6px;
}
#wrapper #footer li {
	display: inline;
	font-size: .95em;
	color: #333;
	padding: 0px 8px 0px 4px;
	border-right: 1px solid #808285;
	letter-spacing:-.03em;
}
#wrapper #footer a {
	color: #333;
}
#wrapper #footer a:hover {
	text-decoration: none;
	color: #ee3424;
}
#wrapper #footer #lowerRight {
	background: url('../images/link_bg_sm.png') no-repeat;
	width: 145px;
	height: 21px;
	float: right;
	text-align:center;
	margin-right:30px;
	margin-top:-18px;
}
#wrapper #footer #frequency a:hover {
	color:#003768;
}
/* Paging */
div.paging {
	background:#fff;
	color: black;
	margin-bottom: 2em;
}
div.paging div.disabled {
	color: black;
	display: inline;
}
div.paging span {
}
div.paging span.current {
	color: red;
}
div.paging span a {
}
/*********************
cmail form
*********************/
#wrapper #content #two-col #intRight span.label, 
#wrapper #content #two-col #intRight span.spacer,
#wrapper #content #two-col #intRight span.multiple span {
	width: 120px;
	float: left;
}
#wrapper #content #two-col #intRight span.multiple {
	float: left;
}

#wrapper #content #two-col #intRight .cmail {
	margin-top:10px;
	
}
#wrapper #content #two-col #intRight span.button {
	padding-left: 120px;0
}

/***
admin
***/
#wrapper .index td,
#wrapper .index th {
	border: 1px #CCCCCC solid;	
	padding: 10px;
}
.managedPages {
	overflow-y: auto;
	height: 340px;
	padding-left: 20px!important;
	width: 667px!important;
	padding-right: 0!important;
}
.mceEditor {
	width: 537px !important;
	height: 700px!important;
}

legend {
	font-size: 15px;
	font-weight:bold;
	padding: 0;
	margin: 0;
}
#story_tbl {
	width: 6px !important;
	height: 450px!important;
}
.defaultSkin iframe {
	height: 400px!important;
}
/*
 * NEWS
 */
#two-col {
	float: left;
	width: 637px;
	padding-left: 20px;
	overflow-y: hidden;
	height: 100%;
	padding-right: 20px;
	overflow-x: hidden;
	position: relative;
	border-left: 2px #d8d8d7 solid;
	margin-left: -2px;
}
#int-img {
	float: left;
}
#two-col #int-image{
	float: left;
}
.article-title {
	width: 85%;
}

#news {
	margin: 0 !important;
	padding: 0 !important;
}
#news li{
	list-style-type: none !important;
	border-bottom: 1px solid #D8D8D7;
	padding-bottom: 10px;
	margin-bottom: 10px;
}
#news li:last-child {
	border-bottom: 2px solid #D8D8D7;
}
#news .title {
	margin: 0 !important;
	color:#ee3424 !important;
}
#news .date{
	color: #006699;
}
.back-btn {
	position: absolute;
	top: 0;
	right: 30px;
}
/*********************
clearing
*********************/
.clear {
	clear: both;
	padding: 0;
	margin: 0;
}

label {
	display:block;
}