body{
background-color:#EDEDED;
margin:0;
padding:0;
color:#333;
background-image:url(../img/body_bg.jpg);
background-repeat:repeat-x;
background-position:top left;
}
/* master */
.master{
width:980px;
margin:10px auto 0 auto;
}
/* p, hs, a */
p{
font-weight:normal;
font-family:Helvetica, Arial, Sans-serif;
font-size:14px;
padding:5px 0 5px 10px;
margin:5px;
line-height:18px;
color:#333;
text-align: left;
}
h2{
font-weight:bold;
font-family:Georgia, Times New Roman;
font-size:28px;
padding:10px 5px;
margin: 0 5px 10px 5px;
line-height:32px;
color:#4E5928;
border-bottom:1px dashed #4E5928;
text-transform:uppercase;
}
h3{
font-weight:bold;
font-family:Georgia, Times New Roman;
font-size:18px;
padding:5px;
margin:0 5px 5px 5px;
line-height:24px;
color:#979E45;
}
a:link{
color:#979E45;
text-decoration:none;
}
a:hover{
color:#4E5928;
text-decoration:underline;
}
a:visited{
color:#4E5928;
text-decoration:none;
}
/* header */
.header{
width:980px;
height:120px;
margin:0;
padding:10px 0;
float:left;
position:relative;
background-image:url(../img/logo.png);
background-repeat:no-repeat;
background-position:10px left;
}
.header h1{
margin:10px 0 20px 60px;
padding:0;
color:#fff;
font-family:Georgia, Times New Roman;
font-weight:bold;
font-size:28px;
line-height:34px;
text-shadow:0 0 3px rgba(0,0,0,0.35);
display: inline-block;
}
/* main menu */
.menu{
padding:0;
float:right;
margin:10px 0 0 0;
}
.menu a{
color:#fff;
display:inline;
}
.menu div:active, .menu div.single:active{
background-color:#4E5928;
}
.menu div:hover, .menu div.single:hover{
background-color:#4E5928;
}
.menu div{
font-size:14px;
padding:10px 20px;
margin:0 0 0 10px;
border-radius:5px;
background-color:#979E45;
float:right;
height:30px;
text-align:center;
font-family:Georgia, Times New Roman;
}
.menu div.single{
font-size:14px;
padding:15px 10px;
margin:0 0 0 10px;
border-radius:5px;
background-color:#979E45;
float:right;
height:20px;
text-align:center;
font-family:Georgia, Times New Roman;
}
.menu div.active{
background-color:#333300;
}
/* content */
.content{
width:980px;
margin:10px 0 0 0;
padding:0;
background-color:#fff;
float:left;
border-radius:5px;
box-shadow:0 0 5px rgba(0,0,0,0.5);
}
.main-content{
width:650px;
float:left;
margin:5px 10px 5px 5px;
padding:0;
}
.menu-alt{
width:310px;
float:right;
margin:5px 5px 5px 0;
padding:0;
}
.alt-first{
width:300px;
background-color:#8b9f3d;
border-radius:5px;
padding:5px;
margin:0 0 5px 0;
}
.alt-first div{
text-align:center;
}
.alt-first img{
border:none;
}
.alt-first p{
border:1px dashed #000;
margin-bottom:10px;
}
.alt-second{
width:300px;
background-color:#4E5928;
border-radius:5px;
padding:5px;
margin:0;
}
.alt-first h3, .alt-second h3{
color:#fff;
text-align:center;
padding:0;
margin:5px 5px 10px 5px;
}
.alt-second a{
background-color:#fff;
padding:5px;
display:block;
margin:5px;
border-radius:5px;
}
/* alternative notes */
.alternative{
background-color:#dadada;
border-radius:5px;
margin:10px 0;
padding:5px;
}
/* footer */
.footer{
width:980px;
height:80px;
float:left;
margin:10px 0 0 0;
padding:10px 0 0 0;
}
.foot-info{
display:inline;
margin:0;
padding:5px;
font-size:12px;
font-family:Helvetica, Arial, Sans-serif;
float:left;
}
.foot-info a{
margin:0 10px 0 0;
text-align:left;
}
.foot-date{
display:inline;
margin:0;
padding:5px;
font-size:12px;
font-family:Helvetica, Arial, Sans-serif;
float:right;
}

#my-notes .tab {
    color: #4E5928;
    height: 27px;
    font-size: 1.00em;
    padding: 12px 10px 0 12px;
    cursor: pointer; cursor: hand;
    background: transparent 7px 8px no-repeat;
}

#my-notes {
    background-color: #fff;
    border: 3px solid #4E5928;
    text-align: left;
    display: inline-block;
    vertical-align: top;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    width: 128px;
    padding: 0;
    height: 40px;
    overflow: visible;
    z-index: 780;
    float: right;
    margin-top: 5px;
    font-family:Georgia, Times New Roman;
    font-weight: bold;
    color: #4e5928;
    font-size:14px;
}

#my-notes .tab {
    cursor: pointer; 
}

#my-notes .tab {
    background: url(../img/notes.png) no-repeat 94% center;
}

/** Notes form */
#my-notes .notes-form {
    position: absolute;
    display: none;
    /*height: 146px;*/
    z-index: 99;
    width: 574px;
    background: transparent;
}

#my-notes .notes-form .form-top {
    height: 25px;
    background: transparent url(../img/notes-top-bkg.png) no-repeat left top;
    width: 574px;
}

#my-notes .notes-form .form-body {
    border-left: 3px solid #4e5928;
    border-right: 3px solid #4e5928;
    border-bottom: 3px solid #4e5928;
    border-radius: 0 0 10px 10px;
    -webkit-border-radius: 0 0 10px 10px;
    background: #fff;
    padding: 10px 10px 10px;
    width: 548px;
    text-align: center;
}

#my-notes .notes-form.open {
    display: block;
    left: 406px;
    top: 52px;
}
#my-notes .notes-form .close-button,
#my-notes .notes-form .print-button,
#my-notes .notes-form .email-button,
#my-notes .notes-form .delete-button {
    background: #4e5928;
    padding: 10px 10px;
    width: 65px;
    cursor: pointer;
    border: 0;
    text-align: center;
    right: 10px;
    color: #fff;
}

#my-notes .notes-form .buttons {
    float: right;
    margin: 10px 10px 0 0;
}

#my-notes .notes-form textarea.note-text {
    width: 508px;
    height: 260px;
    padding: 10px;
    text-align: left;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: none;
    -webkit-box-shadow: inset 1px 1px 10px 0px rgba(0, 0, 0, 0.1);
    box-shadow: inset 1px 1px 10px 0px rgba(0, 0, 0, 0.1);
    border: 1px solid #ccc;
}

#my-notes .notes-form h3 {
    color: #4e5928;
    margin: 0 0 10px 10px;
    font-size: 0.90em;
    text-align: left;
    padding: 0;
    line-height: 16px;
    
}

#my-notes .notes-form .form-body:before,
#my-notes .notes-form .form-body:after {
    content:"";
    display:table;
}
#my-notes .notes-form .form-body:after {
    clear:both;
}
#my-notes .form-body {
    zoom:1; /* For IE 6/7 (trigger hasLayout) */
}