/********************************************************************* 
	OurTrent.com 
	styles-site.css 
**********************************************************************/ 

body {
    height: 100%;
	margin: 0px 0px 20px 0px;
	/* background: #9aa url(/images/a/btgrdk.gif) bottom left fixed repeat-x; */
	background: #fff url(/images/layout/body-bg.jpg) bottom left fixed repeat-x;
	color: #666; 
	font-family: "Trebuchet MS", "Bitstream Vera Sans", verdana, lucida, arial, helvetica, sans-serif;
   	text-align: center;
	}

/* define layout div's
   various styles for each defined below in their own sections
**********************************************************************/

/* main-wrapper holds everything 
**********************************************************************/
#main-wrapper {
	/*line-height: 120%;*/
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	padding: 0px;
	width: 770px;
	border: none;
	position: relative;
	/* min-height: 100%; */
	background-image: url(/images/layout/container-content-770.gif); 
	background-repeat: repeat-y;
	background-position: center;
	margin-top: 0px;
	padding: 0px;
	}

#main-wrapper-top {
	background: url(/images/layout/container-top-770.gif) no-repeat center top;
	margin-bottom: 0px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	padding: 0px;
	width: 770px;
	background-color:#CCCCCC;
	border-top: none;
	border-right: none;
	border-left: none;
	}
	
#main-wrapper-bottom {
	background: url(/images/layout/container-bottom-rcol-770.gif) no-repeat center top;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	padding: 0px;
	width: 770px;
	border: none;
	}

/* container holds banner, topmenu, left-col, right-col & footer
**********************************************************************/
#container {
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	padding: 0px;
	width: 768px;
	background-color: #fff;
	border: none;
	position: relative;
	background: url(/images/layout/container-content-rcol-768.gif) left top repeat-y; 
	}
	
/* banner
**********************************************************************/
#banner {
	/* background: url(http://www.ourtrent.com/images/a/ourtrent-banner.gif) left top no-repeat; */
	background: url(/images/layout/ourtrent-banner.gif) left top no-repeat; 
	width: 768px;
	text-align: right;
	height: 55px;
	font-size: 10px;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	border: none;
	padding: 0px;
	}

/* topmenu
   somewhat unique - attributes described herein 
**********************************************************************/
#topmenu {
	width: 768px; 
	text-align: center;
	margin: 0 auto;
	padding: 0;
	}
	
#topmenu ul {
	/* list-style-type: none;*/
	list-style: none; 
	padding: 0;
	margin: 0;
	white-space: nowrap;
	clear: left;
	list-style-type: none;
	}
	
#topmenu li {
	display: inline;
	} 			

#topmenu ul li a {
	width: 152px;
	float: left;
	background-color: #fff;
	border-left: none;
	border-bottom: 1px solid #636363; /* #9aa; */
	border-right: 1px solid #636363; /* #9aa; */
	padding: 0;
	margin: 0 0 6px 0;
	color: #006633; */
	text-decoration: none;
	text-align: center;
	font-weight: normal;
	letter-spacing: 1px;
	line-height: 1.5em;
	font-size:  10px;
	/* voice-family: "\"}\"";
	voice-family: inherit; */
	}

#topmenu ul li#five a	{
	border-right: none;
	width: 156px;
	}

#topmenu ul li a:hover {
	color: #000;
	background: #f1f1f1; /*#ccddcb; */
	}

#topmenu a:active {
	color: #000;
	background: #f1f1f1; /*#ccddcb; */
	}
/* end -topmenu
**********************************************************************/	

/* left-col
   contains articles
**********************************************************************/
#left-col {
	float: left;
	/* width: 540px; */
	width: 550px;
	overflow: hidden;
	margin-bottom: 0px;
	padding-bottom: 0px;
	}
/* end - left-col
**********************************************************************/	

