/*
 To change between the two layouts change this between:
    marc-layout.css
    marc-fluid-layout.css
    marcus-layout.css
*/
@import url(marc-fluid-layout.css);

body{ font-size: 12px; font-family: arial, verdana sans-serif; line-height: 18px; }
img {display: block;}

#nav { height: 4px;}
#nav a {font-size: 11px; line-height: 28px; padding: 2px; color: #3C266A; text-decoration: none; }
#nav a:hover {text-decoration: none; background-color:#DDDDDD; padding: 2px;}
#nav ul {margin:  0px; padding: 0px;} 
#nav li {display: inline; padding: 0px 10px 0px 10px; border-left: 0px solid #3C266A; background: url(../images/nav-hline.gif) left no-repeat;} 

#sidebar1 h1 { color: white; font-weight: normal; font-size: 11px; line-height: 26px; background: #201666 url(../images/menu-h1-bk.gif) left no-repeat; margin: 0px 0px 5px 0px; padding-left: 40px;}
#sidebar1 h1 a { color: white; font-weight: normal; font-size: 11px; line-height: 26px; }
#sidebar1 h1 a:hover { color: #201666; font-weight: normal; font-size: 11px; line-height: 26px; }
#sidebar1 a {font-size: 11px; line-height: 20px; padding: 4px; color: #3C266A; text-decoration: none;}
#sidebar1 a:hover {background-color:#DDDDDD; padding: 4px; font-weight: bold;}
#sidebar1 ul {margin:  0px 0px 5px 0px; padding: 0px;} 
#sidebar1 li { margin: 2px 0px; padding: 0px 5px 0px 40px; background: #EFEFEF;} 

#sidebar2 h1 { color: #3C266A; font-size: 1.1em; margin-bottom: 5px; padding-left: 10px; padding-bottom: 10px; margin-right: 15px; background: url(../images/sidebar-h1-bk.gif) bottom left no-repeat;   }
#sidebar2 .rssitem { padding-left: 10px; margin-right: 15px;}
#sidebar2 .title { color: #3C266A; margin-right: 15px; font-weight: bold; font-size: 11px; margin-bottom: 5px; line-height: 14px;}
#sidebar2 .text { color: #707070; font-size: 10px; margin-bottom: 8px; line-height: 11px; margin-right: 10px;}

.advantages #sidebar2 { background: url(../images/mainpic-advantages.jpg) no-repeat; height: 500px;}
.transactions #sidebar2 { background: url(../images/mainpic-transactions.jpg) no-repeat; height: 500px;}
.guidelines #sidebar2 { background: url(../images/mainpic-guidelines.jpg) no-repeat; height: 500px;}
.contact #sidebar2 { background: url(../images/mainpic-contact.jpg) no-repeat; height: 500px;}
.choose #sidebar2 { background: url(../images/mainpic-choose.jpg) no-repeat; height: 500px;}

#xcontent h1 { color: #3C266A; font-size: 3.0em; line-height: 2em; font-style: italic; font-family: times, serif; }
#content .lead-paragraph { font-size: 1.2em; }
#content p { color: #666666; font-size: 12px; line-height: 18px; }

#content-home h1 { color: #3C266A; font-size: 3.0em; line-height: .9em; font-style: italic; font-family: times, serif; }
#content-home .lead-paragraph { font-size: 1.2em; }
#content-home p { color: #666666; font-size: 12px; line-height: 18px;}

.advantage { font-size:16px; color: #330066; font-weight: bold; }
.advantage-copy { font-size:12px; color: #666666; line-height: 16px; }

#hdr { font-size: 26px; color:#330066; border: 0px solid #000000; font-family:Arial, Helvetica, sans-serif; font-style:italic; font-weight: bold; padding: 25px 0px 10px 0px; }
#home { width: 280px;}
#main-pic { background: url(../images/mainpic-advantages.jpg) no-repeat; height: 500px; }
#contact-form { padding: 0px; float: left; border: 0px solid #000000; margin: 0px 0px 0px 50px;}
#address { float: left; border: 0px solid #000000; line-height: 14px; color: #808080; padding: 10px 0px 0px 0px;}
.form-field { width: 220px; border: 1px solid #666666; margin-bottom: 6px;}
.text-area { width: 220px; border: 1px solid #666666; margin-bottom: 6px;}
.contact-title { color: #808080; font-weight: bold; font-size: 11px;}
.thanks { font-weight: bold; color: #201666; font-size: 16px; }
.contactinfo { font-size: 12px; color: #808080; line-height: 14px; }

#left-address { width: 150px; line-height: 14px; font-size: 12px; font-weight: bold; background-color: #CCCCCC; color: #201666; margin: 40px 0px 0px 15px; padding: 10px;}
#left-address a{ text-decoration: underline; color: #201666; font-weight: bold;}


#guideline-bullets { padding: 0px; }
#guideline-bullets ul { margin: 0px 0px 0px 20px; padding: 0px; }
#guideline-bullets li { font-size: 12px; color: #201666; padding: 4px 0px 0px 0px;}
.guideline-bullet-hdr { font-weight: bold; font-size: 14px; color: #201666;}
.guideline-text { color: #666666;}

#uptop { width: 200px; color:#707070; font-size: 11px; margin: 20px 0px 20px 0px;}
#uptop a{ color:#707070; font-size: 11px; text-decoration: underline;}
#uptop a: hover{ text-decoration: none;}

#footer .copyright { color: #707070; float: left; line-height: 25px; padding: 0px 0px 0px 10px;}
#footer .logo { float: right; margin-right: 10x;}
#footer a {font-size: 11px; line-height: 25px; color: #707070; text-decoration: none;}
#footer a:hover {text-decoration: underline; }
#footer .links {text-align: center;}
#footer ul {margin:  0px; padding: 0px; } 
#footer li {display: inline; padding: 0px 5px 0px 5px; border-left: 1px solid #707070;} 
#footer ul .first {border-left: 0px solid #707070;} 

#content h1 { font-size: 26px; color:#330066; border: 0px solid #000000; font-family:Arial, Helvetica, sans-serif; font-style:italic; font-weight: bold; padding: 25px 0px 10px 0px; margin: 0px}
#content h2 { font-size:16px; color: #330066; font-weight: bold; }

#content-home .lead-paragraph p { font-size: 1.2em; }


#content-home em { font-size:16px; color: #330066; font-weight: bold; font-style: normal; line-height: 16px; font-family:Arial, Helvetica, sans-serif;}
#content-home .title { color: #3C266A; font-size: 3.0em; line-height: .9em; font-style: italic; font-family: times, serif; }

#content em { font-size:16px; color: #330066; font-weight: bold; font-style: normal; line-height: 16px; font-family:Arial, Helvetica, sans-serif;}
#content title { color: #3C266A; font-size: 3.0em; line-height: .9em; font-style: normal; font-family: times, serif; }

#content li { color: #666666; font-size: 12px;  padding: 4px 0px 0px 0px;}

.editable-buttons { float: right; text-align: right; xdisplay: none; width:73px;}
.editable-buttons img {opacity: 0.4; filter: alpha(opacity=40); width: 38px; height: auto; border-width: 0px; }
.editable-hover img {opacity: 0.8; filter: alpha(opacity=80); width: 73px;}
.editable-buttons a {height: 21px; }
.editable-hover a {height: 44px;}

.paginate .paginate-buttons {text-align: right; font-weight: bold; margin-top: 8px;}
.paginate .paginate-prev {margin-right: 10px; }
.paginate .paginate-buttons a { text-decoration: none; }
.paginate .paginate-buttons a:hover { text-decoration: underline; }