/***********************************************/
/* 2col_rightNav.css                             */
/* Use with template 2col_rightNav.html          */
/***********************************************/

/***********************************************/
/* HTML tag styles                             */
/***********************************************/ 

body{
	font-family: Arial,sans-serif;
	color: #333322;
	line-height: 1.166;	
	margin: 0px;
	padding: 5px 0px 0px 5px;
}

.topdiv {width:100%; float:left; padding-bottom:5px; border-bottom: 2px solid gold; }

.topimage { width:51%; background-color: #fff;  float:left; display: inline; }

.topbox {
	float: left; 
	display: inline;
	width: 40%;
	padding: 10px 15px 10px 15px;
	background-image: url(/imgs/ggold-tall-lighter.png);
        background-color:#eeffee;
        font-size: 105%;
        border-style: groove;
}

a{
	color: #0023a8;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

h1, h2, h3, h4, h5, h6 {
	font-family: Verdana,Arial,sans-serif;
	margin: 0px;
	padding: 0px;
}

h1.bname {
        display: inline;
}

.external {
	font-size: 90%;
}

h1{
 font-size: 114%;
 color: #443300;
 padding: 5px 0px 5px 5px;
}
h1 a,a:hover{
	color: #443300;
	text-decoration: none;
}

h3{
 font-size: 110%;
 color: #443300;
 padding-top: 10px;
}


ul{
 list-style-type: square;
}

ul ul{
 list-style-type: disc;
}

ul ul ul{
 list-style-type: none;
}

label{
	font: bold 100% Arial,sans-serif;
 	color: #334d55;
}

/* added by Golda - scrolling blog & expandable menu stuff */

h1.catname { display:inline; }

.popup { 
	position: absolute;  
	margin: 100px 100px auto 100px;
	width: auto;
	height: auto;
	z-index: 1000;
	visibility: hidden;
	border: 4px #ddd outset;
	background: #eee;
}

#leftcol {
                float:left;
                width:50%;
                background:#fff;
                margin-right:15px;
                padding-bottom:20px;
                }

#formarea {
        background-color:#eeffee;
        border-style: dotted;
        padding-top: 5px;
        padding-left: 4px;
}


.ab_navbar {
	margin: 0 0 5px 5px;
}


div.sblog {
	font-size: 100%;
	width: auto;
	height: 400px;
	overflow: auto; 
	border: 2px groove;
	padding: 0;
	margin: 0;
}
div.newslinks {
	font-size: 85%;
	width: auto;
	height: 120px;
	overflow: auto;
	border: 2px groove;
	padding: 0;
	margin: 1px;
}

.disclaimer {
	font-size: 90%;
	font-color: #a00000;
}

div.menupop {
	display: none; 
	background: #eee; 
	z-index: 500; 
	position: absolute;
}

div.ab_menu_top {
	margin: 0 0 0 0;
        display: inline;
        position: relative;
        width: auto;
        background-image: url(/imgs/ggold-lighter.png);
        background-color: #f3f498;
	border-style: none dotted none none;
	border-width: 1px;
	padding: 0px 0 0px 8px;
	border-color: #000000;
}

div.ab_menu_topbar {
	border-bottom: 1px dotted black;
	display:block;
}

span.ab_menu_popdown {
	display: inline;
	padding: 2px 2px 2px 2px;
        background:#cccccc;
        border: 1px dashed black;
	font-size: 9px;
	line-height: 9px;
	vertical-align: middle;
}
span.ab_menu_popdown:hover {
        background:#888888;
	cursor: pointer;
}

div.ab_menu_expandable_left:hover {
        background-image: url(/imgs/ggold-light.png);
}
span.ab_menu_expandable_right { 
	position: relative;
}
span.ab_menu_expandable_right:hover {
	cursor: progress;
	background-image: url(/imgs/ggold-light.png);
	margin: 0 0 0 0;
}


div.ab_menu_noexpand {
        display:inline;
        color:#0000ff;
}

a.ab_menu_link { text-decoration: none; }
a.ab_menu_link:visited { color: #301000; text-decoration: none; }
a.ab_menu_link:hover { text-decoration: underline; background-image: url(/imgs/ggold-lighter.png); }

.itemlist {
	line-height: 1.5em;
}
#rightcol {
                }

#fullscreen {
        width:100%;
}

.toplinks { font-size: small; }


.blog {
        background-color:#fefeee;
        padding: .2em;
        text-align: left;
}
.bloghead {
   /*      background-color:#f8ff8d; */
        text-align: left;
        font-size: 105%;
	margin-top: 15px;
}