/* right-col
   contains sidebar
**********************************************************************/
#right-col {
	float: right;
	/* width: 228px; */
	width: 210px;
	/*background-color: #fff; */
	/* overflow: hidden; */
	border-left: 0px none;
	margin-bottom: 0px;
	margin-right: 1px;
	padding-bottom: 0px;
	}	
/* end - right-col
**********************************************************************/

/* footer 
**********************************************************************/
#footer {
	clear: both;
	border-top-width: 2px;
	border-top-style: ridge;
	border-top-color: #f1f1f1;
	margin-top: 0px;	
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 0px;
	}
/* end - footer
**********************************************************************/
 
/* styles
**********************************************************************/ 

/* body (default) styles 
**********************************************************************/ 
a, 
a:link, 
a:visited,
a:active { 
	color: #696969; 
	text-decoration: none; 
	border-bottom: 1px dotted #696969;
	}         

a:hover { 
	color: #cc3333;  
	text-decoration: none; 
	border-bottom: 1px dotted #cc3333;
	}

h1, h2, h3 {
	margin: 0px;
	padding: 0px;
	font-weight: normal;
	}
/* end - body (default) styles 
**********************************************************************/ 

/* banner styles
**********************************************************************/ 
.banner-date {
	top: 5px;
	width: 150px;
	font-size: 11px;
	font-weight: normal;
	letter-spacing: 1px;
	text-transform: none;
	color: #ffffff;
	text-align: right;
	}

.banner-img {
	display: none;
	}

#banner-search-form  {
	font-size: 10px;
	letter-spacing: 1px;
	vertical-align: top;
	margin-right: 5px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	} 
	
#banner-search-form  input.txt {
	margin-bottom: auto;
	margin-top: auto;
	width: 120px;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 10px;
	color: #000;
	background: #fff;
	border: #9aa 1px solid;
	padding: 0px;
	}

#banner-search-form input.btn {
	padding: 0px;
	margin-bottom: auto;
	margin-left: 0px;
	margin-top: 1px;
	font-size: 10px;
	font-weight: normal;
	letter-spacing: 1px;
	color: #FFFFFF;
	cursor: pointer;
	cursor: hand;
	border: 1px solid #000000;
	background-color: #9aa;
	}	
/* end - banner styles 
**********************************************************************/ 

/* article styles
**********************************************************************/ 
.article-content {
	background-color: #FFFFFF;
	font-family: "Trebuchet MS", "Bitstream Vera Sans", verdana, lucida, arial, helvetica, sans-serif;
	font-size: 12px;
	text-align: justify;
	color: #000;
	font-style: normal;
	font-weight: normal;
	padding-top: 1px;
	padding-right: 5px;
	padding-bottom: 1px;
	padding-left: 10px;
	}
	
.article-content:first-letter {
	/* font-family: "Trebuchet MS", "Bitstream Vera Sans", verdana, lucida, arial, helvetica, sans-serif; */
	font-family: Georgia, Palatino, Times, 'Times New Roman', serif;
	font-size: 150%;
	font-weight: normal;
	/* color: #9aa; */
	color: #000;
	}

.article-content img {
	float: right;
	margin: 0px 0px 0px 5px;
	padding: 4px;
	border: 1px solid #dedede;
	background: #fff;
	vertical-align: text-top;
	}

/* turn off img float in .content set above */
.article-content img.nofloat {
	float: none;
	margin: 0px 0px 0px 5px;
	padding: 4px;
	border: 1px solid #dedede;
	background: #fff;
	vertical-align: text-top;
	}

/* use for delta in .content  */
.article-content img.delta {
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 1px;
	border: 0px;
	background: #fff;
	vertical-align: baseline;
	}	

.article-date {
	font-family: Georgia, Palatino, Times, 'Times New Roman', serif;
	/* font-family: "trebuchet ms", georgia, "times new roman", serif; */
	text-transform: none;
	text-align: left;
	font-size: 11px;
	color: #666;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	margin-left: 12px; 
	margin-bottom: 10px;
	padding-bottom: 5px;
	}

