/* CSS Document */

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #3f5167;
	background-color: #333;
	margin: 0px 0px 50px 0px;
}
a {
	font-size: 11px;
	color: #8f1408;
}
a:visited {
	color: #8f1408;
}
a:hover {
	color: #000;
}
a:active {
	color: #000;
}
h1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	font-weight: normal;
	color: #333;
	margin-bottom: 25px;
	margin-top: 20px;
}
h2 {
	font-size: 11px;
	color: #8f1408;
	text-transform: uppercase;
	margin: 0px;
}
h3 {
	font-size: 12px;
	color: #333;
	padding: 3px;
	margin-top: 20px;
	margin-bottom: 10px;
}
h4 {
	font-size: 11px;
	color: #333;
	padding: 3px;
	margin-top: 0px;
	margin-bottom: 10px;
}
h5 {
	font-size: 10px;
	color: #000;
}
h6 {
	font-size: 9px;
	color: #000;
}

form {
	margin: 0px;
	padding: 0px;
}
input, textarea, select {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333;
}

hr {
	height: 1px;
	border: none;
	border-top: 1px dotted #999;
	margin: 20px 0px;
}


/* IDs */

#container {
	width: 900px;
	text-align: left;
	border-right: 5px solid #9ca8ae;
	border-left: 5px solid #9ca8ae;
	background-color: #FFF;
	padding: 0px 1px;
}
#header {
	clear: both;
	border-bottom: 20px solid #3f5167;
	margin-bottom: 1px;
}
#logo {
	float: left;
	padding: 10px;
}
#search {
	float: right;
	background-image: url(/files/search_bg.gif);
	background-repeat: no-repeat;
	width: 223px;
	height: 27px;
	margin-right: -1px;
	color: #FFF;
	padding: 8px 0px 0px 25px;
}
#tagline {
	float: right;
	margin-top: 70px;
	margin-right: -106px;
	font-size: 22px;
	color: #000;
}
#menu {
	float: right;
	margin-top: 24px;
	margin-right: 5px;
}
#menu a {
	text-decoration: none;
	font-size: 12px;
	color: #333;
	padding: 0px 5px 0px 10px;
}
#banner {
	border-bottom: 3px solid #3f5167;
}
#main {
	clear: both;
	background-image: url(/files/top_corners.gif);
	background-repeat: no-repeat;
	background-position: top center;
	padding: 20px 20px 10px 20px;
	line-height: 18px;
}
#leftMenu {
	width: 180px;
	border-right: 1px dotted #999;
	padding-right: 10px;
	line-height: 200%;
}
#leftMenu a {
	text-decoration: none;
}
#leftMenu div div {
	padding-left: 15px;
}
#leftMenu div div a {
	font-size: 10px;
}
#content {
	padding-left: 20px;
}
#footer {
	color: #9ca8ae;
	font-size: 10px;
	text-align: center;
	width: 912px;
	background-image: url(/files/bottom_corners.gif);
	background-repeat: no-repeat;
	background-position: top center;
	padding-top: 40px;
}
#footer a {
	color: #9ca8ae;
	font-size: 10px;
	text-decoration: none;
}

/* Classes */

.boldLinks a, a.bold {
	font-weight: bold;
	text-decoration: none;
}

img.right {
	float: right;
	margin: 0px 0px 5px 10px;
}
img.left {
	float: left;
	margin: 0px 10px 5px 0px;
}
img.bordered {
	border: 3px solid #3F5167;
	padding: 1px;
}

.threeColumns div {
	float: left;
	width: 259px;
	height: 390px;
	border-right: 1px dotted #999;
	padding: 0px 20px;
}
.threeColumns div.first {
	padding-left: 0px;
}
.threeColumns div.last {
	padding-right: 0px;
	border-right: none;
}
.threeColumns div div {
	float:none;
	width: auto;
	height: auto;
	border: none;
	padding: 0px;
}

ul.spaced li {
	padding-bottom: 30px;
}

.table {
	display: table;
}
.row {
	display: table-row;
}
.cell {
	display: table-cell;
}

.clear {
	display: block;
	visibility: hidden;
	clear: both;
	height: 0px;
	margin: 0px;
	padding: 0px;
}

/* Government Styles */

#flag {
	float: right;
	padding: 20px;
	margin-right: 100px;
}
.gov #tagline {
	position: absolute;
	top: 45px;
	margin-left: 580px;
	margin-right: 0px !important;
	font-size: 22px;
	color: #000;
}

