/* html tags start */
html, body, ul, li, h1, h2, h3, h4
{margin: 0px;
padding: 0px;
list-style: none}

body
{background-image: url(images/layouts/layout_fall/bg.jpg);
background-attachment: fixed;
text-align: center;
font: 11px verdana, arial, sans-serif}

h1
{position: absolute;
top: 36px;
left: 5px;
font-size: 25px;
color: white;
font-variant: small-caps;
font-family: Arial, Helvetica, sans-serif}

h2
{font-family: Arial, Helvitica, sans-serif;
font-size: 17px;
text-decoration: underline;
color: #6fc1c6}

h3
{font-family: Arial, Helvitica, sans-serif; font-size: 14px;
text-decoration: underline;
color: #6fc1c6}

img
{border: 2px;
border-style: outset}

a
{text-decoration: underline}

a:hover
{text-decoration: underline;
color: #6fc1c6}
/* html tags end */

/* layout start */
#wrapper
{text-align: left;
margin: auto;
width: 965px;
position: relative;
padding-top: 10px}

#body
{background: url(images/layouts/layout_fall/body_bg.gif) repeat-y;
color: white;
width: 100%}

#body-top
{background: top left url(images/layouts/layout_fall/body_top.gif) no-repeat;
position: relative}

#body-bot
{background: bottom left url(images/layouts/layout_fall/body_bot.gif) no-repeat;
padding-bottom: 17px;
padding-top: 12px}

.mbc
{position: relative;
top: 6px;
width: 250px;
overflow: visible;
border: 0px;
margin: 0px;
padding: 0px}

#nav
{position: absolute;
top: 23px;
left: 258px}

#nav a
{background-image:url(images/layouts/layout_fall/menu.gif);
width: 88px;
height: 20px;
display: inline;
float: left;
font-family: Arial, Helvetica, sans-serif;
font-size: 15px;
text-align: center;
padding-top: 6px;
text-decoration: none;
color: white;
font-weight: bolder}

#nav a:hover
{color: #6fc1c6}

#left 
{float: left;
width: 225px;
position: relative;
padding: 11px 13px 11px 13px;
vertical-align: middle}

#left hr
{margin: 0px 0px 0px 14px}

#left a
{color: white}

#left a:hover
{color: #6fc1c6}

#left h2
{text-align: center;
margin: 11px;
color: #6fc1c6;
font-size: 16px}

#left p
{margin: 0px 15px}

#left .more
{margin-top: 18px;
margin-bottom: 10px}

#content
{position: relative;
float: left;
width: 440px;
padding: 11px 11px 0px 12px;
color: white}

#content a
{color: white}

#content a:hover
{color: #6fc1c6}

#right
{position: relative;
float: right;
width: 225px;
height: auto;
padding: 11px 12px 11px 13px;
overflow: hidden}

<!--[if IE]>
#right
{position: absolute;
float: none}
<![endif]-->

#right-col
{text-align: justify}

#right-col img
{margin: 0px 0px 5px 6px}

#right-col p
{padding: 0px 8px 0px 0px}

#right h2
{text-align: center;
color: #6fc1c6;
font-size: 16px;
text-align: center}

#right a
{color: white}

#right a:hover
{color: #6fc1c6}

#right p
{text-align: justify;
margin: 5px 0px 10px 0px}

.clear
{clear: both}

.clear-flat
{margin-bottom: 4px}

#footer
{font: 11px arial, sans-serif;
color: #ffffff;
text-align: right;
margin-right: 50px;
float: right}

#footer p
{margin-top: 0.5em}

#footer a
{color: #ffffff}

#footer a:hover
{color: #6fc1c6}
/* layout end */

/* content start */
#left img
{position: relative;
margin-left: 13px;
width: 200px;
height: 150px}

#left ul
{font-size: 11px;
position: relative;
margin-left: 25px}

.day
{font-variant: small-caps;
font-weight: 900;
text-decoration: underline;
text-size: 13px}

.info
{text-indent: 6px}

#pg
{width: 440px;
text-align: left;
margin-left: auto;
margin-right: auto;
text-align: left}

#pg-top
{position: static;
margin: auto;
height: 10px}

#pgmenu
{font-family: Arial, Helvitica, sans-serif;
font-size: 16px;
color: white}

.unselected
{text-decoration: none}

.selected
{text-decoration: underline}

#pictures
{width: 440px;
overflow: hidden;
margin-left: 0px}

#pictures a
{color: white}

#pictures a:hover
{color: #6fc1c6}
/* content end */

/* other */
.center
{text-align: center}

.left
{float: left}

.right
{float: right}

.more
{text-align: right}

.bar
{padding-left: 5px;
background: 0px 4px url(images/layouts/layout_fall/bar.gif) no-repeat}

#quote
{text-align: center;
font-style: italic}

#fix
{position: relative;
left: -256px}

#fix2
{position: static;
margin-top: -18px}