.article-title {
	font-family: "trebuchet ms", georgia, "times new roman", serif; 
	font-size: 12px;
	color: #990000;
	font-style: normal;
	font-weight: normal;
	letter-spacing: .5px;
	line-height: 1em; /* 12px; */
	text-decoration: none;
	text-transform: uppercase;
	margin-left: -9px; 
	margin-bottom: -15px;
	padding-top: 5px;
	}
                
.article-title a, 
.article-title a:link, 
.article-title a:visited, 
.article-title a:active {
	font-family: "trebuchet ms", georgia, "times new roman", serif;
	font-size: 12px;
	color: #CC3333;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
	padding-left: 5px;
	padding-right: 5px;
	border-bottom: none;
	}       

.article-title a:hover {
	font-family: "trebuchet ms", georgia, "times new roman", serif;
	font-size: 12px;
	color: #fff;
	/* background: #ccddcb; */
	background: #9aa;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
	padding-left: 5px;
	padding-right: 5px;
	border-bottom: none;
	}

.article-body {
	padding-left: 1px;
	}
	
.article-body:first-letter {
	font-family: Georgia, Palatino, Times, 'Times New Roman', serif;
	font-size: 150%;
	font-weight: normal;
	color: #000;
	}
	
.article-body a, 
.article-body a:link, 
.article-body a:visited { 
	color: #696969; 
	text-decoration: none; 
	border-bottom: 1px dotted #696969;
	}         

.article-body a:active, 
.article-body a:hover { 
	color: #cc3333;  
	text-decoration: none; 
	border-bottom: 1px dotted #cc3333;
	}
	
.article-posted { 
	text-align: right; 
	font-family:"trebuchet ms", verdana, arial, sans-serif; 
    font-size: 10px; 
    color: #696969; 
	margin-bottom: 0px; 
	padding-bottom: 3px;
        }

.article-posted a, 
.article-posted a:link, 
.article-posted a:visited { 
	color: #696969; 
	text-decoration: none; 
	border-bottom: 1px dotted #696969;
	}         

.article-posted a:active, 
.article-posted a:hover { 
	color: #cc3333;  
	text-decoration: none; 
	border-bottom: 1px dotted #cc3333;
	}

.article-posted-extended { 
	text-align: left;
	line-height: 1.2em; /* 13px; */
    font-family:"trebuchet ms", verdana, arial, sans-serif; 
    font-size: 10px; 
    color: #696969; 
	padding-top: 0px;
    }

.article-posted-extended a, 
.article-posted-extended a:link, 
.article-posted-extended a:visited { 
	color: #696969; 
	text-decoration: none; 
	border-bottom: 1px dotted #696969;
	}         

.article-posted-extended a:active, 
.article-posted-extended a:hover { 
	color: #cc3333;  
	text-decoration: none; 
	border-bottom: 1px dotted #cc3333;
	}

/* turn off img attributes set in article-content */
.article-posted-extended img {
	margin: 0px 0px 0px 0px;
	padding: 0px;
	border: none;
	background: #fff;
	}
/* end - articles styles
**********************************************************************/ 

/* archive styles
**********************************************************************/ 
.archive-page-title {
	/* font-family: "Trebuchet MS", "Bitstream Vera Sans", verdana, lucida, arial, helvetica, sans-serif; */
	font-family: Georgia, Palatino, Times, 'Times New Roman', serif; 
	font-size: 15px;
	color: #000;
	font-style: normal;
	font-weight: normal;
	letter-spacing: 1px;
	margin-bottom: 0px; 
	padding-bottom: 0px; 
	}

.archive-month {
	/* font-family: "Trebuchet MS", "Bitstream Vera Sans", verdana, lucida, arial, helvetica, sans-serif; */
	font-family: Georgia, Palatino, Times, 'Times New Roman', serif; 
	font-size: 12px;
	color: #CC3333;
	font-style: normal;
	font-weight: normal;
	letter-spacing: 1px;
	padding-top: 4px; 
	padding-bottom: 4px; 
	margin-bottom: 0px; 
	padding-bottom: 0px; 
	}

