/*
Version: 1.2.4.1
Author: Stephen Eicherly
Last Modified: 10.30.09

TABLE OF CONTENTS
	HTML tags
	
	IDs
		#header
			h1 logo
		
		#nav
			#skipNav
			#utilityNav
			#globalNav
				.localNav
				
		#content
			#primaryContent
			#secondaryContent
			
		#footer
	
	Classes
		jQuery Classes
			Navigation Rendering
			

/* -- Out of the Box -- */

a:link,
a:visited,
a:active {
	color:#66ccff;	
	font-weight:bold;
	text-decoration:none;
}

a:focus,
a:hover {
	border-bottom:1px #66ccff dashed;
}

a:visited {
	color:#4c99bf;
}

acronym {
	border-bottom:1px #66ccff dotted;
	cursor:help;
}

address {
	
}

blockquote {
	
}

body {
	color:#555;
	font-family:"Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif;
	font-size:16px;
	line-height:24px;
}

h1 {
	color:#003366;
	font-size:32px;
	font-weight:normal;
	margin-bottom:8px;
	padding-top:5px;
}

h2 {
	color:#003366;
	font-size:28px;
	font-weight:normal;
	margin-bottom:8px;	
}

h3 {
	color:#003366;
	font-size:24px;
	font-weight:normal;
	margin-bottom:8px;
}

h4 {
	font-size:20px;
}

h5 {
	
}

h6 {
	
}

img {
	
}

li {
	margin-top:0;
}

ol {
	list-style-position:inside;
	list-style-type:decimal;
	margin-bottom:36px;
	padding-left:30px;
}

li ol li {
	list-style-type:lower-alpha;
	text-indent:20px;
}

li ol li ol li {
	list-style-type:lower-roman;
	text-indent:40px;
}


p {
	margin-bottom:24px;
}

sup {
	font-size:xx-small;
	vertical-align:top;
}

ul {
	margin-bottom:24px;
	padding-left:30px;
}

	/* -- Forms -- */
fieldset {
	border: 1px #CCC solid;
	padding:30px;
	margin-top: 30px;
	width: 475px;
}

form {
	margin:auto;
}

input[type=text],
input[type=password] {
	border: 1px #666 solid;
	display: block;
	font-weight:bold;
	height: 20px;
	margin-bottom: 20px;
	padding:5px;
	width:250px;
}

form p {
	margin-bottom:0;
}

form label + p {
	margin-top:24px;
}

input[type=radio]{
	float:none;
}

input[type=text]:focus {
	background-color: #F8EEE2;
}

input[type=text]:hover {
	border-color: #f7931e;
}

input[type=text].inputError {
	border-color:#FF0000;
	background-color:#FFEEEE !important;
}

input[type=submit],
input[type=button] {
	background:#f7931e url('images/CallToActionBG.png') repeat-x;
	border-width:0;
	color: #FFF;
	cursor: pointer;
	float:right;
	font-weight:bold;
	margin-right:55px;
	padding:10px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;

}

label {
	color:#666;
	cursor: pointer;
	display: block;
	float: left;
	font-size:15px;
	font-weight:bold;
	height: 20px;
	margin-right: 10px;
	padding-top:5px;
	text-align: right;
	width: 150px;
}

input[type=radio] + label {
	display:inline;
	float:none;
}

label.xInfo {
	display: block;
	font-size: 80%;
	font-weight:normal;
	margin-top:-5px;
}

legend {
	color: #666;
	font-size:19px;
	padding: 5px;
}

optgroup {
}

option {
	font-size:13px;
	height:24px;
	vertical-align:middle;
	width:250px;
}

select {
	border: 1px #666 solid;
	display: block;
	font-size:13px;
	font-weight:bold;
	height: 30px;
	margin-bottom: 20px;
	padding:5px;
	width:260px;

}

textarea {
	display:block;
	height:100px;	
	margin-bottom:36px;
	margin-top:12px;
	padding:10px;
	width:95%;
}

div.formError {
	background-color:#FF0000;
	border:1px solid #000;
	color:#FFF;
	font-size:10px;
	font-weight:bold;
	left:480px;
	padding:2px 5px;
	position:absolute;
}
	/* -- Tables -- */

table {
	border: 1px #f2f2f2 solid;
	margin-bottom:30px;
	margin-left:auto;
	margin-right:auto;
	margin-top: 20px;
	width:95%;
}

tbody {
	
}

td {
	padding:10px;
}

td:first-child {
	width:196px;
}

td.col1Alt { /* Provides an alt for larger left-side */
	width: 311px;
}

td.col2Alt { /* Provides an alt for larger right-side */
	width: 585px;
}

tfoot {
	
}

th {
	background-color: #99CCFF;
	color: #003366;
	font-size: 24px;
	font-weight:normal;
	padding: 10px;
	text-align:left;	
}

th.leftRoundedC {
	-moz-border-radius-topleft: 8px;
	-webkit-border-top-left-radius: 8px;
}

th.rightRoundedC {
	-moz-border-radius-topright: 8px;
	-webkit-border-top-right-radius: 8px;
}

thead {
	
}

