/* 
    Document   : Index
    Created on : 10-Mar-2009, 09:51:22
    Author     : Alan Osborne
    Description:
        Set the style for the article pages
*/

body {
    background: #d9e1ec;
    font: 13px 'Calibri', Arial, Helvetica, sans-serif;
    color: #787867;
    text-align: center;
}

a {
	color: #06f;
	text-decoration: none;
	border-bottom: 1px solid transparent;
}

a:hover, a:focus {
	color: #090;
	border-bottom-color: #06f;
}

#shadow {
    width: 1000px;
    background: url(../images/shadow.png) repeat-y;
    margin: 0 auto;
}

#page {
    background: #EDF2E9 url(../images/page.png) repeat-y;
    margin: 0 auto;
    width: 960px;
    text-align: left;
}

#header {
    text-align: center;
    margin-top: 5px;
    height: 151px
}

#navigation {
    background: #409000;
    color: #fff;
    border-bottom: 3px solid #207000;
}

#navigation ul {
    margin: 0 auto;
    width: 960px;
}

#navigation ul li {
    float: left;
    display: block;
    font-size: 15px;
    font-weight: bold;
    padding: 8px 0;
}

#navigation ul li a {
    color: #fff;
    text-decoration: none;
    padding: 8px 10px;
}

#navigation ul li a:hover {
    background: #206000;
}

#footer {
    background: #025D8C;
    color: #fff;
}

#copyright { margin: 4px 8px; margin-top: 0; text-align: right; }

#add_links {
    padding: 6px 16px;
    text-align: left;
}

#add_links li {
    float: left;
}

#add_links a {
    padding: 4px 8px;
    font-weight: bold;
    font-size: 14px;
    color: #fff;
    border-bottom: 1px solid transparent;
    text-decoration: none;
    margin-left: 4px;
}

#add_links a:focus, #add_links a:hover {
    border-color: #fff;
}

#footer_block {
    margin: 0 auto;
    width: 960px;
}

#article {
	float: left;
	width: 670px;
}

#mtt { float: left; width: 670px; }

#article img.left, #mtt img.left {
	float: left;
    margin-left: 20px;
    margin-top: 6px;
}

#article img.right {
	float: right;
	margin: 6px;
}

#article h1, #mtt h1, #article h2, #mtt h2, #article h3, #mtt h3, #article h3, #mtt h4 {
	font-size: 20px;
    font-weight: bold;
    color: #409000;
    margin: 6px;
    margin-bottom: 0;
    margin-left: 70px;
}

#article h2, #mtt h2, #article h3, #mtt h3, #article h4, #mtt h4, #article h5, #mtt h5 {
	font-size: 16px;
    font-weight: bold;
    color: #025D8C;
    margin: 6px;
    margin-bottom: 0;
    margin-left: 70px;
}

#article p, #article ul, #article ol, #mtt p, #mtt ul, #mtt ol {
	margin: 6px 30px 12px 70px;
	line-height: 1.5;
}

#article ul, #article ol, #mtt ul, #mtt ol {
	list-style: disc;
}

#article ul li, #article ol li, #mtt ul li, #mtt ol li {
    margin-left: 25px
}

#sidebar {
	width: 285px;
	margin-right: 4px;
	float: left;
	border-left: 1px dashed #C1C4BE;
	border-bottom: 1px dashed #C1C4BE;
	background: #fff;
}

#sidebar img {
	margin: 5px;
}

#payment_methods {
	text-align: center;
}

#address {
	font-weight: bold;
	text-align: right;
	margin: 12px 10px 12px 6px;
}

.quotebutton2 {
	text-decoration: none;
	font-size: 16px;
	font-weight: bold;
	padding: 4px 8px;
	display: block;
	color: #fff;
    background: #025D8C;
	border-bottom: 3px solid #013B6A;
	margin-bottom: 6px;
}

.quotebutton2:focus, .quotebutton2:hover {
	background: #409000;
	border-bottom-color: #207000;
}

.quote {
	margin: 3px 3px 12px 3px;
}

.quote em {
	color: #409000;
	font-weight: bold;
}

#links { padding-bottom: 10px; }

#links div {
    margin: 6px 30px 0 70px;
}

#links ul {
    padding: 8px;
	float: left;
    width: 23%;
}

#articles ul {
    padding: 8px;
	margin: 6px 30px 0 70px;
}

#links li, #articles li {
 	margin: 8px 4px;
}

#links img {
    float: left;
    margin-left: 20px;
    margin-top: 6px;
}

#links h2, #articles h2 {
    font-size: 18px;
    font-weight: bold;
    color: #409000;
    margin: 6px;
    margin-bottom: 0;
    margin-left: 70px;
}

#links a, #articles a {
    text-decoration: none;
    font-weight: bold;
    border-bottom: 1px solid #025D8C;
    color: #025D8C;
}

#links a:focus, #links a:hover, #articles a:focus, #articles a:hover {
    border-bottom: 1px solid #409000;
    color: #409000;
}

#links a:visited, #articles a:visited {
    border-bottom: 1px solid #207000;
    color: #207000;
}

#mtt .image-shadow {
	background: url(../images/shadowAlpha.png) no-repeat bottom right !important;
}

#mtt .image-shadow img {
	display: block;
	position: relative;
	background-color: #fff;
	border: 1px solid #a9a9a9;
	margin: -6px 6px 6px -6px;
	padding: 4px;
}

#mtt .left p, #mtt .left ul { margin-left: 380px; }

#mtt .left .image-shadow { float: left; margin: 10px 0 0 20px !important; margin: 10px 0 0 15px; }
#mtt .right .image-shadow { float: right; margin: 10px 0 0 10px !important; margin: 10px 0 0 5px; }
#mtt .team-name { font: 16px 'Calibri', Arial, Helvetica, sans-serif; color: #025D8C; }
#mtt .team-position { font: 13px 'Calibri', Arial, Helvetica, sans-serif; font-variant: small-caps; }
#mtt strong { font-weight: bold; }

blockquote {
	margin-left: 70px;
	border: 1px solid #025D8C;
	border-left-width: 3px;
}

blockquote p {
	margin-left: 20px !important;
	font-style: italic;
}

.newsletter {
	margin-left: 70px;
	margin-right: 8px;
	border: 1px solid #025D8C;
}

.newsletter a.left {
	float: left;
	margin: 3px;
	margin-right: 10px;
}

.security {
	border: 1px solid #025D8C;
	border-bottom: 0;
	margin: 5px 20px 0 20px;
	font-size: 15.6px;
	line-height: 50px;
	border-radius: 4px 4px 0 0;
	padding-left: 8px;
	-moz-border-radius: 4px 4px 0 0;
	-webkit-border-radius: 4px 4px 0 0;
	clear: left;
}