body { text-align:center; padding:20px 0px 0px 0px; margin:0px; background-image:url(images/bg.jpg); background-color:#6999A7; background-attachment:fixed; }

p { font:11px verdana; color:#507A87; text-align:justify; margin-left:10px; margin-right:10px; }

b { color:#6A855C; }

i { color:#75B588; }

a { color:#6A855C; text-decoration:none; border-bottom:1px solid #fff; }

a:hover { color:#fff; border-bottom:1px solid #6A855C; }

h1 { background-image:url(images/header.jpg); width:354px; heigt:47px; background-repea:no-repeat; font:17pt georgia; color:#6A855C; text-transform:capitalize; padding-top:10px; border-right:1px solid #E6F2F1; padding-bottom:10px; border-top:1px solid #C4D9D8; border-bottom:1px solid #C4D9D8; }

html>body h1 { margin-left:12px; }

ul { font:11px verdana; text-align:justify; color:#507A87; padding-left:0px; }

html>body ul { padding-left:25px; }

#container { width:683px; margin:0 auto; position:relative; background-image:url(images/bgt.jpg); background-repeat:repeat-y; }

#title { border:0px solid; position:absolute; width:640px; height:100px; top:325px; left:20px;}

#titleitself, #titleshadow { border:0px solid; font:40pt georgia; margin:20px; text-align:left; letter-spacing:-5px; font-style:italic; }

#titleshadow { color:#346572; position:absolute; top:1px; left:1px; } 

#titleitself { color:#90B3B4; position:absolute; top:0px; left:0px; }

#quotation { font:8px georgia; font-style:oblique; position:absolute; bottom:10px; left:60px; color:#466973; font-weight:bold; }

#content { border:0px solid; width:375px; float:left; margin-top:-120px; padding-left:0px; padding-right:5px; position:relative; margin-left:12px; }

html>body #content { margin-left:22px; width:380px; margin-top:-130px; }

html>body #content p { margin-left:13px; margin-right:13px; }

#menu { border:0px solid; width:244px; float:right; margin-top:-120px; padding-left:0px; padding-right:9px; position:relative; margin-right:10px; }

#menu p { color:#6A855C; }

#menu h1 { width:246px; margin-right:-4px; }

html>body #menu h1 { margin-left:-5px; width:248px; border-right:0px; }

html>body #menu { margin-right:20px; width:240px; margin-top:-130px; }

#navigation { border:0px solid; position:relative; width:249px; margin-left:-3px; margin-right:-4px }

#navigation a { display:block; height:20px; background-image:url(images/bgnlinks.jpg); margin-bottom:0px; padding-top:1px; padding-bottom:3px; border-top:3px solid #A3C2BB; border-bottom:1px solid #8DA7A7; font:14pt georgia; text-transform:capitalize; text-align:center; text-decoration:none; color:#76A2A3; border-left:1px solid #B8D1CB; }

html>body #navigation { margin-left:-6px; padding-top:10px; }

html>body #navigation a { padding-top:2px; padding-bottom:6px;  }

#navigation a:hover { background-image:url(images/bgnlinkshover.jpg); color:#6A855C; border-top:#BED5C5; border-bottom:#CFFFBB; }

html>body #navigation a:hover {border-top:3px solid #BED5C5; border-bottom:1px solid #CFFFBB; }

.linkbox { margin:0px; border:0px solid; }

.linkbox span { margin:3px -1px 3px 1px; border:1px solid #fff; padding:3px 0px 0px 0px; width:240px; display:block; background:url(images/bgboxheader.jpg) right repeat-y; background-color:#DAF2E4; height:22px; color:#76A2A3; font:12pt georgia; font-weight:bold; text-transform:uppercase; }

html>body .linkbox span { margin-left:-5px; width:246px; }

.linkbox a { display:block; border-bottom:1px solid #8DA7A7; width:230px; margin-right:-2px; text-align:center; color:#6A855C; text-decoration:none; text-transform:capitalize; font:14px georgia; background-color:#DAF2E4; border-top:1px solid #DFEEE3; text-align:left; padding-left:10px; height:20px; background-image:url(images/bgboxlinks.jpg); background-repeat:repeat-y; }

html>body .linkbox a { margin-left:-5px; width:238px; }

.linkbox a:hover { background-image:url(images/bgboxlinkshover.jpg); color:#fff; border-bottom:1px solid #8DA7A7; }

html>body .linkbox a:hover { background-color:#C0DEB7; }


/*TOP IMAGE CODE*/

#top1 { width:228px; height:287px; background-image:url(images/top_01.jpg); float:left; }

#top2 { width:227px; height:287px; background-image:url(images/top_02.jpg); float:left; }

#top3 { width:228px; height:287px; background-image:url(images/top_03.jpg); float:left; }

#top4 { width:228px; height:287px; background-image:url(images/top_04.jpg); float:left; }

#top5 { width:227px; height:287px; background-image:url(images/top_05.jpg); float:left; }

#top6 { width:228px; height:287px; background-image:url(images/top_06.jpg); float:left; }

/* --- */

/*FOOTER CODE*/

#footer1 { width:683px; height:96px; background-image:url(images/footer_01.jpg); margin-top:-50px;}

#footer2 { width:683px; height:96px; background-image:url(images/footer_02.jpg); }

/* --- */

.ornament1, .ornament2 { width:249px; height:26px; background-image:url(images/ornament.jpg); background-repeat:no-repeat; border-bottom:1px solid #A3C2BB; }

.ornament1 { border-top:1px solid #A3C2BB; }

.ornament2 { border-bottom:1px solid #A3C2BB; border-top:3px solid #A3C2BB; }

.box { width:350px; border:5px solid #BADAC2; padding-bottom:20px; background:url(images/bgbox.jpg) right; }

html>body .box { padding-bottom:10px; }

.box h1 { border-top:1px solid #B0C7B3; border-right:0px; border-bottom:1px solid #B0C7B3; background-image:url(images/bgnlinks.jpg); height:30px; padding:9px 0px 0px 0px; width:350px; margin:10px 0px 0px 0px; font-size:13pt; font-style:oblique; background-color:#C4E2DA; color;#507A87; }

.box p { margin-left:25px; margin-right:15px; }

html>body .box p { padding-left:12px; }

.box ul { font:11px verdana; color:#6A855C; text-align:justify; padding-left:15px; }

html>body .box ul { padding-left:45px }

.box li { margin:0px 15px 5px 0px; }

.clearer { clear:both; }

.avatar { float:left; border:3px solid #fff; margin: 5px 10px; }