/* v 0.91 *//* ------ Section 1 - Global Body, Font and Link Settings ------ */
body {
background-color:#94c6e7; /*  color for browser window background color and footer top border */
margin: 0;
padding: 0;
font-family: 'Lucida Sans Unicode', 'Lucida Grande', Verdana, Arial, sans-serif;
color: #702620;  /* -- Dark Brown color for text font -- */
font-size: 85%;
}
p {line-height: 150%}

/* -- General Link Styling -- */
a:link {
color:blue; 
text-decoration:underline;
}
a:visited {
color: purple;
text-decoration:underline;
}
a:hover {
color: red;
background-color:transparent;
text-decoration:underline;
}
a.jumplink{
text-decoration: underline;
font-size: 100%; 
background-color: transparent;
color: #000;
}
a:hover.jumplink  {
text-decoration: none;
font-size: 100%; 
background-color: transparent;
color: #000;
} 
/* ------ Section 2 - Global Page Structure ------- */

#PageWrapper {
width: 960px;
border: #3F7485;   /* dark sea blue, headlines and borders */
}

#TopBanner {
position: relative;
height: 125px;
background-color: 94c6e7;
}

#ContentWrapper {
float: left;
width: 100%;
}

#ContentColumn {
margin: 0 180px 0 180px;  /* this is a setting to give space for one col on each side of center col */
padding-left: 15px;
}
#NavColumn {
font-size: 85%;

}


#NavColumn h4 {
font-size: 120%;
color:Purple ;
margin-top: 10px;
}

#ExtraColumn {
font-size: 85%;
}
#ExtraColumn h4 {
font-size: 95%;
color: ;
margin-top: 0;
}


#NavColumn {
float: left;
width: 179px;   /* STEP 2: to set left column at 180, set 1 less than 180 here */
margin-left: -960px;  /* STEP 3: set to the same width specified in #PageWrapper above (but with minus sign)  */
background-repeat: repeat-y;    
} 

#ExtraColumn {
float: left;
width: 179px;    /* STEP 4: to set right columns at 180, set 1 less than 180 here */
margin-left: -180px; 
background-repeat: repeat-y; 
}

#Footer {
clear: both;
width: 100%;
padding: 8px 0;
border-top: 1px solid #f0f5fb;
}

.Liner {
padding: px;
}

#TopBanner .Liner {
padding: 0;
}

#Footer .Liner {
margin: 0;
padding: 0;
}

/* ------ Section 3 - Page Structure Details ------ */

#PageWrapper {
margin:5px auto;
background-image: url(../image-files/background2.gif);
/* this image shows behind the top banner area */
background-repeat: repeat-y;
}

#TopBanner {
background-color:94c6e7; /*-- This is color that shows on either end of banner */
background-image: url(http://www.senior-computer-help.com/image-files/shadowbanner.jpg);
background-image: url(http://www.senior-computer-help.com/image-files/Bannertext.png);
padding-left: 180px

}

#ContentWrapper {
background-image: url(../image-files/background2.gif);
background-repeat: repeat-y;
}


#ContentColumn {
padding: 10px;
background-color: #fffffc;
}

#breadcrumb {
align:left;
color:#c04a4c;
font size:75%;
}
#NavColumn {
background-image: url(http://www.senior-computer-help.com/image-files/gradient-leftcol.jpg);
background-repeat:repeat-y;
text-align: center;
}

#ExtraColumn {
background-image: url(http://www.senior-computer-help.com/image-files/gradient-rightcol.jpg);
background-repeat:repeat-y;
text-align: center;
}

#Footer {
background-image: url();
background-repeat: no-repeat;
background-color: #99b3cc;     /* blue-gray used in left and right columns of background.gif and for footer and horizontal text-navbar */
text-align: center;
font-size: 85%;
}