tr {
	
}

tr.even {
	background-color: #FFF;
}

tr.odd {
	background-color: #EAF3F3;
}

/* -- IDs -- */

	/* -- Header -- */
#header {
	background-color:#dcebf4;
	height:95px;
	margin-bottom:-34px;
	margin-left:auto;
	margin-right:auto;
}

#header a:active,
#header a:focus,
#header a:hover {
	border:0;
}

#header p {
	height:55px;
	margin:0 auto;
	padding-left:5px;
	position:relative;
	top:27px;
	width:950px;
}

#nav {
	margin-left:auto;
	margin-right:auto;
	margin-top:0;
	position:relative;
	width:950px;
}

#nav a {
	border:0;	
}

#nav li {
	margin-top:0;
	padding:0;
	text-indent:0;
	list-style-type:none;
}

#nav ul {
	padding:0;
}

#skipNav {
	left:-999px;
	position:absolute;
}

#skipNav li a:focus {
	background:#f7931e url('images/CallToActionBG.png') repeat-x;
	color:#FFF;
	left:1479px;
	position:absolute;
	text-align:center;
	top:-60px;
	width:150px;
}

#utilityNav {
	margin-bottom:30px;
	padding-right:5px;
	text-align:right;
}

#utilityNav li {
	display:inline;
	margin-left:20px;
}

#utilityNav a {
	color:#003366;
	font-size:19px;
	font-weight:normal;
	text-transform:capitalize;
}

#utilityNav li a:focus {
	
}
#globalNav {
	display:block;
	font-size:21px;
	margin-top:-8px;
}

#globalNav a {
	padding: 10px 20px;
}


#globalItem1,
#globalItem2,
#globalItem3 {
	height:30px;
	margin-left:-20px;
	overflow:hidden;
}

#globalItem1:hover,
#globalItem2:hover,
#globalItem3:hover {
	overflow:visible;
}

#globalItem1 a,
#globalItem2 a,
#globalItem3 a {
	color:#003366;
	text-transform:uppercase;
}

#globalItem1 {
	float:left;
}
#globalItem2 {
	float:left;
	margin-left:-110px;
}
#globalItem3 {
	float:left;
	margin-left:-510px;
}
#localNav1,
#localNav2,
#localNav3 {
	margin-top:10px;
}
li.localItem {
	display:inline;
}

#localNav1 li.localItem a,
#localNav2 li.localItem a,
#localNav3 li.localItem a {
	color:#666;
	line-height:20px;
	padding-bottom:10px;
	text-transform:capitalize;
}


/* -- ToDO: fix #localNav1 li.localItem a:focus, #localNav2 li.localItem a:focus, #localNav3 li.localItem a:focus -- */
	/* -- Content -- */

#content {
	margin-left:auto;
	margin-right:auto;
	margin-top:130px;
	position:relative;
	width:950px;
}

		/* -- 2 Column Content -- */

#primaryContent {
	float:left;
	width:653px;
}

#secondaryContent {
	background-image: url('images/SecondaryContent.png');
	float:right;
	height:300px;
	margin-top:-30px;
	padding-top:40px;
	width:259px;
	text-align:center;
	z-index:200;
}

#secondaryContent h2 {
	color:#009933;
	font-size: 21px;
	font-weight:bold;
	font-style:italic;
	margin-bottom:10px;
	padding-left:20px;
	padding-right:20px;
	text-align:left;
}

#secondaryContent p {
	color:#666;
	font-size:16px;
	padding-left:20px;
	padding-right:20px;
	text-align:left;
}

#secondaryContent p.author {
	color:#009933;
	font-size:16px;
	font-style:italic;
	margin-top:-20px;	
	text-align:right;
}


#secondaryContent strong {
	color:#009933;
	font-weight:normal;
}

#frontContent {
	clear:both;
	float:right;
	padding:10px;
	padding-top:50px;
	width:460px;	
}

#frontImage {
	float:left;
	height:400px;
	width:460px;
}

#frontSpecialties {
	display:inline-block;
	clear:both;
}

#frontSoftware,
#frontTrialServices,
#frontTraining {
	display:inline;
	float:left;
	height:186px;
	padding-left:40px;
	padding-right:40px;
	width:235px;
}

#frontSoftware {
	background-image:url('/home/images/SoftwareBG.png');
}

#frontTrialServices {
	background-image:url('/home/images/TrialBG.png');
}

#frontTraining {
	background-image:url('/home/images/TrainingBG.png');
}

#frontSoftware h2,
#frontTrialServices h2,
#frontTraining h2 {
	color:#003366;
	font-size:24px;
	margin-bottom:5px;
	margin-top:30px;
	text-align:center;
}

#frontSoftware p,
#frontTrialServices p,
#frontTraining p {
	color:#666;
	font-size:12px;
	line-height:18px;
}

#frontSoftware a.learnMore,
#frontTrialServices a.learnMore,
#frontTraining a.learnMore {
	color:#66ccff;
	display:block;
	left:0px;
	position:relative;
}

#videoContent {
	overflow:auto;
}

