/**************** Body and tag styles ****************/

*{margin:0; padding:0;}

body{
font:76% Verdana,Tahoma,Arial,sans-serif;
line-height:1.4em;
text-align:center;
color:#303030;
background: #5c9cca url(/images/back_body.gif) repeat-x center top;

}

a{
color:#467aa7;
font-weight:bold;
text-decoration:none;
background-color:inherit;
border-bottom: 1px dotted #ccc
}

a:hover{color:#2a5a8a; text-decoration:none; background-color:inherit;}
a img{border:none;}

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

img.left,img.center,img.right{padding:4px; border:1px solid #a0a0a0;}
img.left{float:left; margin:0 12px 5px 0;}
img.center{display:block; margin:0 auto 5px auto;}
img.right{float:right; margin:0 0 5px 12px;}
span.left{float:left; margin:0 12px 5px 0;}

label {
display: block; 
width: 125px; 
text-align: right; 
float: left; 
font-weight: bold; 
margin-right: 5px;
}

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

#container{
width:770px;
margin:0 auto;
padding:0;
text-align:left;
background: transparent url(/images/back_content.gif) repeat-y left top;
color:#303030;
}

#header{
height:117px;
width:770px;
margin: 0;
background: transparent url(/images/back_branding.jpg) no-repeat left top;
color:#ffffff;
}

#header h1{
position: absolute; left: -7500px;
}

#header h2{
position: absolute; left: -7500px;
}

#navigation{
height:2.2em;
line-height:2.2em;
width:610px;
margin:0 1px;
background:#000;
color:#ffffff;
}

#navigation li, #footer li{
float:left;
list-style-type:none;
border-right:1px solid #ffffff;
white-space:nowrap;
}

#navigation li a,  #footer li a{
display:block;
padding:0 10px;
font-size:0.8em;
font-weight:normal;
text-transform:lowercase;
text-decoration:none;
background-color:inherit;
border-bottom: none;
color: #ffffff;
}

* html #navigation a {width:1%;}

#navigation .selected,#navigation a:hover{
background:#80b0da;
color:#ffffff;
text-decoration:none;
border-bottom: none;
}

#accessibility { position: absolute; left: -7500px;

}


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

#content{
float:left;
width:612px;
font-size:0.9em;
padding:0;
}

#content h2{
display:block;
margin:0 0 16px 0;
font-size:1.4em;
font-weight:bold;
color:#069;
background-color:inherit;
}

#content h2 a{ border-bottom: none;}
#content h3{margin:0 0 5px 0; font-size:1.4em; letter-spacing:-1px;}
#content h4{margin:0 0 5px 0; font-size:1.2em;}
#content a:hover,#subcontent a:hover{border-bottom: solid;
}
#content ul,#content ol{margin:0 5px 16px 10px;}
#content ol{margin-left:35px;}


#content ul li
	{
	list-style-type: none;
	margin: 0;
	padding: 0;
	margin-left: -10px;
	padding-bottom: 4px;
	padding-left: 10px;
	color: #437E9D;
	background:  url("/images/bullet1.gif") 0 4px no-repeat;
	}
.postdate {
                color: #ec7c19;
                text-align: right;
                font-size: 80%;
                line-height: 1em;
}

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

#sidebar{
float:left;
width:140px;
padding:0;
margin-left: 10px;
line-height:1.4em;
}

#sidebar h2{
display:block;
margin:0 0 5px 2px;
font-size:1.2em;
font-weight:bold;
text-align:left;
color:#1480cd;
background-color:inherit;
}

#sidebar p{margin:0 0 16px 0; font-size:0.9em;}

/**************** Menublock styles ****************/

.menublock{margin:0 0 20px 2px; font-size:0.8em;}
.menublock li{list-style:none; display:block; padding-left:8px; margin-bottom:2px;
	background:  url("/images/bullet1.gif") 0 4px no-repeat;}
.menublock li a{font-weight:bold; text-decoration:none;}
.menublock li a:hover{text-decoration:none;}
.menublock li ul{margin:3px 0; font-size:1em; font-weight:normal;}
.menublock li ul li{margin-bottom:0;}
.menublock li ul a{font-weight:normal;}

/**************** store subnav ****************/
#content #subnav {
	list-style: none;
	clear: both;
	margin: 0 0 1em 20px;
	padding: 0 0 0 0;
	border: 1px solid #ccc;
	border-width:0 1px 1px 0;
	width: 513px;

}
#content #subnav li{
	width: 170px;
	float: left;
	background: none;
	border: 1px solid #ccc;
	border-width: 1px 0 0 1px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}