.special {
        background-color:#eeffee;
        font-size: 105%;
        border-style: groove;
        margin-right: 15px; margin-left: 15px;
        padding: 5px;
	margin-top: 15px;
}


a { text-decoration: none; }
a:visited { color: #301000; text-decoration: none; }
a:hover { text-decoration: underline; background:#f0f8c0; }

a.bloglink { color: #000060; text-decoration: none;  }
a.bloglink:visited { color: #301000; }
a.bloglink:hover { text-decoration: underline; background:#f0f8c0; }

a.blogextlink { color: #000060; text-decoration: none; font-weight: lighter; font-size: 10pt; padding-left: 20px; margin-right: 0; }
a.blogextlink:visited { color: #301000; }
a.blogextlink:hover { text-decoration: underline; background:#f0f8c0; }

a.blog_inline_ext_link { padding-left: 2px; }

a.itemlink { font-size: 110%; }

/***********************************************/
/* Layout Divs                                 */
/***********************************************/


#navBar{
	margin: 0 0 0 79%;
	padding: 0px;
	background-color: #fefeee;
	border-left: 1px solid #ddc;
	border-bottom: 1px solid #ddc;
}

#content{
  float:left;
	width: 75%;
	margin: 0;
	padding: 0 3% 0 0;
}



/************** .feature styles ***************/

.feature{
	padding: 0px 0px 10px 10px;
}

.leader{
	font-size: 85%;
	padding: 0px;
}

.img_feature {
	padding: 0px 10px 0px 0px;
     	float: left;
	width: 202px;
	font-size: small;
}

.feature h3{
	padding: 5px 0px 5px 0px;
	text-align: center;
	font-size: 13px;
	font-weight: normal;
}

.feature img{
	float: left;
	padding: 0px 10px 0px 0px;
	margin: 0 5px 5px 0;
}
/* adjust margins to change separation between the feature image and text flowing around it */


/************** .story styles *****************/

.story{
	clear: both;
	padding: 10px 0px 0px 10px;
	font-size: 70%;
}

.story p{
  padding: 0px 0px 10px 0px;
}


/************* #siteInfo styles ***************/

#siteInfo{
	clear: both;
	border: 1px solid #cccccc;
	font-size: 75%;
	color: #cccccc;
	padding: 10px 10px 10px 10px;
	margin-top: 0px;
}
/* negative top margin pulls siteinfo up so its top border overlaps (and thus lines up with)
   the bottom border of the navBar in cases where they "touch" */

#siteInfo img{
	padding: 4px 4px 4px 0px;
	vertical-align: middle;
}


/************* #search styles ***************/

#search{
	padding: 5px 0px 5px 10px;
	border-bottom: 1px solid #cccccc;
	font-size: 90%;
}

#search form{
 margin: 0px;
 padding: 0px;
}

#search label{
	display: block;
	margin: 0px;
	padding: 0px;
}


/*********** #navBar link styles ***********/

#navBar ul a:link, #navBar ul a:visited {display: block;}
#navBar ul {list-style: none; margin: 0; padding: 0;}

/* hack to fix IE/Win's broken rendering of block-level anchors in lists */
#navBar li {border-bottom: 1px solid #EEE;}

/* fix for browsers that don't need the hack */
html>body #navBar li {border-bottom: none;}


/*********** #sectionLinks styles ***********/

#sectionLinks{
/*	position: relative; */
	margin: 0px;
	padding: 0px;
	border-bottom: 1px solid #cccccc;
	font-size: 90%;
}

#sectionLinks h3{
	padding: 10px 0px 2px 10px;
}

#sectionLinks a:link{
	padding: 2px 0px 2px 10px;
	border-top: 1px solid #cccccc;
	width: 100%;
	voice-family: "\"}\""; 
	voice-family:inherit;
	width: auto;
}

#sectionLinks a:visited{
	border-top: 1px solid #cccccc;
	padding: 2px 0px 2px 10px;
}

#sectionLinks a:hover{
	border-top: 1px solid #cccccc;
	background-color: #dddddd;
	padding: 2px 0px 2px 10px;
}


/*********** .relatedLinks styles ***********/

.relatedLinks{
	margin: 0px;
	padding: 0px 0px 10px 10px;
	font-size: 90%;
}

.relatedLinks h3{
	padding: 10px 0px 2px 0px;
}


/************** #advert styles **************/

#advert{
	padding: 10px 0px 0px 10px;
	font-size: 80%;
	border-top: 1px solid #cccccc;
}

#advert img{
	display: block;
}


/************** #headlines styles **************/

#headlines{
	margin: 0px;
	padding: 10px 0px 20px 10px;
	font-size: 80%;
}

#headlines p{
	padding: 5px 0px 5px 0px;
}