@charset "utf-8";

/*General styles for entire site*/

body {
	color:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:small;
	background-color:#e47400;
	background-image:url(../images/webgraphics/jimbosunGradientBG.jpg);
	background-repeat:repeat-x;
	
}

.wrapper {
	width:1075px;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
}

.clear {
	clear:both;
}

/*Styles for table on Website page*/

#links ul {
        list-style-type: none;
        width: 600px;
		margin:0px;
		padding:0px;
		/*text-align:left;*/
} 

#links li {
        border: 1px dotted #003300;
        border-width: 1px 0;
        margin: 5px 0;
}

#links li a { 
        color: #990000;
        display: block;
        font: bold 120% Arial, Helvetica, sans-serif;
        padding: 5px;
        text-decoration: none;
}

 * html #links li a {  /* make hover effect work in IE */
	width: 600px;
}

#links li a:hover {
        background: #6d5201;
}

#links a em { 
        color: #000000;
        display: inline;
        font: normal 85% Verdana, Helvetica, sans-serif;
        line-height: 125%; 
}

#links a span {
        color: #d3ccb6;
        font: normal 80% Verdana, Helvetica, sans-serif;
        line-height: 250%;
}

/*Styles for table on Services page*/

.services {
	width:500px;
	margin-top:45px;
}

.services #serviceType {
	color: #FFFF00;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
}

.services #software {
	color:#480000;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:bold;
}

a {
	color:#00CC00;
	text-decoration: none;
}

a:hover {
	color: #FFFF00;
	text-decoration: none;
}

/*styles for spiderNav menu at bottom of pages*/

#spiderNav {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	color:#87D579;
	height: 15px;
	text-align:center;			
}


#spiderNav ul {
	margin: 0px;
	padding: 0px;
}

#spiderNav li {
	display: inline;
	margin-right: 15px;
	margin-left: 15px;
	list-style-type: none;
	text-decoration: none;
	
}

#spiderNav a {
	color: #003300;
	text-decoration: none;
}

#spiderNav a:hover {color:#FFFF00;

}

/*styles for top-nav menu at bottom of pages*/

.pill-menu {
	background-image:url(../images/webgraphics/pill-menu.gif);
	background-repeat:no-repeat;
	background-position:top center;
	margin-bottom:20px;
	margin-top:20px;
}

#top-nav {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	color:#87D579;
	height: 15px;
	text-align:center;			
}

#top-nav ul {
	margin: 0px;
	padding: 0px;
}

#top-nav li {
	display: inline;
	padding-right: 75px;
	padding-left: 75px;
	list-style-type: none;
	text-decoration: none;
	
}

#top-nav a {
	color: #003300;
	text-decoration: none;
}

#top-nav a:hover {color:#FFFF00;

}

/*styles for CONTACT FORM*/

.contactForm {
	width:600px;
  	text-align:left;
}

.contactForm ul {
	text-align:center;
	color:#FF0000;
}

input.txt {
	color: #003300;
	background-color: #FFE9D2;
	border: 1px outset #00008B;
}

input.btn {
	color: #00008B;
	background-color: #FFE9D2;
	border: 1px outset #00008B;
}

form div {
	clear: left;
	margin: 0;
	padding: 0;
	padding-top: 0.6em;
}

form div label {
	margin-right:4px;
	text-align:right;
	float: left;
	width: 40%;
}

form #submitBtn {
	text-align:center;
}

#cursor {cursor: pointer;}

/*Styles for CONTACT CONFIRMATION PAGE*/

.contactConfirm {
	width:600px;
	margin-top:100px;
	margin-bottom:125px;
}


/*styles for image alignment*/

.image-right {
	float: right;
	margin-bottom: 4px;
	margin-left: 4px;
}
.image-left {
	float: left;
	margin-bottom: 4px;
	margin-right: 4px;
}

/*=============STYLES NOT BEING USED==============*/

.vidAndTxt {
	width:685px;
	height:322px;
	text-align:left;
	margin: 0px;
}

.vidAndTxt #vid {
	width:426px;
}

.vidAndTxt #txt {
	/*width:100%;*/
}

/*Styles for table on WebVideo page*/

.blackLink {
	margin-bottom:15px;
}

.blackLink .txtDiv ul {
	list-style-type:none;
	margin:0;
	padding:0;
	font-size:15px;	
}

.blackLink .txtDiv li {
	padding-top:8px;
	padding-bottom:8px;
}

.blackLink .imgDiv ul {
	list-style-type:none;
	margin:0;
	padding:0;
}

.blackLink .imgDiv li {
	padding-top:3px;
	padding-bottom:3px;
}

.blackLink a {
	color:#000000;
	}

.blackLink a:hover {
	color:#FFFF00;
}