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

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


BODY {
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px;
	PADDING-BOTTOM: 14px;
	MARGIN: 0px;
	FONT: small Verdana,Sans-serif;
	COLOR: #333;
	background-color: #cccccc;
	PADDING-TOP: 10px;
	TEXT-ALIGN: center;
}
a:link, a:visited, a:hover {
	color: #006699;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}
/* overrides decoration from previous rule for hovered links */

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

h1{
 font-family: Verdana,Arial,sans-serif;
 font-size: 130%;
 color: #334d55;
}

h2{
 font-size: 114%;
 color: #006699;
 
}

h3{
 font-size: 100%;
 color: #334d55;
}

h4{
 font-size: 100%;
 font-weight: normal;
 color: #333333;
}

h5{
 font-size: 100%;
 color: #334d55;
}

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;
}
.content{
 font-size: 100%;
 color: #999999;
 font-family: Verdana;
}
				

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

#masthead{
	margin: 0;
	padding: 5px 5px 5px 5px;
	border-bottom: 1px solid #cccccc;
	width: 100%;
	float: left;
}

#navBar{
	padding: 0px;
	background-color: #eeeeee;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	margin-left: 0px;
	height: auto;
	overflow: hidden;
	border-top-color: #999999;
}
#typenav{
	padding: 0px;
	background-color: #eeeeee;
	padding-top: 5px;
	padding-right: 20px;
	padding-bottom: 5px;
	padding-left: 20px;
	margin-left: 0px;
	height: auto;
	border: 1px;
}

#leftblock{
	padding: 0px;	 
	padding-top: 10px;
	padding-right: 40px;
	padding-bottom: 10px;
	padding-left: 40px;
	margin-left: 0px;
	height: auto;
}

#content{
   
	width: 95%;
	margin: 10px 10px 10;
	padding: 0 3% 0 0;
 
}


/***********************************************/
/*Component Divs                               */
/***********************************************/

#siteName{
	margin: 0px;
	padding: 0px 0px 10px 10px;
}


/*************** #pageName styles **************/

#pageName{
	padding: 0px 0px 10px 10px;
}


/************* #globalNav styles **************/

#globalNav{
color: #cccccc;
padding: 0px 0px 0px 10px;
white-space: nowrap;
}
/* 'nowrap' prevents links from line-wrapping if there are too many to fit in one line
   this will force a horizontal scrollbar if there isn't enough room for all links
   remove rule or change value to 'normal' if you want the links to line-wrap */

#globalNav img{
 display: block;
}

#globalNav a {
	font-size: 90%;
	padding: 0px 4px 0px 0px; 
}


/************* #breadCrumb styles *************/

.breadCrumb{
	font-size: 60%;
	padding: 5px 0px 5px 10px;
	color: #8A3700;
}

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

.feature{
	padding: 0px 0px 10px 10px;
	font-size: 80%;
}

.feature h3{
 
	text-align: center;
}

.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: 80%;
}

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

.contactTable{
	border: 10px solid #cccccc;
}

/*** Next / previous specific formatting */


.nextlink
{
    position: fixed;
    right:0;
    padding-right:15px;    
}

/* shows a visual seperation */
.dashedline
{
    border-bottom: 1px dashed #DBCE6A;
    padding-top: 10px;
    margin-bottom: 10px;
    clear:right;
}

/* Command buttons on pages */
.actionbuttons
{
  text-align:left;
  position:fixed;
  padding: 1px 1px 1px 1px;
}


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