/* ------ Section 4 - Left Column Navigation ------ */
.Navigation {
width: 95%;
font-family: 'Lucida Sans Unicode', 'Lucida Grande', Verdana, Arial, sans-serif;

}
/* -- Class descriptions for Navigation ID -- */
.Navigation h3 {
padding: 10;
font-size: 110%;
color: #702620;
border-bottom: 1px solid #fff;
margin: 12px 0;
}
/* -- Nav List -- */
.Navigation ul {
list-style-type: none;
padding: 1px;
margin: 3px;
 
}
.Navigation li {
font-size: 110%;
margin: 5px
}
/* -- Navigation Link styles -- */
.Navigation a {
color: blue;
display: block;     /*  this makes the whole box highlight rather than just the text */
padding: 3px 0 3px 4px;
text-align: center;
;
}
.Navigation a:visited {
color: purple;

}
.Navigation a:hover {
color: red;
background-color: #d3e4fb;   /* light sea blue used in center column of anguilla-background.gif and for lit buttons both navbars and AdSenseBox bg color */
text-decoration: underline;
}
/* ------ Section 5 - Additional Navigation ------ */
/* -- Thumbnail-with-Caption Navigation -- */
.imageCaptionLinkGroup {
text-align: center;
}
.imageCaptionLinkGroup a {
text-decoration: none;
}
.imageCaptionLinkGroup .caption {
text-decoration: underline;
}
/* --Tab Styles.... !--*/  
#tabs {  /* names and places the Section*/
font-family: 'Lucida Sans Unicode', 'Lucida Grande', Verdana, Arial, sans-serif;
text-align:right;

}
 
#tabs li {
background-color: #d3e4fb;
display: inline;
text-align: center;
text-decoration: none;
padding:10px;


 }
.tabs a { /*how the <i>links</i> appear*/

border:1px solid #ccc;
padding: 10px;
}
.tabs a:hover {
background-color:#ffc;
text-decoration: underline;
}
.tabs a:visited {
text-decoration: none;
}


/* -- Horizontal Text NavBar -- */
.horiz-NavBar {
font-family: 'Lucida Sans Unicode', 'Lucida Grande', Verdana, Arial, sans-serif;
margin: 12px auto 12px auto;
background-color: #abc4e3;
width: 400px;  
}         
.horiz-NavBar ul {
list-style-type: none;
padding: 0;
}
.horiz-NavBar ul li {
display: inline;
background-color: #ffc;
text-align: center;
}
.horiz-NavBar a {
color: blue;
text-decoration: none;
text-align: center;
padding: 0 4px;
}
.horiz-NavBar a:visited {
color: purple;
text-decoration: none;
}
.horiz-NavBar a:hover {
color: red;
background-color: #d3e4fb;
text-decoration: underline;
}
/* ------ Section 6 - Specific Font Styles ------ */

.NavColumn {
font-size: 90%;

}
.ExtraColumn {
font-size: 90%;
}
.Footer {
font-size: 85%;
}

h1, h2, {
background-color: transparent;
color: #702620;
clear: both;
}h2, h3, h4, h5, h6 {
margin-top: 24px;
}
h1 {
margin-top: 5px;
font-family: Georgia,'Times New Roman','Palatino Linotype', Palatino, serif;
text-align: center;
}
h2 {
font-family: 'Lucida Sans Unicode', 'Lucida Grande', Verdana, Arial, sans-serif;
}

h3 {
background-color: #ffc;
Font color: #FFFFFF;
font-family: 'Lucida Sans Unicode', 'Lucida Grande', Verdana, Arial, sans-serif;
border-bottom: 0 solid #8f8fb3;
}



.NavColumn h4 {
font-size: 90%;
margin-top: 0;
}

.ExtraColumn h4 {
font-size: 90%;
color: white;
margin-top: 0;
}
.Caption {
font-size: 85%;
text-align: center;
font-weight: bold;
color: #000;
clear: both;
line-height: 14px;
}
blockquote {
margin: 12px 56px;
color: #006;
font-size: 100%;
line-height: 20px;
font-family: 'Courier New', Courier, monospace;
}

/* ------ Section 7 - Boxes ------ */


/* Just remember, if you do, it will affect EVERY
textbox on your site. To change only one, copy and paste the class here in the style sheet,
and alter the color. Change the name also... so the new class may be called
full-width-box-blue for eg. Then the new color can be called with your new class name.
*/



div.content-box {
   background-color: #fffffc;
	margin: 0px 0px 0px 0px;
	padding: 15px;
	border-top: none;
	border-bottom: none;
	Border-right: 1px solid #000066; 
	border-left: 1px solid #000066;
}