#content #subnav li a,
#content #subnav li a:hover{
	border-width: 0 0 0 0;
	width: 170px;
	font-weight: normal;
	padding-left: 5px;
}
/**************** Paging Links  ****************/
#pages{
text-align:center;
padding:1em;
}
#pagenos { border: 1px solid #ccc; margin-bottom: 1em; padding: 0; }
#pagenos ul li  {
	background:  none; 
	}
li.pgNum a{
	background:  url("/images/icon_page.gif") center top no-repeat;
                padding: 3px 9px 6px 7px; 
                border: none;
                font-size: .9em; font-weight: normal;
	}
#pages {margin: 0; padding: 10px 0 0 0;}
#pages li{
                display:inline;
}
 #pagenos a, #pagenos a:hover{               
                 border: none; 
}
.pgCurrent{
                  font-weight:bold;
} 
.pgEmpty{
                  color: #ccc; 
} 
.pgStart , .pgPrev , .pgNext , pgEnd 
{border: 7px solid #fff; border-left-width: 0;
}


#paging {
        text-align: center;
        margin-left: auto;
        margin-right: auto;
        padding: 15px 0 15px 0;
        font-weight: bold;
        font-size: 1.2em;
}

#paging .left {
        float: left;
        width: 40%;
        margin-left: 20px;
        text-align: left;
}

#paging .right {
        float: right;
        width: 40%;
        margin-right: 20px;
        text-align: right;
}


/**************** Comments ****************/

h3#comment {
       padding-bottom: .5em;
       border-bottom: 1px solid #5c9cca;
}

.commentname {
        font-weight: bold;
}
.commentname a{
        border-bottom-width:0;
}



#cpreview p.preview {
        font-size: 1.2em;
        color: #000000;
        text-align: center;
        margin-bottom: 15px;
}


/**************** Comment Form ****************/


h3#postcomment {
        text-align: center;
       background-color: #fef7cd;
       padding: 2px 0;
       border-bottom: 1px solid #000;
}

form#txpCommentInputForm {
       margin-top: 1em;
       border: 1px solid #444444;
       padding-bottom: 1.2em;
       width: 360px;
       margin-left: auto;
       margin-right: auto;
       margin-bottom: 20px;
}

form#txpCommentInputForm p {
       margin: 0 0 0 1.2em;
       padding: 0;
}

input#forget, input#remember {
       margin-right: 5px;
}

textarea.txpCommentInputMessage {
       height: 250px;
       width: 325px;
       margin-bottom: 10px;
}

p#txpCommentInputForm {
       width: 300px;
       text-align: center;
       font-weight: bold;
       padding: 10px 0 10px 0;
       border-top: 1px solid #444444;
       border-bottom: 1px solid #444444;
       margin-left: auto;
       margin-right: auto;
       margin-top: 30px;
       margin-bottom: 30px;
}
/**************** Event styles ****************/
dl.event {
       margin: 0;
       padding: 0;
}
.event dt {
      position: relative;
      left: 0em;
      top: 1.1em;
      width: 8em;
      font-size: 1.6em;
      color: #578BB8;
      padding-bottom: 2px;
}
.event dd {
      border-left: 1px solid #ccc;
      margin: 0 0 0 12em;
      padding: 0 0 .5em .5em;
}
.event dd.title {
       font-weight: bold;
       color: #578BB8;
       text-transform: uppercase
}
.event dd.location {
       font-weight: bold;
}
ul.event, .event li, .event li a{
       color: #ec7c19;
}
#eventkey, #articlekey {
   white-space : nowrap;
margin-bottom: 1em;
} 
#articlekey {
float: right; width: 150px;
}
#eventkey ul, , #articlekey ul{
   padding : 0;  margin : 0;
   float : right;
   font-size: .8em; font-weight: bold;
}
#eventkey ul li, #articlekey ul li{
   display : inline;
   background: none;
   margin: 0 0 0 1em;
   color: #ec7c19
}
#eventkey a, , #articlekey a{
   border-width: 0;
}
#eventkey ul li a:hover{
   background-color : #99CCFF;
   color : #000066;
}
/**************** Linklist styles ****************/

dl.linklist
{
margin: 1em 2em;
padding: 0;
display: block;
}

.linklist dt
{
background-color: #fef7cd;
padding: .5em 5em;
font-weight: bold;
text-align: center;
text-transform: uppercase;
border: 1px solid #5c9cca;
border-bottom-width: 0;
}

