*{
margin: 0;
padding: 0;
}
html {
height: 100%;
}
body {
background: #E6ECEF url(../images/default/bg_body.gif) top center repeat-y;
font-family: Arial, Helvetica, sans-serif;
font-size: 0.85em;
color: #353535;
height: 100%;
}
fieldset {
border-width: 2px;
font-family: verdana;
margin: 0pt 0pt 25px;
padding: 15px;
}
legend {
padding: 0 10px;
}

/* Main Elements
....................................................................... */
#container {
width: 770px;
margin: 0 auto;
height: 100%;
}
#header {
width: 770px;
height: 120px;
background: White;
}
#mainnav{
clear: both;
float: left;
width: 770px;
background: white url(../images/default/bg_navi.gif) bottom center repeat-x;
}
#subnav{
width: 490px;
margin: 0 0 30px 0;
}
#brand {
clear: both;
float: left;
width: 770px;
height: 16px;
border-top: 1px solid #E3E6E7;
}
.branded #brand {
height: auto;
min-height: 185px;
background: white url(../images/default/brand.jpg) 0 0 no-repeat;
padding: 0 0 35px 0;
}
#wrapper {
clear: both;
float: left;
width: 770px;
margin: 8px 0 20px 0;
}
#left{
clear: both;
float: left;
width: 490px;
margin: 0 0 10px 20px;
display: inline; /* Fixes IE double margin bug */
}
#right{
float: left;
width: 220px;
margin: 0 0 10px 20px;
display: inline; /* Fixes IE double margin bug */
}
#footer {
clear: both;
float: left;
color: #555859;
width: 730px;
font-size: 0.9em;
border-top: 1px solid #CFD5D8;
margin: 0 0 0 20px;
padding: 15px 0 20px 0;
display: inline; /* Fixes IE double margin bug */
}

/* Generic
....................................................................... */
p {
line-height: 1.5em;
margin: 0 0 15px 0;
}
#left a, #left a:link, #left a:active, #left a:visited {
color: #EE1C23;
text-decoration: none;
}
#left a:hover {
color: #EE1C23;
text-decoration: underline;
}
a, a:link, a:active, a:visited, #subnav a, #subnav a:link, #subnav a:active, #subnav a:visited {
color: #777;
text-decoration: underline;
}
a:hover, #subnav a:hover{
color: #404040;
}
h1, h2, h3 {
font-family: Georgia, Times, serif;
color: #2e3239;
margin: 5px 0 3px 0;
}
h1{
font-size: 1.5em;
font-weight: bold;
}
h2{
font-size: 1.3em;
font-weight: bold;
}
h3{
font-size: 1.02em;
font-weight: normal;
margin: 5px 0 15px 0;
}
img, img a {
border: 0;
}
ul{
margin: 0 0 0 20px;
list-style-type: none;
}
li{
font-size: 0.9em;
font-weight: bold;
list-style-type: square;
margin: 1px 10px;
padding: 0 0 6px;
}
li ul{
margin: 6px 0 0 30px;
list-style-type: none;
}
.clear {
clear: both;
}
.floatleft {
float: left;
}
.floatright{
float: right;
}
.contentleft {
float: left;
width: 180px;
}
.contentright {
float: right;
width: 310px;
}
.small {
color: #901717;
text-transform: uppercase;
font-size: 0.9em;
}
.emphasis {
color: #901717;
}

/* Header Styles
....................................................................... */
.header_left {
float: left;
width: 313px;
height: 120px;
}
.header_right {
float: right;
width: 457px;
height: 70px;
background: url(../images/default/bg_header_right.gif) bottom center no-repeat;
padding: 50px 0 0 0;
}
.contact_phone {
float: right;
background: url(../images/default/icon_phone.gif) bottom left no-repeat;
padding: 10px 0 0 22px;
margin: 0 20px 0 0;
display: inline; /* Fixes IE double margin bug */
}
.contact_email {
float: right;
background: url(../images/default/icon_email.gif) bottom left no-repeat;
padding: 10px 0 0 30px;
margin: 0 20px 0 0;
display: inline; /* Fixes IE double margin bug */
}
.contact_email a, .contact_email a:link, .contact_email a:active, .contact_email a:visited {
text-decoration: none;
}
.contact_phone strong, .contact_email strong {
display: none;
}

/* Brand Styles
....................................................................... */
#brand h1 {
margin: 25px 0 1px 20px;
}
#brand p {
width: 425px;
margin: 0 0 0 20px;
font-size:1.03em;
}

/* Navi Styles
....................................................................... */
#mainnav ul{
text-align: center;
padding-bottom: 5px;
padding-top: 5px;
padding-left: 0;
margin-top: 0;
/* cancels gap caused by top padding in Opera 7.54 */
margin-left: 0;
background-color: transparent;
width: 770px;
line-height: 18px;
/* fixes Firefox 0.9.3 */
font-size: 1.05em;
}
#mainnav ul li{
display: inline;
padding-left: 0;
padding-right: 0;
padding-bottom: 5px;
/* matches link padding except for left and right */
padding-top: 5px;
}
#mainnav ul li a, #mainnav ul li a:link, #mainnav ul li a:active, #mainnav ul li a:visited {
padding: 5px 5px;
color: #636978;
font-weight: bold;
text-decoration: none;
}
#mainnav ul li a:hover{
color: black;
background: url(../images/default/bg_navi_over.gif);
color: #494e59;
}
#mainnav ul li a.selected{
background: url(../images/default/bg_navi_on.gif) bottom center no-repeat;
color: #2e3239;
}
#mainnav ul li a.selected:hover {
background: url(../images/default/bg_navi_on_over.gif) bottom center no-repeat;
color: #2e3239;
}

