/* templates/dotie/style.css  */
/* templates/dotie/style.css  */
/* templates/dotie/style.css  */
/* templates/dotie/style.css  */

//* Designed by Bank Creative - www.bankcreative.com */
/********* General Styles *********/
* {
    margin: 0;
    padding: 0;
}

a, a:link, a:active {
    color: #00608F;
    text-decoration: none;
}

a:visited {
    color: #00608F;
    text-decoration: none;
}

a:hover {
    color: #9F0003;
    text-decoration: none;
}

a img {
    border: none;
}

p {
    padding: 0 0 1.6em 0;
}

p form {
    margin-top: 0;
    margin-bottom: 20px;
}

blockquote {
    float: right;
    color: #0a6681;
    width: 40%;
    font: oblique 12pt verdana, serif;
    margin: 35px 30px 0 15px;
    padding-left: 15px;
}

code, pre {
    font-size: 1.3em;
}

/* used when s9y needs to center something */
.serendipity_center {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

/* warning messages from s9y */
.serendipity_msg_important {
    color: red;
}

/* messages letting you know something has happened eg comment saved */
.serendipity_msg_notice {
    color: green;
}

/* style to temporarily change something to grey, used in pagefooter */
.grey {
    color: #999;
}

/********* End of General Styles *********/




/********* Structure Styles *********/

/* Define every style unless explicitly mentioned alsewhere */
* {
    margin: 0;
    padding: 0;
}

body {
    font: 76% Verdana,Arial,sans-serif;
    margin: 8px auto;
    line-height: 1.4em;
    text-align: center;
    color: #303030;
}

/* container for page */
#mainpane {
    height: 100%;
    /*leave in, needed by firefox for preview in admin suite */
	width: 823px;
    margin: 0 auto;
    padding: 0px 0 0 0;
    text-align: left;
    background: url(templates/dotie/img/mainpane_bg.jpg) repeat-y;
    color: #303030;
}

* html #mainpane {
    padding: 0 0 0 13px;
}

/* container style for comments popup */
.s9y_wrap {
    text-align: left;
    padding: 5px;
}

/********* End of Structure Styles *********/




/********* Header and navigation styles *********/

#pagetop {
    width: 823px;
    margin: 0 auto;
    padding: 1px 0 0 0;
    text-align: left;
}

#identity {
    position: relative;
    height: 305px;
    width: 821px;
    margin: 0 0px 0px 0px;
    padding: 0 0 0 14px;
    color: #ffffff;
    background: url(templates/dotie/img/big_header.jpg) no-repeat;
}

div#top_nav {
    height: 16px;
    margin: 0 0 0 8px;
}

#top_nav li {
    font-size: .8em;
    float: left;
    display: inline;
    padding: 5px 12px 2px 0px;
    margin: 14px 0 0 10px;
    border-right: 1px solid #666;
}

#top_nav a {
    color: #094D9F;
    text-decoration: none;
    font-weight: bold;
}

#top_nav a:hover {
    color: #9F0003;
    text-decoration: none;
}

#identity h1 {
    padding: 90px 0 0 25px;
    margin: 14px 0 0 0;
    color: #fff;
    font-family: helvetica, arial, sans-serif;
    font-size: 1.2em;
    font-style: italic;
    letter-spacing: 0px;
    font-weight: bold;
    background-color: inherit;
}

* html #identity h1 {
    margin-top: 0px;
}

.sub {
    color: #ff0000;
}

#identity h2 {
    margin: 10px 0 0 40px;
    color: #000;
    font-family: helvetica, arial, sans-serif;
    font-size: 1.4em;
    font-style: italic;
    letter-spacing: 1px;
    font-weight: normal;
    background-color: inherit;
}

* html #identity h2 {
    margin-top: 0px;
}

#dotie {
    float: right;
    text-align: right;
    width: 150px;
    color: #000;
    font-family: helvetica, arial, sans-serif;
    font-size: 1.2em;
    font-style: italic;
    letter-spacing: 1px;
    padding-right: 21px;
}

/* style for quicksearch form in header */
#searchform {
    display: inline;
    float: right;
    margin: 14px 37px 0 0;
    background-color: inherit;
    border-right: none;
    text-align: right;
}

#searchform input {
    width: 160px;
    margin-top: 5px;
    border: 1px solid #aaa;
    font-size: 1.1em;
    vertical-align: middle;
    color: #999;
    background: #FFF url(templates/dotie/img/mag_glass.gif) no-repeat 97% 50%;
}

