/*==========================
logo heading & body css
============================*/

body {
	background-color: #f4efdc/*whitesmoke*/;
	margin:auto;
	color: black;
}

#headerimgcontainer{
	margin: auto;
	width: 970px;
	height: 140px;
	box-shadow: 0px 0px 4px 0px #000;
	-moz-box-shadow: 0px 0px 4px 0px #000;
	-webkit-box-shadow: 0px 0px 4px 0px #000;
	border-top-left-radius: 13px;
	-moz-border-radius-topleft: 13px;
	-webkit-border-top-left-radius: 13px;
	border-top-right-radius: 13px;
	-moz-border-radius-topright: 13px;
	-webkit-border-top-right-radius: 13px;
	position:relative;
}

.cometslogo{
	z-index: 1;
	position: absolute;
	left:6%;
}


/*===========================
Main navigation Menu CSS
==============================*/

#navbackground
{
	background-color: transparent/*#f4f0dc/*#122337*/;
	height: 47px;
}

#topnav {
	font: normal 9pt "Droid sans", "trebuchet ms", Helvetica, sans-serif;
	margin: 0px auto;
	padding: 0 5px 0;
	box-shadow: 0px 0px 4px 0px black;
	width: 960px;
	display: inline-block;
	/*ensures dropdowns are over top of slideshow and other lower divs*/
	position:relative;
	z-index:100;
	/*filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#305b8f', endColorstr='#0D3E7B',GradientType=0);*/
	background-color: #305b8f/*#0048E1/*#305b8f/*#c0d3ea*/;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #305b8f), color-stop(1, #0D3E7B/*#0e407c*/) );
	background:-moz-linear-gradient( center top, #305b8f 5%, #0D3E7B/*#0e407c*/ 100% );
	zoom: 1;
	/*background-image:-moz-linear-gradient(0% 22px 90deg, #c0d3ea/*#cfd9f5/*#a3c1e1*//*, /*#f8f8f8/*#f0f5fa*//*); 
	background-image:-webkit-gradient(linear, 0% 0%, 0% 70%, from(#f8f8f8/*#f0f5fa*//*), to(#c0d3ea/*#cfd9f5/*#a3c1e1*//*)); 
	background-image:-webkit-linear-gradient(linear, #00142e 0%, #6a7095 52%, #b3c1d6 100%); /* Chrome10+,Safari5.1+ */
	/*background-image:linear-gradient(linear, #00142e 0%,	#6a7095 52%, #b3c1d6 100%); /* W3C */
	/*background-image:-ms-linear-gradient(linear,#00142e 0%,#6a7095 52%,#b3c1d6 100%); /* IE10+ */
}

/*any list item that are 2 lines must have this style applied to <LI> tag*/

#topnav .double-line {
  	line-height: 1.25em;
}

#topnav li a {
 	vertical-align: middle;
	border-bottom: none;
}

/*padding in this item controls the padding for the main menu items and drops menus*/

#topnav li {
	margin: 0 0px;
	float: left;
	position: relative;
	list-style: none;
	padding-top: 5px;
	padding-bottom: 5px;
}

/* main level link */

#topnav a {
	font-weight:bold;
	font-size: 110%;
	color: #ffffff/*#1c3655/*#e7e5e5*/;
	text-align:center;
	text-decoration: none;
	display: block;
	padding:  8px 33px 8px 33px;
	/*padding:  8px 26px\9; /*really bad way to specify for IE, hopefully unnecessary after switch to pictures for background*/
	margin: 0;
	/*text-shadow: 0 1px 1px rgba(0, 0, 0, .3);*/
}

#topnav li:first-child {
	-moz-padding-start: 20px; /*horrible way to make the firefox menu items centered because I'm stuck because I need to make the nav ul position relative in order to center its child lis on it, and I've optimized for padding in Chrome.  Firefox's text is too narrow spacing because it uses DirectWrite not GDI*/
}

/* main level link hover */

