body {
background-color: #eeeeee;
text-align: center;
margin: 0px;
padding: 0px;
font-family: helvetica, sans-serif;
font-weight: light;
}

#frame {
padding: 26px;
margin: 0px auto 0px auto;
text-align: left;
background-color: #ffffff;
width: 536px;
position: relative;
}

#header img {
border: 0px;
}

body#homebod #header {
border-bottom: 1px solid #ed1847;
}

body#actionsbod #header {
border-bottom: 1px solid #750ACB;
}

body#storiesbod #header {
border-bottom: 1px solid #0066B3;
}

body#blogbod #header {
border-bottom: 1px solid #00A65D;
}

body#resourcesbod #header {
border-bottom: 1px solid #FFCB05;
}

body#aboutbod #header {
border-bottom: 1px solid #ed1847;
}

#navigation {
padding: 15px 0px 15px 0px;
position: relative;
}

#navigation a.actions, #navigation a.stories, #navigation a.blog, #navigation a.resources, #navigation a.store, #navigation a.about {
position: relative;
font-size: 14pt;
font-weight: lighter;
padding: 0px 17px 0px 17px;
color: #888888;
text-decoration: none;
}

#navigation a.actions:hover {
color: #750ACB;
}

#navigation a.stories:hover {
color: #0066B3;
}

#navigation a.blog:hover {
color: #00A65D;
}

#navigation a.resources:hover {
color: #FFCB05;
}

#navigation a.store:hover {
color: #F37021;
}

#navigation a.about:hover {
color: #ed1847;
}

#content {
margin-top: 25px;
margin-bottom: 18px;
}

#content h1 {
font-size: 25pt;
padding: 0px;
margin: 0px 0px 12pt 0px;
font-weight: lighter;
}

body#aboutbod #content h1 {
color: #ed1847;
}

body#homebod #content h1 {
color: #ed1847;
}

body#actionsbod #content h1 {
color: #750ACB;
}

body#storiesbod #content h1 {
color: #0066B3;
}

body#blogbod #content h1 {
color: #00A65D;
}

body#resourcesbod #content h1 {
color: #FFCB05;
}

#content h2 {
color: #000000;
font-size: 16pt;
padding: 5px 0 0 0;
margin: 0px 0px 10pt 0px;
font-weight: lighter;
}

#content p {
color: #000000;
font-size: 10.5pt;
line-height: 16pt;
padding: 0px;
margin: 0px 0px 8pt 0px;
}

.byline {
color: #ed1847;
font-size: 10.5pt;
line-height: 16pt;
padding: 0px;
margin: 0px 0px 8pt 0px;
font-style: italic;
}

#content a {
text-decoration: none;
}

body#homebod #content a {
color: #ed1847;
}

body#aboutbod #content a, body#aboutbod div#navigation a.about {
color: #ed1847;
}

body#actionsbod #content a, body#actionsbod div#navigation a.actions {
color: #750ACB;
}

body#storiesbod #content a, body#storiesbod div#navigation a.stories {
color: #0066B3;
}

body#blogbod #content a, body#blogbod div#navigation a.blog {
color: #00A65D;
}

body#resourcesbod #content a, body#resourcesbod div#navigation a.resources {
color: #FFCB05;
}

#content a:hover {
color: #777777;
padding-bottom: 3px;
border-bottom: 1px solid #777777;
}

.menu p {
padding: 0px;
margin: 0px;
font-size: 9pt;
text-align: left;
background-color: #ffffff;
}

.menu p.actions {
border-bottom: 1px solid #750ACB;
border-left: 1px solid #750ACB;
border-right: 1px solid #750ACB;
}

.menu p.stories {
border-bottom: 1px solid #0066B3;
border-left: 1px solid #0066B3;
border-right: 1px solid #0066B3;
}

.menu p.blog {
border-bottom: 1px solid #00A65D;
border-left: 1px solid #00A65D;
border-right: 1px solid #00A65D;
}

.menu p.resources {
border-bottom: 1px solid #FFCB05;
border-left: 1px solid #FFCB05;
border-right: 1px solid #FFCB05;
}

.menu p.about {
border-bottom: 1px solid #ed1847;
border-left: 1px solid #ed1847;
border-right: 1px solid #ed1847;
}


.menu p a {
text-decoration: none;
color: #888888;
display: block;
padding: 8px;
}

.menu p.actions a:hover {
color: #750ACB;
background-color: #EBD9FC;
}

.menu p.stories a:hover {
color: #0066B3;
background-color: #E0F1FC;
}

.menu p.blog a:hover {
color: #00A65D;
background-color: #E6FFF3;
}

.menu p.resources a:hover {
color: #FFCB05;
background-color: #FFF8E3;
}

.menu p.about a:hover {
color: #ed1847;
background-color: #F6DCE2;
}

.portrait {
float: right;
padding: 0px 0px 10px 10px;
}

textarea {
width: 100%;
margin:10px 0px 25px 0px;
}