/******** End of Header and Navigation Styles *********/




/**************** Footer styles ****************/

#footer {
    width: 823px;
    height: 51px;
    margin: 0 auto;
    padding: 1px 0;
    font-size: 9px;
    background: #fff url(templates/dotie/img/footer.jpg) no-repeat;
    color: #000;
}

* html #footer {
    padding: 0 0 0 13px;
}

.footerbg {
    width: 800px;
    padding: 5px 0;
    margin: 0 1px;
}

#footer p {
    padding: 10px 0 0 245px;
    margin: 0;
    text-align: left;
}

#footer a:link, a:active {
    color: #ccc;
    text-decoration: none;
}

#footer a:visited {
    color: #ccc;
    text-decoration: none;
}

#footer a:hover {
    color: #9F0003;
    text-decoration: none;
}

.clearingdiv {
    clear: both;
    height: 1px;
    width: 1px;
}

/********* End of Footer Styles *********/




/********* Content styles *********/

#content {
    position: relative;
    float: right;
    width: 540px;
    font-size: 0.9em;
    margin: -140px 30px 0 0;
    padding: 20px 0px 3px 0;
}

*html #content {
    overflow: visible;
    margin: -140px 20px 0 0;
}

#content h2, .serendipity_date, .serendipity_commentsTitle, .staticpage_result_header {
    color: #0a6681;
    margin: 0 0 16px 0;
    padding: 0;
    font-size: 1.7em;
    font-weight: bold;
    letter-spacing: 0px;
    background-color: inherit;
}

#content .serendipitySideBarItem {
    margin: 0 0 0 0px;
    border: 0px;
}

#content .serendipitySideBarDate {
    margin: 0 0 0 0px;
    border: 0px;
    height: 12px;
}

#content .serendipitySideBarTitle {
    Display: none;
}

#content .serendipitySideBarContent {
    margin: 0 0 0 5px;
    border: 0px;
    height: 100px;
}

.serendipity_title a {
    color: #0373A3;
    font-weight: bold;
    letter-spacing: 0px;
    text-decoration: none;
}

.staticpage_result_header {
    display: none;
    font-weight: bold;
}

.serendipity_entry_body {
    width: 540px;
}

.serendipity_entry_body a, .serendipity_entry_body a:link, .serendipity_entry_body a:active {
    color: #00608F;
    text-decoration: none;
}

.serendipity_entry_body a:visited {
    color: #00608F;
    text-decoration: none;
}

.serendipity_entry_body a:hover {
    color: #9F0003;
    text-decoration: none;
}

.serendipity_entry_body table {
    width: 97%;
    margin: auto;
}

.serendipity_entry_body a:visited, .serendipity_entry_extended a:visited {
    text-decoration: none;
}

.serendipity_entry li {
    margin-bottom: 10px;
    list-style-position: inside;
}

.serendipity_entry_extended {
    margin-top: 20px;
    clear: left;
}

/* the small text at the end of each entry 'Posted by etc' */
.serendipity_entryFooter {
    margin-top: 10px;
    margin-bottom: 0px;
    padding: 0px;
    padding-top: 3px;
    font-size: 0.78em;
    color: #31314B;
    text-align: center;
    clear: both;
}

/* styles for bottom of page next and previos page links */
div.serendipity_pageFooter {
    display: none;
    font-size: 0.8em;
    clear: both;
    margin: 10px auto 10px auto;
    text-align: center;
}

#content img {
    padding: 0;
    margin-bottom: 3px;
    border: 1px solid #ddd;
}

#content img.emoticon, #content img.serendipity_entryIcon {
    border: none;
}

#content img.serendipity_entryIcon {
    float: right;
}

#content h2 a {
    font-weight: normal;
}

#content h3 {
    margin: 0 0 5px 0;
    font-size: 1.4em;
    letter-spacing: -1px;
}

#content a:hover {
    text-decoration: none;
}

#sidebar a:hover {
    text-decoration: none;
}

#content ul,#content ol {
    margin: 0 5px 16px 35px;
}

#content dl {
    margin: 0 5px 10px 25px;
}

#content dt {
    font-weight: bold;
    margin-bottom: 5px;
}

#content dd {
    margin: 0 0 10px 15px;
}

