/* Css Default */
@import url("boxes.css");

/* Modules */
@import url("quotes.css");
@import url("catalog.css");
@import url("news.css");
@import url("weblog.css");
@import url("photoalbum.css");

html,body {
    height: 100%;
    margin: 0;
    padding: 0;
    font-size: 12px;
    background-color: #f3f0e9;
    color: #251718;
    font-family: Verdana,Arial,Helvetica, sans-serif;
    text-align: left;
    background-image: url(/images/main-bg.gif);
    background-repeat: repeat-x;
    background-position: top center;
}

/* Heading */
h1 { color: #c5c144; font-size: 28px; font-weight: normal; margin-bottom: 8px; padding-bottom: 4px; line-height: 20px; font-family: Georgia;}
h2 { color: #251718; font-size: 16px; font-weight: bold; padding: 10px 0px 0px 0px; }
h3 { color: #251718; font-size: 12px; font-weight: bold; }

/* Paragraph */
p { line-height: 20px; font-size: 12px; }

/* Lists */
#contentMain ul { line-height: 20px; list-style: disc; margin: 0; }
#contentMain li { }
ul.sitemap { list-style: disc; line-height: 20px; }
ul.sitemap a:link, ul.sitemap a:visited { color: #251718; text-decoration: none;}
ul.sitemap a:hover { color: #c5c144;}

.sitemap li { }

ol { line-height: 20px; margin-left: 20px; margin-bottom: 20px; }


/* Links */
a:link, a:visited, a:active { color: #251718; text-decoration: underline; }
a:hover {  color: #c5c144; font-weight: normal; text-decoration: underline; }

a.readMore { clear: left; color: #736e58; text-decoration: underline; width: auto; }
a.readMore:hover {color: #c5c144; text-decoration: underline; width: auto;}

/* Image */
img { border: none; }

div#container {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -180px;
 	width: 100%;
}

div#imgWrapper { 
    top: 120px;
    margin: 0;
    margin-left: 120px;
    position: absolute;
    z-index: 999;
    height: 450px;
    width: 320px;
    background-repeat: no-repeat;
}

div#headerWrapper {
    clear: both;
    width: 100%;
    height: 200px;
    background-image: url(/images/top-bg.jpg);
    background-repeat: repeat-x;
}

div#header {
    width: 980px;
    margin: 0 auto;
}

div#menu {
    clear: left;
    float: left;
    width: 980px;
    height: 40px;
    margin: 45px 0 0 0;
}

div#logo {
    float: left;
    width: auto;
    height: auto;
    padding: 30px 10px 0px 0px;
    z-index: 1000;
    position: relative;
}

div#mainWrapper {
    width: 100%;
    clear: both;
    min-height: 380px;
    margin: 30px 0 20px 0;
}

div#main {
    width: 980px;
    height: auto;
    margin: 0 auto;
}

div#contentLeft {
    float: left;
    width: 400px;
    height: auto;
}

div#contentMain {
    float: left;
    width: 550px;
    height: auto;
    padding: 0;
    margin: 0 0 0 30px;
}

div#boxWrapper {
    clear: both;
    height: 230px;
    width: 100%;
    margin: 0;
    clear: left;
    background-color: #ddd5c5;
}

div#boxes {
    width: 980px;
    height: 250px;
    margin: 0 auto;
    background-image: url(/images/boxes-bg.gif);
    background-repeat: no-repeat;
}

div#push {
    clear: both;
    height: 180px;
}

div#footerWrapper {
    clear: both;
    height: 180px;
    width: 100%;
    background-image: url(/images/footer.jpg);
    background-repeat: repeat-x;
}

div#footer {
    width: 980px;
    margin: 0 auto;
    text-align: left;
    color: #8e8b85;
    font-size: 10px;
    font-weight: normal;
}

.footerLeft {
    float: left;
    width: auto;
    margin: 20px 0 0 0;
    padding: 0;
    font-size: 10px;
    font-weight: normal;
    line-height: 18px;
}

.footerRight {
    float: right;
    width: auto;
    padding: 0;
    margin: 20px 0 0 0;
}

#footerWrapper a:link, #footerWrapper a:visited { color: #8e8b85; font-weight: normal; text-decoration: none; }
#footerWrapper a:hover { color: inherit; font-weight: normal; text-decoration: underline; color: #ddd5c5;}

ul#leftList { float: left; display: block; width: auto; height: auto; list-style: none; padding: 0; margin: 0; }
ul#rightList { float: right; display: block; width: auto; height: auto; list-style: none; padding: 0; margin: 0; }

#rightList li { float: left; padding: 0 10px 0 10px; font-size: 11px; border-right: Solid 1px #8e8b85; }

.design { clear: both; float: left; margin: 40px 0 0 0; }
    
.goToTop {
    margin: 0 auto;
    margin-bottom: 20px;
    display: block;
    clear: both;
    width: 970px;
    height: 20px;
    text-align: right;
}

#toTop {
    float: right;
    display: block;
    color: #000;
    font-size: 11px;
    background-image: url(/images/arrow_top.gif);
    background-repeat: no-repeat;
    background-position: right;
    height: 20px;
    width: 20px;
    padding: 8px 24px 0 0;
}

a#toTop:hover {text-decoration: none; }