.archive-date {
	font-family: Georgia, Palatino, Times, 'Times New Roman', serif; 
	text-transform: none;
	font-size: 10px;
	color: #9aa;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	}
                
.archive-title {
	font-family: "trebuchet ms", georgia, "times new roman", serif; 
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	line-height: 12px;
	text-decoration: none;
	}
                
.archive-title a, 
.archive-title a:link, 
.archive-title a:visited, 
.archive-title a:active {
	font-family: "trebuchet ms", georgia, "times new roman", serif;
	font-size: 12px;
	color: #000;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	border-bottom: none;
	}       

.archive-title a:hover {
	font-family: "trebuchet ms", georgia, "times new roman", serif;
	font-size: 12px;
	color: #CC3333;
	border-bottom: 1px dotted #cc3333;
	}
/* end - archive styles
**********************************************************************/ 

/* sidebar styles
**********************************************************************/ 
.sidebar {
	font-family: verdana, arial, sans-serif;
	font-size: 10px;
	font-weight: normal;
	text-decoration: none;
	/* line-height: 125%; */
	padding: 1px 10px;
	/* border: 1px dotted #9aa; */
	margin-right: 0px;
	height: 100%;
	margin-top: -15px;
	}
	
.sidebar-date {
	font-family: Georgia, Palatino, Times, 'Times New Roman', serif;
	font-weight: normal;
	text-align: right;
	text-decoration: underline;
	letter-spacing: 1px;
	font-size: 10px;
	color: #006633;
	}

.sidebar-titles {
	font-family: verdana, arial, sans-serif;
	font-size: 10px;
	font-weight: normal;
	letter-spacing: 1px;
	color: #CC3333;
	}

.sidebar-count {
	/* font-family: Georgia, Palatino, Times, 'Times New Roman', serif; */
	font-family: verdana, arial, sans-serif;
	font-size: 9px;
	font-weight: normal;
	color: #000;
	}

.sidebar-text {
	font-family: "Trebuchet MS", "Bitstream Vera Sans", verdana, lucida, arial, helvetica, sans-serif;
	font-size: 11px;
	text-align: justify;
	color: #000;
	}
	
.sidebar a, 
.sidebar a:link, 
.sidebar a:visited, 
.sidebar a:active {
	font-family: verdana, arial, sans-serif;
	font-size: 10px;
	color: #006633;
	text-decoration: none;
	padding-left: 5px;
	padding-right: 5px;
	border-bottom: none;
	}

.sidebar a:hover {
	font-family: verdana, arial, sans-serif;
	font-size: 10px;
	color: #000;
	text-decoration: none;
	background: #ccddcb;
	padding-left: 5px;
	padding-right: 5px;
	border-bottom: none;
      /*  list-style: disc outside; */
	}
        
.sidebar ul {
	border: 0;
	margin: 0;
	padding-left: 10px;
	}      

.sidebar li {
	/* line-height: 150%; */
	margin-bottom: 2px;
	padding-left: 0px;
	margin-left: 5px;
	list-style: disc url(http://www.ourtrent.com/images/a/dkgrn-listmark.gif) outside;
	vertical-align: middle;
	}

.sidebar li.none {
	/* line-height: 150%; */
	margin-bottom: 2px;
	padding-left: 0px;
	margin-left: 0px;
	vertical-align: middle;
	list-style-type: none;
	list-style: none  outside;
	list-style-image: url(none);
	}
	
.sidebar img {
	float: none;
	margin: 0px 0px 0px 5px;
	padding: 4px;
	border: 1px solid #dedede;
	background: #fff;
	vertical-align: text-top;
	}

/*  sidebar-box
**********************************************************************/
.sidebar-box-wrapper {
	float: right;
	/* width: 228px; */
	width: 210px; 
	/*background-color: #fff; */
	/* overflow: hidden; */
	border-left: 0px none;
	margin-bottom: 0px;
	margin-right: auto; /* 1px; */
	margin-left: auto;
	padding-bottom: 0px;
	background-image: url(/images/layout/sbar-box-content-210.gif);
	background-repeat: repeat-y;
	background-position: center;
	}
	
.sidebar-box-top {
	background: url(/images/layout/sbar-box-top-210.gif) no-repeat center top;
	}
	
.sidebar-box-bottom {
	background: url(/images/layout/sbar-box-bottom-210.gif) no-repeat center bottom;
	}	
/*  end - sidebar-box
**********************************************************************/	
#sidebar-search-form  {
	border-bottom: 1px #9aa;
	font-size: 10px;
	letter-spacing: 1px;
	vertical-align: top;
	} 
	
#sidebar-search-form  input.txt {
	margin-bottom: auto;
	margin-top: auto;
	width: 120px;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 10px;
	color: #000;
	background: #fff;
	border: #9aa 1px solid;
	padding: 0px;
	}