/********* End of Content Styles **********/




/********* Sidebar styles *********/

#sidebar {
    position: relative;
    top: -156px;
    left: 40px;
    float: left;
    width: 195px;
    line-height: 1.4em;
    font-size: 0.9em;
}

* html #sidebar {
    width: 195px;
    left: 27px;
}

#sidebar h2, .serendipitySideBarTitle {
    position: relative;
    display: block;
    line-height: 25px;
    margin: 4px 0 15px 0;
    padding: 0 0 0 5px;
    font-family: verdana, helvetica, arial, sans-serif;
    font-size: 1.1em;
    font-weight: bold;
    text-align: left;
    letter-spacing: 1px;
    color: #017293;
    background-color: #dddddd;
    border-bottom: 2px solid #ff0000
}

#sidebar .serendipitySideBarContent {
    position: relative;
    padding: 0 0 0 5px;
    margin: 0 0 5px 0px;
    font-size: 0.9em;
}

#sidebar input, #sidebar textarea, #sidebar select {
    width: 95%;
}

#sidebar td input {
    width: 150px;
}

#small {
    font-size: 9px;
}

/********* End of Sidebar Styles *********/




/********* Calendar Styles *********/

/* style for calendar date links */
table.serendipity_calendar a {
    text-decoration: none;
}

/* style for calendar links when hovered over */
table.serendipity_calendar a:hover {
    text-decoration: none;
}

/* style for calendar weekday names */
td.serendipity_weekDayName {
    font-weight: bold;
    text-align: center;
}

/* styles for month name and arrows in calendar */
td.serendipity_calendarHeader a:link, td.serendipity_calendarHeader a:visited, td.serendipity_calendarHeader a:hover {
    text-decoration: none;
}

/* style for wekday names in calendar */
td.serendipity_weekDayName {
    border-bottom: 1px solid #dddddd;
}

/* style to center dates */
tr.serendipity_calendar td {
    text-align: center;
}

/********* End of Calendar Styles *********/




/********* Embedded images with the s9y image manager *********/

/* container for images and text */
.serendipity_imageComment_center, .serendipity_imageComment_left, .serendipity_imageComment_right {
    margin: 0 0 20px 0;
    padding: 10px;
    border: 1px solid #c0c0c0;
    background-color: #fafbfc;
    color: #505050;
    line-height: 1.5em;
}

/* style to center image and text within entry */
.serendipity_imageComment_center {
    display: block;
    margin: 0 auto 5px auto;
}

/* style to left align image and text within entry */
.serendipity_imageComment_left {
    float: left;
    margin: 0 12px 5px 0;
}

/* style to right align image and text within entry */
.serendipity_imageComment_right {
    float: right;
    margin: 0 0 5px 12px;
}

/* styles for the images */
.serendipity_imageComment_img, .serendipity_imageComment_img img {
    text-align: center;
}

/* styles for the text below the image if used */
.serendipity_imageComment_txt {
    clear: both;
    text-align: center;
}

/********* End of Image Manager Styles *********/





/********* Plugin Stlyes *********/

/* style for the seearch term and number of results using quicksearch */
.searchterm, .searchresults {
    font-weight: bold;
}

/* used in comments */
.oddbox, .plugin_comment_wrap {
    margin: 0 0 20px 0;
    border-top: 1px solid #c0c0c0;
    border-bottom: 1px solid #c0c0c0;
    background-color: #fafbfc;
    color: #505050;
    line-height: 1.5em;
}

/* not used */
.evenbox {

}

/* container for comments plugin within sidebar */
.container_serendipity_plugin_comments {
    color: #333;
}

/* style for line break in comments plugin */
.container_serendipity_plugin_comments br {
    line-height: 0.5em;
}

/* style for comment body within sidebar */
.plugin_comment_body {
    font-style: oblique;
}

/* container cloud for tags and static page navigation */
.serendipity_freetag_taglist, .staticpage_navigation, .serendipity_search {
    padding: 15px;
    margin: 0 36px 20px 0;
    padding: 10px;
    color: #505050;
    line-height: 1.5em;
    clear: both;
}

.container_serendipity_plugin_freetag a {
    font: 85% Verdana,Tahoma,Arial,sans-serif;
    line-height: 1!important;
}

/* shift the feed icon in the freetag sidebar plugin */
.serendipity_freeTag_xmlButton {
    padding-left: 2px;
}