.govleft {
	float: left;
	width: 259px;
	padding: 0px 20px;
}
.govleft h2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	font-weight: normal;
	color: #333;
 	margin: 25px 0;
}
.govleft ul,
.govleft li {
	list-style: none;
	padding: 0;
	margin: 0;
}
.govleft li {
	line-height: 120%;
	margin: 0 0 10px 0;
	padding-left: 28px;
	background: url(/files/icon_pdf.gif) no-repeat;
}
.govleft a {
	display: block;
	font-weight: bold;
	text-decoration: none;
}
.govright {
	margin-left: 300px;
	padding-left: 20px;
	min-height: 465px;
	text-align: justify;
	border-left: 1px dotted #999;
}
.govright h2 {
	margin-bottom: 0;
}


/* Drop-Down Menus */

#dropmenudiv{
	position:absolute;
	font:normal 10px Verdana;
	line-height:18px;
	z-index:100;
	border: 1px solid #FFF;
	border-bottom: none;
	margin-top: 8px;
	margin-left: 10px;
}

#dropmenudiv a{
	font-size: 10px;
	width: 100%;
	display: block;
	text-indent: 3px;
	border-bottom: 1px solid #FFF;
	padding: 1px 0;
	text-decoration: none;
	font-weight: normal;
	color: #FFF;
}

#dropmenudiv a:hover{ /*hover background color*/
	background-color: #9CA8AE;
	color: #333;
}

/* styling for the ad region container */
.software_ad_region_dynamic
{
    width: 500px; /* this should probably match the width for the ads_container selector below */
    position: relative; /* set this to relative if the ad region menu is absolutely positioned */
}

/* styling for the ads container */
.software_ad_region_dynamic .ads_container
{
    width: 500px; /* this is the width of the scrolling area. this should probably match the width for the ad region container above */
    height: 250px; /* this is the height of the scrolling area */
    overflow: auto;
    overflow-x: hidden;
    position: relative;
    clear: left;
}

/*
styling for ads
The height, width, and padding below need to work with the values entered above.
For example, if these values are set too small, then the content might not take up enough space,
and if the values are too large, then the content might be cropped.
*/
.software_ad_region_dynamic .ad
{
    width: 460px;
    height: 210px;
    padding: 20px;
}

/* styling for the ad region menu */
.software_ad_region_dynamic ul.menu
{
	list-style: none;
    padding: 0em;
    margin: 0em;
    position: absolute; /* set the menu so that it is absolutely positioned on top of the ad region */
    bottom: .5em; /* set the location of the absolutely positioned menu, starting from the bottom */
    right: 0em; /* set the location of the absolutely positioned menu, starting from the right */
    z-index: 1; /* you might need to set this so that the menu items are clickable in Firefox */
}

/* styling for the menu items */
.software_ad_region_dynamic ul.menu li
{
	list-style-type: none;
    display: inline; /* set the menu items so they appear horizontally */
    margin-right: .5em;
}

/* styling for the menu item links */
.software_ad_region_dynamic ul.menu a
{
    padding: .25em;
}

/* styling for the current menu item */
.software_ad_region_dynamic ul.menu a.current
{
    background-color: #dddddd;
}

.software_catalog_search_results
{
    margin-top: 1.5em;
    margin-bottom: 1.5em;
}

.software_catalog_search_results .item
{
    margin-bottom: 1.5em;
}

.software_catalog_search_results .item .image
{
    margin-bottom: .25em;
}

.software_catalog_search_results .item .short_description
{
    margin-bottom: .25em;
}

.software_catalog_search_results .item .short_description a
{
    font-weight: bold;
}

/* styling for the comments and add comment form headers */
.comments_heading,
.add_comment_heading
{
    font-size: 1em;
    font-weight: bold;
    margin: 1em 0em .5em 0em;
}

/* styling for the comment container */
.comment
{
    margin: 0em 0em 1em 0em;
    padding: 1em;
    border: 1px solid;
}

/* styling for the comment name */
.comment .name
{
    font-weight: bold;
}

/* styling for the comment date and time */
.comment .date_and_time
{
    font-size: .75em;
    font-style: italic;
}

/* styling for the comment notice */
.comment .notice
{
    color: red;
}

.software_rss_link
{
    text-align: right;
    margin-top: 1em;
    margin-bottom: 1em;
}

.software_icalendar_link
{
    margin-top: 1em;
    margin-bottom: 1em;
}

.software_discounted_price
{
    color: #990000;
    font-weight: bold;
}

.watcher_container
{
    margin: 2em 0em .5em 0em;
}

.watcher_count
{
    font-size: 1em;
    font-weight: bold;
    margin: 0em 0em .5em 0em;
}

.watcher_question
{
    margin: 0em 0em .5em 0em;
}