#topnav .current a, #topnav li:hover > a {
	background: #F8F8F8/*#fde8e0/*#c0d3ea/*#cfd9f5/*#a3c1e1*//*#d1d1d1*/; /* for non-css3 browsers */ /*ideally would add pictures here to get around IE's lack of css3 and make it look pretty still*/
	/*background: -moz-linear-gradient(top,  #f8f8f8/*#c0d3ea/*#cfd9f5/*#a3c1e1*//*#f8f8f8#ebebeb*//*,  #fde8e0/*#ead7c0/*#dde8f4#a1a1a1*//*); /* for firefox 3.6+ */
	/*background: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8/*#c0d3ea/*#cfd9f5/*#a3c1e1*//*#f8f8f8#ebebeb*//*), to(#fde8e0/*#ead7c0/*#dde8f4#a1a1a1*//*)); /* for webkit browsers */
	color: #1c3655/*#1c3655/*#112233*/ !important;
	border-radius: 6px 6px 0 0;
	-moz-border-radius: 6px 6px 0 0;
	-webkit-border-radius: 6px;
	-webkit-border-bottom-right-radius: 0;
	-webkit-border-bottom-left-radius: 0;
	text-shadow: 0 1px 0 rgba(255, 255, 255, .8);
	/*border-top: 0px solid;
	border-left: 1px solid;
	border-right: 1px solid;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
	-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
	text-shadow: 0 1px 0 rgba(255, 255, 255, .8);*/
}

/* sub levels link hover */

#topnav ul li:hover a, #topnav li:hover li a {
	background: none;
	border: none;
	font-weight:bold;
	color: #1c3655/*#112233*/;
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
}

#topnav ul a:hover {
	background: #fde8e0/*#ead7c0/*#afa37d/*#0399d4*/ !important; /* for non-css3 browsers */
	background: -moz-linear-gradient(top,  #f8f8f8/*#4b5d73/*#04acec*/,  #fde8e0/*#ead7c0/*#0186ba*/) !important; /* for firefox 3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8/*#04acec*/), to(#fde8e0/*#ead7c0/*#0186ba*/)) !important; /* for webkit browsers */
	color: #1c3655/*#f8f8f8*/ !important;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	text-shadow: 0 1px 1px rgba(0, 0, 0, .1);
}

/* level 2 list */

#topnav ul {
	background:  #c0d3ea/*#ddd*/; /* for non-css3 browsers */
	background: -moz-linear-gradient(top,  #f8f8f8,  #c0d3ea/*#cfcfcf*/); /* for firefox 3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#c0d3ea/*#cfcfcf*/)); /* for webkit browsers */
	display: none;
	margin: auto;
	padding: 0;
	/*width of dropdown menu*/
	width: 175px;
	position: absolute;
	/*spacing between dropdown and menu bar*/
	top: 50px/*46px*/;
	/*border: solid 1px #b4b4b4;*/
	box-shadow: 3.5px 3.5px 3px #333;
	-moz-box-shadow: 3.5px 3.5px 3px #333;
	-webkit-box-shadow: 3.5px 3.5px 3px #333;
	/*box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .3);*/
	border-radius: 0px 10px 10px 10px;
	-moz-border-radius: 0px 10px 10px 10px;
	-webkit-border-radius: 0px 10px 10px 10px;
	/*border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;*/	
}

/* dropdown */

#topnav li:hover > ul {
	display: block;
}

#topnav ul li {
	float: none;
	margin: 0;
	padding: 0;
	min-width: 100px; /*really old-fashioned way of making the hover effect display over the entire dropdown item rather than just its text for IE, see http://www.smileycat.com/miaow/archives/000230.php for inspiration*/
}

#topnav ul li:first-child {
	-moz-padding-start: 0px; /*overrides the moz padding start of #nav li:first-child for the drop-down menus' first items*/
}

#topnav ul a {
	font-weight: normal;
	text-shadow: 0 1px 1px rgba(255, 255, 255, .9);
	text-align:left;
	padding: 10px 10px 10px 15px;
}

/* level 3+ list */

#topnav ul ul {
	/*spacing between dropdown and 3rd submenu*/
	left: 175px;
	top: 0px;
}

/* clearfix */

#topnav:after, section:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

html[xmlns] #topnav {
	display: block;
}

* html #topnav { /*not sure what this does*/
	height: 100%;
}