/* place freetag list on new line in entry footer */
.serendipity_freeTag {
    clear: both;
}

/* adjust line height in entry footer */
.serendipity_karmaVoting, .serendipity_freeTag {
    line-height: 1!important;
}

/********* End of Plugin Styles *********/


/* div#container {
	width: 555px;
	margin: 0 auto;
	padding: 5px 0;
	text-align: left
}

div#box1, div#box2, div#box3 {
	float: left;
	width: 165px;
	margin: 0 15px 0 0;
	padding: 10px 0;
	background: #B9E0F1;
}*/
div.staticpage_author, div.staticpage_precontent {
    width: 538px;
    text-align: justify;
}

ul#split, 
ul#split li,
ul#split-2, 
ul#split-2 li,
ul#split-3, 
ul#split-3 li,
ul#split-pair, 
ul#split-pair li {
    margin: 0 0 10px 0px;
    padding: 0;
    list-style: none;
    color: #fff;
}

ul#split li {
    float: left;
    width: 173px;
    margin: 0 6px 10px 0
}

ul#split-2 li,
ul#split-3 li {
    float: left;
    width: 530px;
    margin: 0 6px 10px 0
}

ul#split-pair li {
    float: left;
    width: 261px;
    margin: 0 7px 10px 0
}

ul#split h3 {
    font-family: verdana,sans-serif;
    font-size: 1.2em;
    font-weight: bold;
    margin: 0 0 0px 0;
    padding: 3px 0 2px;
    text-align: center;
    color: #fff;
    background: #0080A7;
}

ul#split-pair h3 {
    font-family: verdana,sans-serif;
    font-size: 1.2em;
    font-weight: bold;
    margin: 0 0 0px 0;
    padding: 3px 0 2px;
    text-align: center;
    color: #111;
    background: #ddd;
}

div.mylinks ul#split-pair h3 {
    font-family: verdana,sans-serif;
    font-size: 1.2em;
    font-weight: bold;
    margin: 0 0 0px 0;
    padding: 3px 0 2px 5px;
    text-align: left;
    color: #111;
    background: #ddd;
}

ul#split-2 h3,
ul#split-3 h3 {
    display: block;
    font-family: Verdana,sans-serif;
    font-size: 1.2em;
    font-weight: bold;
    letter-spacing: 0px;
    margin: 0px;
    padding: 3px 5px 2px;
    text-align: left;
    color: #000;
    background: #dddddd;
}

ul#split p, ul#split-2 p, ul#split-3 p, ul#split-pair p {
    margin: 0;
    padding: 5px 5px 7px
}

ul#split div {
    border-top: 1px solid #fff;
    background: #0080A7;
    line-height: 1.2em;
}

ul#split-3 div, ul#split-pair div {
    border-top: 4px solid #fff;
    color: #000;
    background: #ddd;
    line-height: 1.4em;
}

ul#split-2 li#one div {
    border-top: 4px solid #fff;
    color: #000;
    background: #ddd;
    line-height: 1.4em;
}

ul#split-2 li#two div {
    border-top: 4px solid #fff;
    color: #000;
    background: #bce6f3;
    line-height: 1.4em;
}

ul#split a, ul#split-3 a {
    font-weight: bold;
    color: #eaadad;
}

ul#split a:hover {
    color: #fff;
}

ul#split-2 a, ul#split-pair a {
    font-weight: bold;
}

ul#split img, ul#split-2 img, ul#split-3 img, ul#split-pair img {
    border: 1px solid #fff;
    margin: 6px 4px 5px;
}

li#one h3 {
    font-size: 1.2em;
    letter-spacing: 0px;
}

li#two h3 {
    font-size: 1.2em;
    letter-spacing: 0px;
}

ul#split-2 li#two h3 {
    background-color: #bce6f3;
    font-size: 1.2em;
    letter-spacing: 0px;
}

li#three h3 {
    font-size: 1.2em;
    letter-spacing: 0px;
}

.table_heading {
    text-align: right;
    font-weight: bold;
}

.tr_odd {
    text-align: right;
}

.tr_even {
    text-align: right;
}

.td_small1 {
    background-color: #eeeeee;
    font-weight: bold;
    padding: 0 10px 0 0;
    width: 20%;
    border-bottom: 1px solid #0072a5;
}

