/* these styles affect the body (entire document) */
body { 
	margin: 0em;		/* gets rid of the margin allowing the document to be flush with the top and left of the browser window */
	font-family: Tacoma,Arial,Helvetica,sans-serif;			/* sets the font to Tacoma if available, or Arial, Helvetica or if both unavailable, some type of sans-serif default font */
	background: url("files/bg.gif") repeat-y left fixed;	/* sets the background, which serves as the background for the left navigation and ads */
}

/* div within noscript tag */
div#noscript_div {
	width:100%;
	text-align:center;
	color:red;
	font-weight:bold;
	padding:0.3em;
	margin-bottom:1.5em;
}

/* left div that contains logo, navigation links, and ads */
div#left_div {
	font-size: 14px !important;	/* sets the font size to 9 points */
	width: 162px !important;	/* sets width to 162 pixels */
	/*float: left; 				/* allows the left div to be to the left of the right div, instead of above it (which is the default) */
}

/* right div that contains header, content, and footer */
div#right_div { 
	/*float: left; 				/* allows the right div to be to the right of the left div */
	margin-left: 1.0em; 		/* shifts the right div to the right about 7/10 of the height of a line of text, creating a space between the left and right div */
	margin-top: 1%;				/* moves the right div down by 1% of the height of the page */
	width: 520px;				/* sets width to 650 pixels */
	position: absolute;			/* used to make right div stay to the right of the left div even if window is resized */
	top:0px;
	left:175px;					/* must be greater than 162px since this is left div's width. So this gives 13px white space between left and right div */
}

/* right div that contains header, content, and footer */
div#right2_div { 
	/*float: left; 				/* allows the right div to be to the right of the left div */
	margin-left: 1.0em; 		/* shifts the right div to the right about 7/10 of the height of a line of text, creating a space between the left and right div */
	margin-top: 1%;				/* moves the right div down by 1% of the height of the page */
	width: 700px;				/* sets width to 650 pixels */
	position: absolute;			/* used to make right div stay to the right of the left div even if window is resized */
	top:0px;
	left:175px;					/* must be greater than 162px since this is left div's width. So this gives 13px white space between left and right div */
}

/* header div that contains the header */
div#header_div {
	text-align: left;			/* aligns text to the left */
}

/* content div */
div#content_div {
	font-size: 16px;
}

/* footer div */
div#footer_div {
	font-size: 16px;			/* sets the font size to medium */
	color: #000000;				/* changes font color to a value of #406ABE which equates to red=64, green=106, and blue=190 */
}

/* when mouse is moved over the footer image */
div#footer_gif:hover { 
	cursor: pointer;
}

/* all links */
a {
	color: #0000CC;
}

/* when mouse is moved over a link */
a:hover {
	color: red;
}

/* used at the end of both divs that use float */
div.div_clear {
	clear: both;
}

/* div that contains a category or subcategory link */
div.nav_link {
	cursor: pointer;
	background-color: #7E7E7E; 	/* changes font color to a value of #406ABE which equates to red=158, green=158, and blue=158 */
	margin: 0 0 5px 15px; 		/* shorthand that controls all four margins for an element. So top=0, right=0, bottom=5 pixels, and top=15 pixels */
	padding-top: 1px;			/* changes top padding to 1 pixel */
	padding-bottom: 4px;
	padding-left: 3px;
	padding-right: 2px;	
	width: 126px !important;
	height: 18px;
	font-size: 16px !important;
	font-weight: bold;			/* change font to bold */
}

/* link in the left navigation div {"Home Page", "Search Site", "Free Software", etc.} */
a.nav_link {
	margin-left: 4px;
	color: white;
	text-decoration: none;		/* clears any text decoration such as underline */
}

/* link in the top subcategory div {"Cad", "Landscape", "Publishing", etc.} */
div.subnav_link {
	cursor: pointer;
	font-size: 16px;
	overflow: hidden;			/* hides any text that goes outside of the boundaries of the element */
	background-color: #7E7E7E;
	color: White;
}

/* highlights the currently selected category {"Home Page", "Search Site", "Free Software", etc.} and subcategory {"Cad", "Landscape", "Publishing", etc.} */
div.nav_link_sel, div.subnav_link_sel {
	background-color: #FDF3D5 !important;
	color: black !important;
	cursor: default;
}

/* ads on the left div */
div#left_div_ad { 
	margin-left: 1.2em;
	margin-right: 1.0em;
	width: 85%;
}

/* logo */
img#left_div_img {
	margin-bottom: 5px;
}

/* when mouse is moved over the logo */
img#left_div_img:hover {
	cursor: pointer;
}

/* search site drop down list */
span#site_dropdownlist {
	float: left;
}

/* google search box */
span#google_searchbox {
	float: left;
}

/* "free + s&h" text */
.free_sh {
	color: #C03;
}

/* generic red text */
.red_text {
	color: #C03;
}

/* may be removed */
.construction_main_link {
	font-weight: bold;
}

/* may be removed */
.construction_main_link_text {
}

/* divs within the subcategory heading */
div#construction_head_nav div {
	float: left; 
	font-size: 16px;
	font-weight: normal;
	color: white;
	background-color: #7E7E7E; 
	padding-top: 0.1em; 
	padding-bottom: 0.14em; 
	padding-left: 0.6em; 
	padding-right: 0.6em; 
	margin-right: 0.2em;
}

/* image of the software in the content */
.content_image {
	margin-bottom: 0px;
	margin-top: 5px;
	margin-left: 7px;
	margin-right: 15px;
	float: left;
	border: 0px transparent; 	/* remove border */
}

/* link/heading to the displayed software in the content */
.content_link {
	font-weight: normal;
}

/* a content object that consists of an image and its corresponding text at 80% */
.content_group {
	width: 100%;
	clear: both;
	min-height: 120px;
}

.no_min_height {
	min-height: 0px;
}

/* bottom margin for content groups */
.content_group_botmar_small{
	margin-bottom: 1.5em;
}
.content_group_botmar_med{
	margin-bottom: 2.5em;
}
.content_group_botmar_large{
	margin-bottom: 3.5em;
}

/* used for h1 tags */
.h1class {
	font-weight: normal;	/* removes bold */
	font-size: 20px;
}

.h1 {
	font-weight: bold;
	font-size: 18px;
}

/* used for h2 tags */
.h2class {
	font-weight: bold;
	font-size: 20px;
}

/* used for h3 tags */
.h3class {
	font-weight: normal;
	font-size: 18px;
}

/* used for h4 tags */
.h4class {
	font-weight: bold;
	font-size: 18px;
}

/* used for h5 tags */
.h5class
	{
	font-weight: normal;
	font-size: 16px;
	}

/* used for h6 tags */
.h6class 
	{
	font-weight: bold;
	font-size: 16px;
	}

/* used for h7 tags */
.h7class {
	font-weight: normal;
	font-size: 14px;
}

/* used for h8tags */
.h8class {
	font-weight: bold;
	font-size: 14px;
}

/* used for p tags */
.pclass {
	display: block;		/* display the element in a certain way */
}


/* indent paragraph <div class="indented">...</div> */
.indented
   {
   padding-left: 2em;
   }