/* Subnavi Styles
....................................................................... */
#subnav ul{
margin: 0;
padding: 0;
list-style: none;
}
#subnav li{
float: left;
margin: 0;
padding: 0;
list-style: none;
text-align: center;
}
#subnav li a, #subnav li a:link, #subnav li a:active, #subnav li a:visited  {
display: block;
border-bottom: 1px solid #F0F0F0;
font-size: 1em;
text-decoration: none;
padding: 10px 15px 10px 15px;
margin: 0;
background: white; /* Fixes IE rollover bug */
}
#subnav li a:hover {
background: url(../images/default/bg_navi_over.gif) bottom center repeat-x;
}
#subnav li a.selected, #subnav li a.selected:link, #subnav li a.selected:active, #subnav li a.selected:visited {
background: url(../images/default/bg_navi_on.gif) bottom center no-repeat;
color: #232323;
}
#subnav li a.selected:hover {
background: url(../images/default/bg_navi_on_over.gif) bottom center no-repeat;
color: #232323;
}

/* Body Content
....................................................................... */

.share_link {
margin: 10px 0;
clear: both;
padding: 10px 0;
}

.share_link h5 {
margin: 0 0 4px 0;
font-family: Arial, Helvetica, sans-serif;
font-size: 0.8em;
color: #353535;
}

.userprofilepic {
float: left;
width: 140px;
}
.person_block {
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 0.9em;
color: #444;
float: left;
margin: 0 10px 10px 0;
width: 145px;
background: #DEE1E5 none repeat scroll 0 0;
border: 1px solid #ccc;
padding: 10px 20px 10px 23px;
}
.person_block h3 {
color: #333;
}
.person_photo {
background: #fff none repeat scroll 0 0;
float: left;
margin: 0;
padding: 8px;
}
.person_denomination {
float: left;
width: 380px;
}
.person_organization {
float: left;
width: 380px;
}
.upcoming_author {
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 0.9em;
color: #444;
margin: 10px;
background: #DEE1E5 none repeat scroll 0 0;
border: 1px solid #ccc;
padding: 10px;
min-height: 150px;
height: auto !important;
height: 150px;
}
.author_block {
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 0.9em;
color: #444;
float: left;
margin: 0 10px 10px 0;
width: 150px;
background: #DEE1E5 none repeat scroll 0 0;
border: 1px solid #ccc;
padding: 10px 20px 10px 23px;
}
.author_block h3 {
color: #333;
}
.author_photo {
background: #fff none repeat scroll 0 0;
margin: 0 10px 6px 7px;
padding: 8px;
}
.author_summary {
}

.taggings {
font-family: Tahoma, Arial, Helvetica, sans-serif;
color: #3a3a3a;
float: left;
margin: 10px 0 0 0;
width: 594px;
background: #F8F9FB none repeat scroll 0 0;
border: 1px solid #ddd;
padding: 10px;
clear: both;
}

.tag {
background:#FFF6D6 none repeat scroll 0 0;
border:1px solid #BBBBBB;
padding:1px 2px;
}

.previous_next {
clear: both;
}

.previous_item {
float: left;
background: #F8F9FB none repeat scroll 0 0;
border: 1px solid #ddd;
color: #3A3A3A;
font-family: Tahoma,Arial,Helvetica,sans-serif;
margin: 10px 0 0;
padding: 10px;
width: 218px;
}

.next_item {
float: right;
background: #F8F9FB none repeat scroll 0 0;
border: 1px solid #ddd;
color: #3A3A3A;
font-family: Tahoma,Arial,Helvetica,sans-serif;
margin: 10px 0 0;
padding: 10px;
width: 218px;
}


/* Footer styles
....................................................................... */
#footer a, #footer a:link, #footer a:active, #footer a:visited  {
text-decoration: none;
}
#footer a:hover {
text-decoration: underline;
}

/* Widgets
....................................................................... */
.widget {
background: url(../images/default/bg_widget_top.gif) 0 0 no-repeat;
width: 218px;
margin: 0 0 20px 0;
}
.widget h1 {
font-size: 1.2em;
margin: 0 10px 0 3px;
padding: 10px 0 0 17px;
}
.widget_body {
clear: both;
font-size: 0.8em;
background: url(../images/default/bg_widget_bottom.gif) bottom left no-repeat;
padding: 0 20px 10px 20px;
margin: 0;
}
.widget_item {
padding: 4px 0 0 0;
margin: 0;
border-top: 1px dotted #A7B4BF;
}
.widget p {
margin: 2px 0;
}
.widget img {
margin: 2px 3px 2px 2px;
}
.widget a, .widget a:link, .widget a:active, .widget a:visited {
text-decoration: none;
font-weight: bold;
}
.widget a:hover {
text-decoration: underline;
}
.widget .highlighted_link {
text-align: right;
margin: 4px 0 2px 0;
}

/* Side button (Client Login)
....................................................................... */
.sidebtn {
background: url(../images/default/bg_sidebtn_top.gif) 0 0 no-repeat;
width: 218px;
margin: 0 0 20px 0;
text-align: center;
}
.sidebtn p {
clear: both;
font-size: 1em;
background: url(../images/default/bg_sidebtn_bottom.gif) bottom left no-repeat;
padding: 5px;
margin: 0;
}
.sidebtn a, .sidebtn a:link, .sidebtn a:active, .sidebtn a:visited {
text-decoration: none;
}
.sidebtn a:hover {
text-decoration: underline;
}