.td_small2 {
    background-color: #CFE3EB;
    font-weight: bold;
    padding: 5px 10px 5px 10px;
    border-bottom: 1px solid #0072a5;
    width: 20%;
}

.td_big {
    width: 55%;
    border-bottom: 1px solid #0072a5;
    font-weight: bold;
    padding: 5px 10px 5px 10px;
}

/* Contact form specific styles */

form#serendipity_comment {
    width: 534px;
    padding: 0 0 25px 0;
}

form#serendipity_comment table {
    width: 534px;
}

.serendipity_comments {
    display: none;
}

div.notes {
    float: right;
    width: 158px;
    height: auto;
    margin: 0 8px 0px 20px;
    padding: 5px 5px 0;
    border: 1px solid #666666;
    background-color: #eeeeee;
    color: #666666;
    font-size: 90%;
    line-height: 1.3em;
}

div.notes2 {
    float: right;
    width: 158px;
    height: auto;
    margin: 0 0px 0px 20px;
    padding: 5px 5px 0;
    border: 1px solid #666666;
    background-color: #eeeeee;
    color: #666666;
    font-size: 90%;
    line-height: 1.3em;
}

div.notes h4, div.notes2 h4 {
    background-image: url(templates/dotie/img/icon_info.gif);
    background-repeat: no-repeat;
    background-position: top left;
    padding: 3px 0 8px 27px;
    border-width: 0 0 1px 0;
    border-style: solid;
    border-color: #666666;
    color: #666666;
    font-size: 110%;
}

div.notes p, div.notes2 p {
    margin: .8em 0em 0em 0em;
    width: 158px;
    color: #666666;
}

form#serendipity_comment textarea, .serendipity_commentDirection {
    width: 247px;
}

td.serendipity_commentsLabel {
    width: 80px;
}

img.captcha, input#captcha {
    margin: 5px 0;
}

* html div.linklist {
    position: relative;
    height: 1%
		background: #0080A7;
}

div.linklist a:link,
div.linklist a:active,
div.linklist a:visited {
    display: block;
    color: #fff;
    text-indent: 5px;
    font: bold 1.1em verdana, Arial, Geneva, Helvetica, sans-serif;
    padding: 8px 0 8px 0;
    background: #0080A7;
    border-bottom: #ddd solid 1px;
}

div.linklist a:hover {
    background: #81bfd1;
    color: #fff;
}

div.linklist span.menu_title {
    margin: 0;
    color: #000;
    padding-bottom: 3px;
    font: bold 13px Arial, Geneva, Helvetica, sans-serif;
}

div.linklist ul {
    position: relative;
    list-style: none;
    padding: 0px 0 0px 0px;
    margin: -15px 0 0px -5px;
    border-bottom: #ddd solid 8px;
    border-top: #fff solid 1px;
    white-space: nowrap;
}

* html div.linklist ul {
    margin: 0px 0 0px -5px;
}

* html div.linklist ul li {
    margin: -15px 0 0px 0px;
}

div.linklist li.menuitem a:link {
    text-decoration: none;
}

div ul#split-pair ul.compact li, div ul#split-2 ul.compact li {
    list-style: square outside;
    color: #000;
    width: 95%;
}

.style0 {
    text-align: general;
    vertical-align: center;
    white-space: nowrap;
    color: windowtext;
    font-size: 9.0pt;
    font-weight: 400;
    font-style: normal;
    text-decoration: none;
    font-family: Verdana;
    border: 0;
}

#content td {
    padding-top: 1px;
    padding: 2px 5px 2px 5px;
    color: windowtext;
    font-size: 8pt;
    font-weight: 400;
    font-style: normal;
    text-decoration: none;
    font-family: Verdana;
    text-align: general;
    vertical-align: bottom;
    border: 0;
    white-space: normal;
}

.xl24 {
    background: silver;
}

.xl25 {
    color: black;
    background: silver;
}

.xl26 {
    background: #CFE3EB;
}

.xl27 {
    font-weight: bold;
    font-size: 12pt;
    border-right: 0px solid black;
    background: white;
}

.xl28 {
    color: black;
    border: 0 solid windowtext;
    background: #CFE3EB;
}

.xl29 {
    border: 0 solid windowtext;
    background: #EAB0B0;
}

.xl30 {
    border: 0 solid windowtext;
    background: #CFE3EB;
    ;
}

.xl31 {
    border: 0px solid windowtext;
}

.xl32 {
    color: black;
}