/*====================Main Content Container css================*/

 .content
{
	width: 920px;
	background-color: white/*#f8f8f8*/;
	font: normal .9em Carme,"trebuchet ms", Helvetica, sans-serif;
	line-height: 1.5em;
	text-align: left; 
	margin: 0px auto 20px;
	padding: 20px 25px 20px 25px;
	border-bottom-left-radius: 15px;
	border-bottom-right-radius: 15px;
	-moz-border-radius-bottomleft: 15px;
	-moz-border-radius-bottomright: 15px;
	-webkit-border-bottom-left-radius: 15px;
    -webkit-border-bottom-right-radius: 15px;
	box-shadow: 0px 0px 4px 0px #000;
	-moz-box-shadow: 0px 0px 4px 0px #000;
	-webkit-box-shadow: 0px 0px 4px 0px #000;
	*zoom:1; /* For IE 6/7 (triggers hasLayout) */ /*http://nicolasgallagher.com/micro-clearfix-hack/*/
}

/*div#clearfix /*Clearfix to extend content div height around its floated children layout-wise - old and outdated*/
/*{
	overflow: hidden;
	height: 1%;
}*/

.content:before, .content:after{ /*http://nicolasgallagher.com/micro-clearfix-hack/*/
	content:"";
	display:table;
}

.content:after { /*http://nicolasgallagher.com/micro-clearfix-hack/*/
	clear:both;
}


footer
{
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: auto;
	margin-right: auto;
	width: 960px; 
	text-align: left; 
	border: 0px; 
	display:table;
	Border-collapse:collapse;
	clear: both;  
}

#content-footer
{ 
	display:table-row; 
}  

.info-footer
{
	display:table-cell;
	text-align: center; 
	height: 15px;
}  

.info-footer-border
{
	display:table-cell;
	text-align: center; 
	border-left: 1px dotted black;
	border-right: 1px dotted black;
	height: 15px;
}

/*======MAIN PAGE AND LANDING PAGE AND CONTACT PAGE - Large Left Column and Small Sidebar Right Column======*/

 .leftcolumn
{
	float:left;
	width: 660px; 
	text-align: left; 
	display:block;
	min-height:100px;
	height:auto !important;
}

 .rightcolumn
{
	width: 235px;
	position: relative;
	text-align: left; 
	display:block;
	float:right;
	min-height:100px;
	height:auto !important;
}

/**======CONTENT COLUMNS FOR LEFT COLUMN OF LANDING PAGES - note: may need to apply clearfix if this is ever more widely used - see .twocolumns:after======**/
.left{
	float: left;
	width: 75px;
	margin: 5px;
}

.right {
	float: right;
	width: 250px;
}

.middle {
	margin: 0 250px 0 85px;
}

/**TWO-COLUMN LAYOUT - EQUAL**/


.twocolumns:before, .twocolumns:after{ /*Micro Clearfix http://nicolasgallagher.com/micro-clearfix-hack/*/
	content:"";
	display:table;
}

.twocolumns:after{ /*Micro Clearfix http://nicolasgallagher.com/micro-clearfix-hack/*/
	clear:both;
}

.twocolumns {  /*Micro Clearfix http://nicolasgallagher.com/micro-clearfix-hack/ For IE 6/7 (triggers hasLayout) */
  *zoom:1;
}

/*.twocolumns:after { /*Taken from http://css-tricks.com/snippets/css/clear-fix */
/*	content: "";
	display: block;
	clear:both;
}*/

.col1, .col2 {
	padding-left: 1%;
	float: left;
	width: 49%;
}

/**SLIDER**/

.mainslider
{
	Width:660px;
	height: 275px;
	margin-left: 5px;
	background-color: #f6efe3;
	border-bottom-left-radius: 15px;
	border-bottom-right-radius: 15px;
	-moz-border-radius-bottomleft: 15px;
	-moz-border-radius-bottomright: 15px;
	-webkit-border-bottom-left-radius: 15px;
    -webkit-border-bottom-right-radius: 15px; 
    box-shadow: 0 5px 5px rgba(0, 0, 0, .2);
	-moz-box-shadow: 0 5px 5px rgba(0, 0, 0, .2);
	-webkit-box-shadow: 0 5px 5px rgba(0, 0, 0, .2);
	text-shadow: 0 1px 0 rgba(255, 255, 255, .8);
	margin-bottom: 30px;
}


/*.slides
{
	height:635px;
	width:660px;
}*/