/*** right column Full width box.
Change the colors to suit. The standard box has a white background, and the
box2 has a colored background ***/

div.full-width-box {
   background-color: #ffffff;
	margin: 15px 0px 10px 0px;
	padding: 15px;
   border: 1px solid #000066;
}

div.full-width-box2 {
   background-color: #ffffaa;
	margin: 15px 0px 10px 0px;
	padding: 15px;
   border: 1px solid #000066;
}
	
/*** extra column Half of width box left ***/
div.half-width-box-left {
   background-color: #ffffff;
	margin: 5px 5px 5px 5px;
	border: 1px solid #000066;
	padding: 10px;
	width: 50%;
	float: left;
	
}
/*** Extra column Half of width box right ***/
div.half-width-box-right {
   background-color: #ffffff;
	margin: 5px 5px 5px 5px;
	border: 1px solid #000066;
	padding: 10px;
	width: 50%;
	float: right;
	
}
.CalloutBox {
background-color:#FFFF80;
width: 85%;
text-align: center;
border: 1px dotted #8f8fb3;
margin: 18px auto 18px auto;
padding: 4px;
color: black;
}

div.CalloutBox p {
margin: 13px;
}

p.CalloutBox {
padding: 13px;
}

div.CalloutBox h1,
div.CalloutBox h2,
div.CalloutBox h3,
div.CalloutBox h4,
{
margin: 13px 0 0 13px;
}
.ReminderBox p {
font-size: 80%;
padding: 0 4px;
line-height: 13px;
}
.AdSenseBoxLeft, .AdSenseBoxRight, .AdSenseBoxCenter468, .AdSenseBoxRightColumn {
padding: 5px;
background-color: #d3e4fb;
border: 0px;
}
.AdSenseBoxLeft {
margin: 0 18px 12px 18px;
float: left;
}
.AdSenseBoxRight {
margin: 0 18px 12px 18px;
float: right;
}
.AdSenseBoxCenter468 {
width: 468px;
margin: 0 auto 12px auto;
clear: both;
}
.AdSenseBoxExtraColumn {
padding: 0;
margin: 0 auto 12px auto;
clear: both;
}
.ReturnToNavBox {
background-color: #fff;
<font size="2">
width: 90%;
border-top: 1px solid #8f8fb3;
border-bottom: 1px solid #8f8fb3;
margin: 0 auto 12px auto;
padding: 4px;
}
	/* -- RSS Box -- */
    #RSSbox {
width: 148px;
background-color: #ffc;
border: 1px solid #8f8fb3;
margin: 8px auto 10px 3px;
padding: 2px 2px 10px 2px;
font-size: 100%;
font-weight: bold;
color: #1d487e;
line-height: 14px;
text-align: center;
}
/* ------ Section 8 - Frequently Used Styles ------ */
.clear {
clear: both;
}
img {
border: 0 solid #ddd;
}
/* -- lists -- */

#CenterColumn ul {
list-style-type: disc;
margin: 0 0 8px 10px;
}
#CenterColumn li {
margin: 0 0 12px 5px;
}
#CenterColumn ol {
list-style-type: decimal;
margin: 0 0 8px 10px;
}



.note {
font-family: Geneva, Arial, Verdana, sans-serif;
 font-size:3;
color: #800000;
font-style: italic;
}
.term {
background-color:#FFFF80;
font-style: bold;
}

/* -- floats -- */
/*** Picture inside the text paragraph***/
.img-float-left {
	float: left;
	padding: 4px;
	margin-right: 5px;
	 border: 1px solid #99CCFF;
}
.img-float-right {
	float: right;
	padding: 4px;
	margin-left: 5px;
	 border: 1px solid #99CCFF;
}
/*** Clearing of a float ***/
div.clear {
	clear: both;
	width: 100%;
	height: 1px;
}
.ItemRight {
float: right;
margin: 2px 0 12px 18px;
text-align: center;
}
.ItemCenter {
margin: 2px auto 12px auto;
text-align: center;
clear: both;
}
.ItemLeft {
float: left;
margin: 2px 18px 12px 0;
text-align: center;
}
.center { 
text-align: center;
}