#videoDescription {
	display:block;
	float:right;
	margin-top:30px;
	position:relative;
	width:48%;
}

#videoPlayer {
	display:block;
	float:left;
	height:360px;
	margin-top:30px;
	overflow:hidden;
	position:relative;
	width:48%;
}

	/* -- Calendar -- */

#calendarNav {
	margin-top:-30px;
}

#calendarNav a,
.calendar a {
	font-weight: bold;
}
.calendar {	
	margin:15px auto;
	width: 900px;
}

.calendar th {
	font-size: 12px;
	padding:5px;
	text-align: center;
	width:137px;
	-moz-border-radius-topleft: 0;
	-moz-border-radius-topright: 0;
	-webkit-border-top-left-radius: 0;
	-webkit-border-top-right-radius: 0;
}

.calendar th.leftRoundedC {
	-moz-border-radius-topleft: 8px;
	-webkit-border-top-left-radius: 8px;
}

.calendar th.rightRoundedC {
	-moz-border-radius-topright: 8px;
	-webkit-border-top-right-radius: 8px;
}

.calendar tbody tr {
	border-left: 1px #666 solid;
}

.calendar td {
	border-bottom: 1px #666 solid;
	border-right: 1px #666 solid;
	padding:5px;
	width:137px;
}

#calendarNav ul {
	margin-bottom:0;
	margin-right:10px;
	text-align:right;
}

#calendarNav ul li {
	display: inline;
	margin-top:0;
	margin-right: 15px;
	vertical-align: middle;
}

.currentMonth {
	color: #003399;
	font-size:26px;
}

.calendarDate {
	float: right;
	font-size: 11px;
}

.calendarDay {
	height: 100px;
	font-size:12px;
	line-height:16px;
}

.calendarFiller { /* Out of Range days */
	background-color: #dcebf4;
}

	/* -- Content Classes -- */

img + .caption {
	clear:both;
	display:block;
	text-align:center;
}

.error {
	font-weight:bold;
	padding:5px;
}

div.imageFloatLeft {
	float:left;
	margin-left:0;
	margin-right:10px;	
}

div.imageFloatRight {
	clear:right;
	float:right;
	margin-left:10px;
	margin-right:0;
}

div.imageFloatLeft,
div.imageFloatRight,
div.imageNoFloat{
	display:inline;
	font-size:12px;
	margin-bottom:10px;
	margin-top:0;
	overflow:hidden;
	padding:10px;
	text-align:center;
	width:200px;
}

p.summary {
	/*font-size:20px;
	line-height:32px;*/
}

ul.shortcuts {
	list-style:none;
}

ul.shortcuts li {
	margin-top:0;
}

ul.thumbnails {
	margin-top:20px;
	padding:0;
	position:relative;
	text-align:center;
}

ul.thumbnails li {
	display:inline;
	float:left;
	height:175px;
	margin-bottom:20px;
	margin-left:18px;
	margin-right:18px;
	margin-top:16px;
	width:200px;
}

ul.thumbnails li a {
	display:block;
	max-height:150px;
	overflow:hidden;
}

ul.thumbnails + p {
	clear:left;
}

.xInfo {
	display: block;
	font-size: 80%;
	font-weight:normal;
	margin-top:-5px;
}

.callToAction {
	background:#f7931e url('images/CallToActionBG.png') repeat-x;
	color:#FFF !important;
	font-weight:bold;
	padding:10px;
	width:auto;
	-moz-border-radius: 8px;
	-webkit-border-radius: 6px;
}

/* -- Microformats -- */

.fn,
.org {
	font-size:24px;
	margin-bottom:10px;
}

.tel {

}

ul.adr,
ul.dept {
	margin-top: 10px;
	list-style:none;
}

ul.adr li,
ul.dept li {
	margin-top:0;
}

ul.adr li.locality,
ul.adr li.region,
ul.adr li.postal-code {
	display: inline;
	margin-top:10px;
}

/* -- Foooter -- */
#footer {
	background-image: url('images/FooterBG.png');
	background-repeat: repeat-x;
	bottom:0;
	clear:both;
	color:#666;
	display:inline-block;
	font-size:15px;
	height:50px;
	margin-top:60px;
	padding-top:30px;
	position:relative;
	width:100%;
	z-index:1;
}

#footer ul {
	margin:auto;
	text-align:center;
	width:950px;
}

#footer li {
	display:inline;
}

#footer li:before {
	content: " | ";
}

#footer li:first-child:before {
	content: none;
}

/* --jQuery IDs & Classes -- */


	/* -- modals -- */

#blackGround {
	background-color:#000;
	display:none;
	position:fixed;
	text-align:center;
	z-index:1000;
}

div.modalLoaded {
	position:relative;
}

div.modalLoaded p.closeButton {
	color:white;
	cursor:pointer;
	font-weight:bold;
	position:relative;
	right:1px;
	top:1px;
}

div.modalLoaded p.caption {
	color:black;
	font-size:12px;
	margin-top:-30px;
	position:relative;
	z-index:1000;
}

div.modalLoaded img.picLoaded {
	border:24px solid #DDD;
	position:relative;
	z-index:900;
}