/* Start of CMSMS style sheet 'ECA layout' */
* {
margin:0;
padding:0;
}

body {
text-align:left;
font-family:sans-serif, Tahoma, Arial, Helvetica;
font-size:.9em;
line-height:1.6em;
background:#9f9f9f;
margin:0;
}

div {
font-size:1em;
}

img {
border:0;
}

a,a:link a:active {
text-decoration:none;
background:inherit;
color:black;
}

a:visited {
text-decoration:none;
background:inherit;
color:#003e8c;
}

a:hover {
text-decoration:none;
background:inherit;
color:#80aaff;
}

#qlapp, #qlabout, #qlhost {
font-size: 1.3em;
color:white;
text-decoration:none;
display:block;
width:99%;
height:120px;
margin-bottom:2px;
}

#qlapp {
background:#2f66b8 url("images/QL_App.jpg") no-repeat 100% 0;
}

#qlabout {
background:#2f66b8 url("images/QL_About.jpg") no-repeat 100% 0;
}

#qlhost {
background:#2f66b8 url("images/QL_Host.jpg") no-repeat 100% 0;
}

#qlapp:hover,#qlabout:hover,#qlhost:hover {
color:black;
font-weight:bold;
}

#qlapp:hover {
background:white url("images/QL_App.jpg") no-repeat 100% -120px;
}

#qlabout:hover {
background:white url("images/QL_About.jpg") no-repeat 100% -120px;
}

#qlhost:hover {
background:white url("images/QL_Host.jpg") no-repeat 100% -120px;
}



#qlapp span,#qlabout span,#qlhost span {
position:relative;
top:25px;
left:25px;
}

#search {
float:right;
min-width:200px;
text-align:right;
clear:right;
margin:0 1em;
padding:.6em 4% .2em 0;
}

.breadcrumbs {
white-space:nowrap;
background:#f8f8f8;
font-size:.7em;
padding:1em 0 1em 320px;
}

#breadcrumbblank {
height:1px;
background:#ddd;
}

#content {
margin:0 auto 2em 0;
}

#main {
background:inherit;
padding-left:320px;
margin-right: 4%;
}

#sidebar {
background:white;
float:left;
width:285px;
display:inline-block;
}

#footer {
clear:both;
height: 96px;
display: block;
text-align:left;
color:#555;
background:#d7d7d7;
padding:0 4% 0 320px;
}

#footermin {
clear:left;
background:inherit;
height:0;
}

#footer p {
font-size:.8em;
margin:0;
padding:1em 1.5em;
}

#footer p a {
color:white;
}

.hr {
height:1px;
border-bottom:1px solid #ddd;
margin:1em;
padding:1em;
}

.left49 {
width:49%;
}

.right49 {
float:right;
width:49%;
text-align:right;
}

#content h1,#content h2,#content h3,#content h4,#content h5,#content h6 {
text-align:left;
line-height:1.6em;
color:#003e8c;
margin:1em 0 .3em 0;
}

#content h1 {
color:#80aaff;
font-size:2.2em;
margin:1.5em 0 .5em 0;
}

#content h2 {
font-size:1.6em;
margin:1.5em 0 .5em 0;
}

#content h3 {
font-size:1.4em;
}

#content h4 {
font-size:1.2em;
}

#content h5 {
font-size:1.1em;
}

#content h6 {
color:#444;
font-size:1.05em;
}

p {
font-size:1em;
line-height:1.6em;
margin:.3em 0 .8em;
padding:0;
}

blockquote {
border-left:10px solid #ddd;
margin-left:10px;
}

em,i {
font-style:italic;
}

small {
font-size:.8em;
}

big {
font-size:1.2em;
}

padL {
padding-left:15px;
}

.templatecode {
margin:0 0 2.5em;
}

#search input {
background:white;
border:1px solid #ddd;
margin:0 .3em;
padding:.1em .3em;
}

.thumb {
width:120px;
height:120px;
text-decoration:none;
line-height:normal;
list-style-type:none;
float:left;
margin:0 3em 3em 0;
padding:0;
}

.thumbPicCaption {
font-size:smaller;
}

.bigPicCaption {
font-size:smaller;
position:absolute;
top:14.5em;
}

.bigPic img {
position:absolute;
top:13em;
display:inline;
text-decoration:none;
margin:0;
}

.bigPicNav {
position:absolute;
top:10em;
font-size: smaller;
background:#eee;
color:black;
padding:.5em;
}

.imgleft {
float:left;
padding:.5em 1em .5em 0;
}

.imgright {
float:right;
padding:.5em 0 .5em 1em;
}

.error_message {
display:none;
}

.formstatic {
color:#888;
font-size:1.5em;
padding:1% 1% 0;
}

.formstaticsml {
color:#888;
padding:1% 1% 0;
}

.formstaticblack {
color:#333;
font-size:1.5em;
padding:1% 1% 0;
}

.form fieldset {
margin-bottom:.8em;
background:#eee;
border:0;
padding:1.2em 0;
}

.form input {
margin-top:.4em;
border:1px solid #aaa;
padding:.2em .3em;
}

.required {
color:red;
}

.form label {
font-size:1.3em;
vertical-align:top;
color:#444;
padding-left:1.5em;
display:inline-block;
width:18em;
}

.form textarea {
background:white;
width:45%;
border:1px solid #aaa;
margin-top:.4em;
}

.form select {
background:white;
margin-top:.4em;
border:1px solid #aaa;
}

.form legend {
font-size:1.5em;
font-weight:bold;
color:#222;
background:white;
}

#main ul,#main ol,#main dl {
font-size:1em;
line-height:1.4em;
margin:0 0 1.5em;
}

#main ul li,#main ol li {
margin:0 0 .25em 3em;
}

#main dl dt {
font-weight:bold;
margin:0 0 0 1em;
}

#main dl dd {
margin:0 0 1em 1em;
}

#main dl {
margin-bottom:2em;
padding-bottom:1em;
border-bottom:1px solid #c0c0c0;
}

.breadcrumbs span.lastitem,strong,b {
font-weight:bold;
}

tiny,.form {
font-size:.7em;
}
/* End of 'ECA layout' */