.linklist dd
{
margin: 0 0 1em 0;
background: #fff;
text-align: left;
padding: .5em  2em;
font-style: italic;
border: 1px solid #5c9cca;
border-top-width: 0;
} 

/**************** Searchbar styles ****************/

#searchbar{margin:0 0 20px 0;}
#searchbar form fieldset{margin-left:10px; border:0 solid;}

#searchbar #s{
height:1.2em;
width:110px;
margin:0 5px 0 0;
border:1px solid #a0a0a0;
}

#searchbar #searchbutton{
width:auto;
padding:0 1px;
border:1px solid #808080;
font-size:0.9em;
text-align:center;
}

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

#footer{
          clear:both;
          width:770px;
          padding:5px 0;
margin:0;
font-size:0.9em;
color:#f0f0f0;
background:#000;
}

#footer p {padding:0; margin:0; text-align:center;}
#footer a{color:#f0f0f0; background-color:inherit; font-weight:bold; border-bottom: none;}
#footer a:hover{color:#ffffff; background-color:inherit; text-decoration: underline;}

/**************** Misc classes and styles ****************/

#splitcontentleft{float:left; width:60%; margin: 1em 0 0 5px;}
#splitcontentright{float:right; width:31%; margin: 1em 10px 0 0;}
.clear{clear:both;}
.small{font-size:0.8em;}
.hide{display:none;}
.textcenter{text-align:center;}
.textright{text-align:right;}
.important{color:#f02025; background-color:inherit; font-weight:bold;}

.box{
margin:0 0 1em 0; padding: 0;
color:#505050;
line-height:1.5em;
background: url(/images/box_top.gif) no-repeat 0 12px;
}
.full .box{
margin: 2em;
}
#splitcontentleft .box .innerbox, #content .box .innerbox{
background: #fff url(/images/box_btm_white.gif) repeat-x center bottom;
margin-left: 12px; padding:10px;
}

#splitcontentright .box div{
background: #fef7cd url(/images/box_btm_yellow.gif) repeat-x center bottom;
margin-left: 12px; padding:10px;
}

.note{
margin:0 5px 20px 5px;
padding:10px;
border:1px solid #2A5A8A;
background-color:#ffc;
color:#505050;
line-height:1.5em;
}

.quote{
background: #fff url(/images/quote-open.gif) no-repeat left top;
padding:0 0 1em 55px;
margin-top: 1em;
margin-bottom: 1em;
border-bottom: 1px solid #d4ecf9;
}


.columnized1 {float: left; width: 235px; padding: 5px;} .columnized2 {margin-left: 265px; width: 235px; padding: 1em 5px;}

#print_copyright { display: none;}

.owner, .owner .quote {background-image: none; background-color: #d4ecf9; padding: 10px  20px 10px 20px; margin-bottom: 1em; font-weight: bold;}

.owner .commentname img {display: none; }

.owner .commentname {font-size: 1.4em; }

.owner {border: 1px solid #ccc}

/* h4 dl.linklist {display: none; } */

/* EXTRA CLASSES EVERY CSS HACKER NEEDS
----------------------------------------------------------------*/
.clear { 
	clear: both; 
}

.clearfix:after {
	/* What's this? --> http://www.456bereastreet.com/archive/200603/new_clearing_method_needed_for_ie7/ */
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

* html>body .clearfix {
	display: inline-block; 
	width: 100%;
}

.clearfix {display:inline-block;} 
	/* Hide from IE Mac \*/ 
.clearfix {display:block;}
* html .clearfix {	height: 1%;}
	/* End hide from IE Mac */ 
	
	
#rssLiveArchive { margin: 10px 0 0; }

#rssLiveArchive ul { padding: 0; list-style-type: none; }

#rssLiveArchive ul li { text-align: left; padding: 1px 8px; }

/* #rssLiveArchive ul li a { padding-right: 10px;} */

#rssLiveArchive-year { float: left; width: 60px; margin: 0; padding: 0; }

#rssLiveArchive-year li { position: relative; font-weight: bold; }

#rssLiveArchive-month { float: left; width: 100px; margin: 0; font-weight: bold; }

#rssLiveArchive-month li { position: relative; }

#rssLiveArchive-post { float: left; width: 300px; margin: 0; }

#rssLiveArchive-post li { position: relative; font-weight: bold; }

#rssLiveArchive ul li span { position: absolute; right: 8px; font-weight: normal; color: #333; }

*html #rssLiveArchive ul li span { top: -4px; }

#rssLiveArchive .selected { background: #eee; padding-top: 0; padding-bottom: 0; }