#siteInfo{
	clear: both;
	border: 1px solid #cccccc;
	font-size: 75%;
	color: #999999;
	padding: 10px 10px 10px 10px;
	 
}
/* 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;
}


#siteInfo a:link{
 
}

#siteInfo a:visited{

}

#siteInfo a:hover{

	text-decoration: underline;
}



/************* #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;
}



/*********** #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;
}


.formButton {

border-color: #666666;
border-style: solid;
border-width: 1;
color: #666666;
font-size: 8pt;
font-family: verdana;
}


#wrap {
	LEFT: 4px;
	MARGIN: 0px auto;
	WIDTH: 744px;
	POSITION: relative;
	TOP: 4px;
	TEXT-ALIGN: left;
	background-color: #ab8;
}
#wrap2 {
	PADDING-RIGHT: 10px; PADDING-LEFT: 10px; BACKGROUND: #fff; LEFT: -4px; PADDING-BOTTOM: 10px; PADDING-TOP: 10px; POSITION: relative; TOP: -4px
}
#wrap3 {
	margin-left: 20px;	
	margin-right: 10px;	
	margin-bottom: 20px;	
	margin-top: 20px;	
}
.listitem {
	margin-left: 20px;	
	margin-right: 5px;	
	margin-bottom: 5px;	
	margin-top: 5px;	
}

#wrapmain {
 	PADDING-RIGHT: 10px; PADDING-LEFT: 10px; BACKGROUND: #fff; LEFT: -4px; PADDING-BOTTOM: 10px; PADDING-TOP: 10px; POSITION: relative; TOP: -4px
}

#wbcontent {
 
}	
	
#content {
	FONT-SIZE: 85%; BACKGROUND: url(images/bg_content.gif) repeat-y left top; WIDTH: 100%
}
#main {
	BACKGROUND: url(images/corner_main.gif) #cdb no-repeat right top; FLOAT: left; WIDTH: 460px; COLOR: #333
}
#main2 {
	PADDING-RIGHT: 20px; PADDING-LEFT: 20px; PADDING-BOTTOM: 15px; MARGIN: 0px; PADDING-TOP: 15px
}
#sidebar {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: url(images/corner_sidebar.gif) #565 no-repeat left top; FLOAT: right; PADDING-BOTTOM: 0px; WIDTH: 400px; COLOR: #cdb; PADDING-TOP: 0px
}
#sidebar2 {
	PADDING-RIGHT: 20px; PADDING-LEFT: 20px; PADDING-BOTTOM: 10px; MARGIN: 0px; PADDING-TOP: 2px
}
A:link {
	COLOR: #999999; TEXT-DECORATION: none
}
A:visited {
	COLOR: #776; TEXT-DECORATION: none
}
A:hover {
	COLOR: #333; TEXT-DECORATION: underline
}
A IMG {
	BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px
}
#sidebar A:link {
	COLOR: #fff
}
#sidebar A:visited {
	COLOR: #ab9
}
#sidebar A:hover {
	COLOR: #fff
}
#header {
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 160px;
	BACKGROUND: url(images/topleft.gif) #ab8 no-repeat left bottom;
	PADDING-BOTTOM: 0px;
	MARGIN: 0px 0px 10px;
	WIDTH: auto;
	COLOR: #fff;
	PADDING-TOP: 0px;
	background-color: #AABB88;
}
#title {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: url(images/bg_header.gif) no-repeat left top; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 40px
}
#title A {
	COLOR: #fff; TEXT-DECORATION: none
}


.postpage #blog-title {
	BACKGROUND-POSITION: 0px -40px; PADDING-TOP: 0px
}
#linkbox {
	PADDING-RIGHT: 11px;
	PADDING-LEFT: 10px;
	PADDING-TOP: 5px;
	PADDING-BOTTOM: 10px;
	MARGIN: 0px 0px 10px;
	font-weight: bold;
	COLOR: #FFFFFF;
	background-color: #f90;
}
	
	#linkbox a:link{
	color:#FFFFFF;
 
}

#linkbox a:visited{
color:#FFFFFF;

}

#linkbox a:hover{
	text-decoration: underline;
	color:#FFFFFF;
}




.postpage #description EM {
	FONT-SIZE: 1px; VISIBILITY: hidden; COLOR: #8df; LINE-HEIGHT: 1px
}
.date-header {
	MARGIN: 0px 0px 0.5em; FONT: bold 112%/1.4em Arial,Verdana,Sans-serif; TEXT-TRANSFORM: lowercase; COLOR: #fff
}
.post {
	MARGIN: 0px 0px 2em
}
.post-title {
	MARGIN: 0px 0px 0.25em; FONT: bold 150%/1.4em Helvetica,Arial,Verdana,Sans-serif; COLOR: #333
}
#main .post-title A {
	COLOR: #366; TEXT-DECORATION: none
}
#main .post-title A:hover {
	COLOR: #333
}
.post P {
	MARGIN: 0px 0px 0.75em; LINE-HEIGHT: 1.6em
}
.post-footer {
	TEXT-TRANSFORM: lowercase; COLOR: #ab9
}
.post-footer EM {
	COLOR: #787; FONT-STYLE: normal
}
.post BLOCKQUOTE {
	BORDER-RIGHT: #dec 0px solid; PADDING-RIGHT: 0px; BORDER-TOP: #dec 2px solid; PADDING-LEFT: 0px; PADDING-BOTTOM: 5px; MARGIN: 1em 20px; BORDER-LEFT: #dec 0px solid; PADDING-TOP: 5px; BORDER-BOTTOM: #dec 2px solid
}
.post BLOCKQUOTE P {
	MARGIN: 0.5em 0px
}
.post IMG {
	BORDER-RIGHT: #fff 5px solid; BORDER-TOP: #fff 5px solid; BORDER-LEFT: #fff 5px solid; BORDER-BOTTOM: #fff 5px solid
}
#comments {
	BORDER-TOP: #dec 2px solid; MARGIN: 2em 0px 0px; PADDING-TOP: 1em
}
#comments H4 {
	MARGIN: 0px 0px 0.25em; FONT: bold 150%/1.4em Helvetica,Arial,Verdana,Sans-serif; TEXT-TRANSFORM: lowercase; COLOR: #366
}
#comments-block {
	MARGIN: 0px; LINE-HEIGHT: 1.6em
}
.comment-poster {
	MARGIN: 0px 0px 0.25em; FONT: bold 112%/1.4em Arial,Verdana,Sans-serif; TEXT-TRANSFORM: lowercase
}
.comment-body {
	MARGIN: 0px 0px 0.75em
}
.comment-body P {
	MARGIN: 0px 0px 0.75em
}
P.comment-timestamp {
	MARGIN: -0.25em 0px 2em
}
.deleted-comment {
	COLOR: gray; FONT-STYLE: italic
}
.sidebar-title {
	MARGIN: 1em 0px 0.25em; FONT: bold 150%/1.4em Helvetica,Arial,Verdana,Sans-serif; TEXT-TRANSFORM: lowercase; COLOR: #897
}
#sidebar UL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 1.5em; PADDING-TOP: 0px; LIST-STYLE-TYPE: none
}
#sidebar LI {
	PADDING-RIGHT: 0px; PADDING-LEFT: 20px; PADDING-BOTTOM: 0.25em; MARGIN: 0px; TEXT-INDENT: -20px; LINE-HEIGHT: 1.4em; PADDING-TOP: 0px
}
#sidebar P {
	MARGIN: 0px 0px 0.75em; LINE-HEIGHT: 1.4em
}
#profile-container {
	MARGIN: 0px 0px 1.75em
}
.definitions {
 font-size: 60%;
 color: #999999;
 font-family: Verdana;
}
.profile-datablock {
	MARGIN: 0px 0px 0.75em; LINE-HEIGHT: 1.4em
}
.profile-textblock {
	MARGIN: 0px 0px 0.75em; LINE-HEIGHT: 1.4em
}
.profile-img {
	DISPLAY: inline
}
.profile-img IMG {
	BORDER-RIGHT: #786 5px solid; BORDER-TOP: #786 5px solid; FLOAT: left; MARGIN: 0px 10px 5px 0px; BORDER-LEFT: #786 5px solid; BORDER-BOTTOM: #786 5px solid
}
.profile-data {
	FONT-WEIGHT: bold; COLOR: #fff
}
.profile-data STRONG {
	DISPLAY: none
}
#footer {
	CLEAR: both; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 10px
}
#footer HR {
	DISPLAY: none
}
#footer P {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 5px; MARGIN: 0px; PADDING-TOP: 5px
}
.clear {
	CLEAR: both; PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 0px; FONT-SIZE: 1px; PADDING-BOTTOM: 0px; MARGIN: 0px; LINE-HEIGHT: 1px; PADDING-TOP: 0px; HEIGHT: 1px
}

/************************************************************************
* 
* Image functionality
*
************************************************************************/

