/*
colors used commonly:
#015696 = blue in logo;
#757575 = body copy
#dedede = rules, light
*/





/* div layout */
#container {
background-color:#ffffff;
width: 770px;
padding:30px 15px 100px 15px;
border-left:10px solid #015696;
border-right:10px solid #015696;
border-bottom:10px solid #dedede;
margin:auto;
}
#header {
width:770px;
text-align:right;
border-bottom:1px solid #dedede;
}
#header p {
padding-top:70px;  /* needed to vertically center address */
}
#nav {
float:left;
width:165px;
padding: 15px 5px 0 0;
}
.content { /* "content" is used for anything on the right column */
padding:10px 0 10px 10px;
float:left;
margin-left:5px;
width:583px;
border-bottom:1px solid #dedede;
border-left:1px solid #dedede;
}
.footer { 
padding:10px 0 10px 10px;
margin-left:175px;
width:583px;
text-align:right;
border-left:1px solid #dedede;
}
.storyTitle {
background-color:#dedede;
padding:5px;
background-repeat:repeat-x;
background-position:top left;
height:98px;
margin:0;
}

.storyTitleTwo {
background-color:#dedede;
padding:5px;
background-repeat:repeat-x;
background-position:top left;
height:98px;
margin:0;
}






/* typography - universal */
body {
font: 12px "Lucida Grande", Arial, sans-serif;
color:#757575;
line-height:19px;
background-color:#efefef;
}

strong, b {
font-weight:bold;
}
em,i {
font-style:italic;
}
h1, h2, h3, h4, h5, h6 {
font:13px Georgia, serif;
font-weight:normal;
margin-bottom:5px;
color:#353535;
}
h1 {
font-size:200%;
letter-spacing:1px;
text-transform:uppercase;
text-shadow: rgba(255,255,255,0) 0 1px 0;
}
h2 {
font-size:150%;
font-variant:small-caps;
font-weight:bold;
}
h3 {
font-size:125%;
color:#015696;
font-style:italic;
}

h4 {
	font-weight:bold;
}
p {
margin-bottom:1em;
}
a {
text-decoration:none;
color:#015696;
font-weight:bold;
}
a:hover {
text-decoration:underline;
}
.active a:first-child{
color:#015696 !important;
}
li {
margin-bottom:.5em;
margin-left:18px;
}
ul, ol {
margin-bottom:1em;
}
.content ul li {
list-style-type:square;
list-style-position:outside;
}
.content ol li {
list-style-type:decimal;
list-style-position:outside;
}
blockquote {
margin-left:25px;
margin-right:25px;
background-color:#fafafa;
margin-bottom:1em;
font-style:italic;
padding:20px;
}





/* typography - per div */

.storyTitle h1 {
text-align:center;
margin-top:1.5em;
}
.storyTitle h2 {
text-align:center;
}

.storyTitleTwo h1 {
text-align:center;
margin-top:1.5em;
font-size:150%;
font-variant:small-caps;
}
.storyTitleTwo h2 {
line-height:inherit;
text-align:center;
font-size:200%;
letter-spacing:1px;
text-transform:uppercase;
text-shadow: rgba(255,255,255,0) 0 1px 0;
}

#header, .footer {
font: 11px "Helvetica Neue", Arial, sans-serif;
color:#757575;
}
#nav li {
font:13px "Lucida Grande", Arial, sans-serif;
color:#757575;
text-transform:uppercase;
}
#nav li ul li {
font:11px "Lucida Grande", Arial, sans-serif;
color:#858585;
text-transform:none;
margin-top:.5em;
}
#nav a {
font-weight:normal;
color:#757575;
}


.content a {
color:#015696;
}

/* misc. tools */
.clear {
clear:both;
height:0;
}

.imageContainer {
padding:5px 5px 25px 5px;
border:1px solid #dedede;
background-color:#efefef;
text-align:center;
font-style:italic;
font-size:80%;
}

#imageContainer img {
margin-bottom:5px;

}

.left {
float:left;
margin-right:10px;
margin-bottom:10px;
}

.right {
float:right;
margin-left:5px;
display:block;
margin-bottom:5px;
}

.headerImage {
width:164px;
height:97px;
}

/* forms, etc. */
/*please note, thesse ARE UNIVERSAL. any time a form is used, you must include the jquery and infieldlabel files */
form {
background-color:#e4e4e4;
background-image:url('storyTitleBG.jpg');
background-repeat:repeat-x;
background-position:top left;
padding:10px;
width:360px;
margin:auto;
}
form p { position:relative; margin-bottom:.5em; }
label  {
	position:absolute;
	top:28px;
	left:7px;
	width: 174px;
}
.textInput {
border:1px solid #dedede;
background-color:#ffffff;
width:340px;
height:24px;
padding:5px;
font:16px "Lucida Grande", sans-serif;
}

textarea {
border:1px solid #dedede;
background-color:#ffffff;
width:340px;
height:240px;
padding:5px;
font:16px "Lucida Grande", sans-serif;
}

.inputSubmit {
font-size:18px;
}
.accordion h3 {
display:block;
	background: #e9edf7 url('arrow_collapse.gif') no-repeat 5px 5px;
	border-bottom:1px solid #ffffff;
	text-decoration:none;
	cursor:pointer;
	margin:0 0 0 0;
	padding:3px 5px 3px 30px;font: 12px "Lucida Grande", Arial, sans-serif;
color:#757575;
line-height:19px;
}

.accordion h3.ui-state-active {
background: #4d72a2 url('arrow_expand.gif') no-repeat 5px 5px;
	color:#ffffff;
}

.accordion div {
	border:2px solid #d5ddf1;
	padding:10px 10px 5px 10px;
}

.accordion {
margin-bottom:10px;
margin-top:2px;
}

table tr th {
	font-weight:bold;
	background-color:#dedede;
	font-size:11px;
	line-height:14px;
	
	padding:3px;
}
table {
border-bottom:1px solid #666;
margin-bottom:10px;
}
table tr td {
	font-size:11px;
	line-height:14px;
	padding:3px;
	border-right:1px dotted #dedede;
	border-bottom:1px dotted #efefef;
}

table tr {
	border-bottom:1px solid #dedede;
}

td.photo {
	width:164px;
}

td.name {
	width:407px;
}

td img {
	vertical-align:text-top;
}