#sidebar-search-form input.btn {
	padding: 0px;
	margin-bottom: auto;
	margin-left: 0px;
	margin-top: 1px;
	font-size: 10px;
	font-weight: normal;
	letter-spacing: 1px;
	color: #FFFFFF;
	background-color: #9aa;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	cursor: pointer;
	cursor: hand;
	}

#sidebar-archives-form  {
        border-bottom: 1px #9aa;
        font-size: 10px;
        /* letter-spacing: 1px; */
        vertical-align: top;
        }
       
#sidebar-archives-form select.txt {
        margin-bottom: auto;
        margin-top: auto;
        /* width: 150px;  */
        font-family: verdana, arial, helvetica, sans-serif;
        font-size: 10px;
        color: #006633;
        background: #f1f1f1;
        border: #9aa 1px solid;
        padding: 0px;
        }

#sidebar-archives-form input.btn {
        padding: 0px;
        margin-bottom: auto;
        margin-left: 0px;
        margin-top: 1px;
        font-size: 10px;
        font-weight: normal;
        letter-spacing: 1px;
        color: #ffffff;
        background-color: #9aa;
        border: #000000 1px solid;
        cursor: pointer;
        cursor: hand;
        }

/* end - sidebar styles
**********************************************************************/ 

/* footer styles
**********************************************************************/ 
.footer-text {
	font-family: verdana, lucida, arial, helvetica, sans-serif;
	color: #636363; /*#696969; */
	border: none;
	margin-left: 10px;
	text-align: left;
	font-size: 10px;
	line-height: 1.0em;
	}
/* end - footer styles
**********************************************************************/ 

/* miscellaneous styles
**********************************************************************/ 
.fineprint {
	font-family: "trebuchet ms", georgia, "times new roman", serif;
	font-size: 6pt;
	}

.smallprint {
	font-family: "trebuchet ms", georgia, "times new roman", serif;
	font-size: 8pt;
	}

.10pt-black {
 	font-family: "trebuchet ms", georgia, "times new roman", serif;
	font-size: 10px;
	text-align: justify;
	color: #000;
	font-style: normal;
       }

.vline-left {
	padding-left: 5px;
	margin-left: 10px;
	border-left: 1px solid #9aa;
	}

hr {
	width: 100%;
	height: 1px;
	color: #9aa;
	background-color: #9aa;
	border: none;
	}	

.spacer-1px {
	height: 1px;
	width: auto;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin: 0px;
	padding: 0px;
	}
	
/*  Work around IE/Win code size bug - courtesy Jesper, waffle.wootest.net  */
* html code     {
        font-size : 105%; 
        }
/* end - miscellaneous styles
**********************************************************************/ 


/* end - CSS
**********************************************************************/ 