.photo
{
    background: #FEFFC8 url(images/background_thumbnail.jpg) repeat-x center;
    border: solid 1px #E8DCA3;
    padding: 5px;    
}

.picture
{
    background: #FEFFC8 url(images/background_thumbnail.jpg) repeat-x center;
    border: solid 1px #E8DCA3;
    padding: 5px;
    margin: 5px;  
}

/* add hover border to href thumbnail images */
/*todo: rectify whether these should be .photo instead */
/*
.thumbnail a:link img, #thumbnail a:visited img
{
    border: 2px solid #883D08;
}
.thumbnail a:hover img
{
    border: 2px solid #FFFFFF;
}
.thumbnail a:active img
{
    border: 2px solid #000000;
}
*/

/************************************************************************
* 
* List type pages
*
************************************************************************/

/* represents each item in a vertical list */
.listitem
{
    margin:0px 0px 0px 0px;
    width:550px;
}

/* surrounds the buttons for list items */
.editbuttons
{
    padding-top: 6px;
}

/* floats the thumbnail off to the right */
.thumbnail
{
    float: right;
    margin: 0 0 0 5px;
}

/*used to clear the float for the thumbnail */
.clearlist
{
    clear:right;
    margin:0;
    padding:0;
    height: 0px;
    font-size:0px;
    line-height:0px;
}

/* Used by the page number control */
.PageNumbers
{
    display:inline;
}

.PageNumbers span
{
    padding-left: 3px;
}

.newscrumbs a
{
    padding-right: 2px;
}

/* Used in the two column lists */

.membercard
{
    background-color: #FEFEB1;
    border: 1px solid #E8DCA3;
    padding: 10px;
    margin-bottom: 10px;
    width: 198px;
}

.clearcard
{
    clear:left;
    height:0;
    margin:0;
    padding:0;
}

#membercardcolumnleft
{
    float: left;
    position: relative;
}
#membercardcolumnright
{
    margin-left: 226px;
}
.membercard p
{
    margin: 5px;
}

#columnright
{
    margin-left: 50px;
    margin-right: 50px;
  /*  position:relative; */
}
#columnprop
{
    margin-left: 50px;
    margin-right: 50px;
  /*  position:relative; */
}
#proptitle   {
    color:#334d55;
    font-size: 140%;
}
#proptitle A {
    color:#334d55;
    text-decoration: underline;
}