/*  
Website: http://www.isitthereyet.com/
Name: Is It There Yet Corp Site
Description: CSS based website, designed and hosted by Artemis IT Solutions.
Version: 1.0
Author: Marc Giguere
Author URI: http://www.artemisit.com
Comments: This stylesheet is best viewed without word wrapping. Credit to
Jefte Puente for original stylesheet guidelines
*/


/* Colors

Grey - d4d8ca
Blue - 005386
Maroon - 640c36

*/

/* Body */
body.Main { background: #d4d8ca; font-size: 62.5%; font-family: Verdana, Arial, Helvetica, sans-serif; }
body.NoLayout { background-image: none; background-color: #FFFFFF; }

/* Core Content/Body Styles */
#page { border: 1px solid #005386; margin: 15px auto; width: 900px; background: white; }
#content { color: #000; font-size: 1.2em; }

/* Header/Footers */
#header { width: 100%; height: 130px; }
#subheader { width: 100%; height: 130px; background: url(/images/art-header.jpg); }
#bottom { clear: both; background-color: #114172; width: 900px; height: 30px; }
#footer { padding: 7px 0 5px 0; text-align: center; font-size: 1.1em; color: #fff; font-weight: bolder; }

/* Heading Styles */
h1 { font-size: 1.8em; color: #640c36; font-weight: bolder; margin-bottom: 0; }
h2 { font-size: 1.2em; color: #640c36; font-weight: bolder; margin-bottom: 0; }
.h2 { font-size: 1.2em; color: #640c36; font-weight: bolder; margin-bottom: 0; }

.servicemark { font-size: 0.6em; vertical-align:super; }
.BlueText { color: #005386; font-weight: bolder; }
.BlueTextSpaced { color: #005386; font-weight: bolder; line-height: 18px; }
.BlueHeader { color: #005386; font-size: 1.5em; font-weight: bolder; }
hr { display: none; } /* Horizontal Rules are hidden from standard browsers and screen readers, yet are visible in text-only browsers to help seperate content from nav.  */

/* Generic Link Styles */
a:link { color: #005386; text-decoration: none; }
a:visited { color: #000;  text-decoration: none; }
a:hover { color: #005386; }
a.redlink:link { color: #640c36; text-decoration: none; font-weight: bolder; }
a.redlink:visited { color: #640c36; text-decoration: none;  font-weight: bolder;}
a.redlink:hover { color: #640c36;  font-weight: bolder;}

/* Form Styles */
form { margin: 0; }
label { font-size: 0.9em; text-align: left; width: 60px; padding-right: 10px; line-height: 19px; float: left; } 
label .small { width: 35px; }
input { border: 1px solid black; float: left; margin-bottom: 10px; font-size: 1.0em; font-weight: bolder; padding: 2px 4px; }
select { font-size: 1.0em; font-weight: bolder; float: left; margin-bottom: 10px; padding: 2px 4px; }
textarea { font-size: 1.0em; font-weight: bolder;  }
.formInput { border: 1px solid black; margin-bottom: 10px; padding: 2px; width: 170px; }
.formCheckBox { border: 0px; }
.formSubmits { border: 0; float: right; }
.formResets { float: left; margin-top: 2px; cursor:pointer; margin-left: 2px; }
.formBreak { line-height: 34px; }
.formBreakLg { line-height: 40px; }
.SpacerCell { width: 10px; float: left; }
	
	/* Common Form Elements */
	#Email { width: 250px; }
	#City { width: 100px; margin-right: 8px; }
	#State { width: 200px; margin-right: 8px; }
	#ZipCode { width: 50px; margin-right: 4px;}
	#DropZipCode { width: 50px; margin-right: 4px;}
	#ZipPlus { width: 30px; }
	#Phone_1 { width: 30px; margin-right: 4px; }
	#Phone_2 { width: 30px; margin-right: 4px; }
	#Phone_3 { width: 40px; }
	#Phone_4 { width: 30px; margin-right: 4px; }
	#Phone_5 { width: 30px; margin-right: 4px; }
	#Phone_6 { width: 40px; }
	#Fax_1 { width: 30px; margin-right: 4px; }
	#Fax_2 { width: 30px; margin-right: 4px; }
	#Fax_3 { width: 40px; }

/* Home Page Boxes/Styles */
#WelcomeMessage { width: 537px; height: 520px; margin: 12px 0px 12px 12px; padding-right: 12px; border-right: 1px solid #005386; float: left; }
#WelcomeLearnMore { width: 333px; height: 158px;  float: left; }
#WelcomeTracking { width: 193px; height: 158px; float: left;}
#WelcomeLoginArea { width: 322px; margin: 12px 0 0 0; float: right; }
#WelcomeLoginBox { width: 240px; height: 342px; margin: 0 40px 0 40px;  }
#WelcomeLady { width: 322px; height: 190px; margin: 0; background: url(/images/art-LadyMailbox.jpg); background-position: bottom; background-repeat:no-repeat; }
#WelcomeLoginBox label { width: 50px; float: left; display: inline; margin: 0 10px 0 0; padding: 0; }
#WelcomeLoginArea .HomeGoButtons  { width: 220px; height: 57px; padding-bottom: 15px; }
#WelcomeLoginArea .HomeGoButtons .Text { width: 115px; float: left; padding-top: 11px; padding-left: 20px; text-align: right; }
#WelcomeLoginArea .HomeGoButtons .Button { width: 57px; float: right; margin-right: 15px; }
#WelcomeMessage .HomeRegister { height: 60px; padding-bottom: 15px; }
#WelcomeMessage .HomeRegister .Text { width: 225px; float: left; padding-top: 5px; }
#WelcomeMessage .HomeRegister .Button {  width: 57px; float: left; margin-right: 15px; }

#WelcomeLoginArea .BlueText { font-size: 1.2em; }

/* Common Sub Page Styles */
.ContentSubPages { margin: 12px 12px 12px 12px; }
.DemoSubPages { margin: 0px auto; }

/* How It Works Page */
#HowItWorks1 { width: 459px; height: 279px; float: left; }
#HowItWorks2 { width: 393px; height: 279px; background: url(/images/art-HowItWorks_2.gif); background-position: top; float: left; }
#HowItWorks1Image { width: 459px; height: 176px; background: url(/images/art-HowItWorks_1.gif); background-repeat:no-repeat; background-position: top; }
#HowItWorksRegister { width: 449px; height: 93px; margin: 5px auto; text-align: center; }

/* Downloads Page */
#DownloadTop { width: 100%; height: 200px; }
#DownloadBottom { width: 100%; }

/* Contact Us Page */
#ContactUsForm { width: 100%; }
#ContactUsForm label { width: 155px; font-size: 1.1em; font-weight: bolder; color: #005386; }
#ContactUsForm .formSubmits { border: 0; float: left; }
#ContactUsForm .LgLabel { width: 275px; }
#ContactUsForm #Comments { width: 300px; }

/* Registration Page */
#RegistrationInfo { width: 100%; }
#RegistrationForm { width: 100%; }
#RegistrationInfo label { width: 350px; font-size: 0.9em; font-weight: bolder; color: #005386; }
#RegistrationForm label { width: 235px; font-size: 0.9em; font-weight: bolder; color: #005386; }
#RegistrationForm #City { width: 85px; }
#RegistrationForm #State { width: 145px; }
#RegistrationForm #Terms { font-size: 0.9em; font-weight: bolder; width: 485px; }
#RegistrationForm .LgLabel { width: 170px; }
#RegistrationInfo .formSubmits { border: 0; float: left; }
#RegistrationForm .formSubmits { border: 0; float: left; }

/* FAQ Page */
.ListingFAQ { line-height: 155%; margin: 0; padding-left: 1.3em; list-style-type: none; }
.ListingFAQ li { background-image: url(/images/art-FAQListButton.gif); background-repeat: no-repeat; background-position: 0 .4em; padding-left: 45px; padding-bottom: 15px; line-height: 23px; }
a.faqlink:link { color: #005386; text-decoration: none; font-weight: bolder; }
a.faqlink:visited { color: #005386; text-decoration: none;  font-weight: bolder;}
a.faqlink:hover { color: #640c36;  font-weight: bolder;}
.windowContent{
	height:100%;
	overflow:hidden;
	background-color:#FFF;
	border: 1px solid red;
}
.buttonBox {
	line-height: 15px;
	font-size: 1.2em;
	font-weight: bolder;
	color: #640c36;
	width: 99%;
}
.closeButton{
	float: right;
	text-align: right;
	cursor: hand;
	width: 40%;
}
.printButton{
	float: left;
	cursor: hand;
	width: 40%;
}


/* Non Profit Pages */
#HeaderRow { height: 212px; }
#HeaderRow .LeftBox { width: 300px; height: 185px; float: left; text-align: center; }
#HeaderRow .CenterBox { width: 265px; float: left; }
#HeaderRow .RightBox { width: 300px; height: 185px; float: left; text-align: center; }

#FooterRow { clear: both; }
#FooterRow .GoButtons  { width: 210px; height: 57px; padding-bottom: 15px; float: left; }
#FooterRow .GoButtons .Text { width: 110px; float: left; padding-top: 11px; padding-left: 15px; padding-right: 10px; text-align: right; }
#FooterRow .GoButtons .Button { width: 57px; float: right; margin-right: 5px; }

/* Listing Items */
.ListingItems { line-height: 155%; margin: 0; padding-left: 1.3em; }
.ListingItemsIndent { line-height: 155%; margin: 0; padding-left: 1.3em; margin-left: 15px; }

/* Navigation - Uses an unordered list and styles them as buttons */
#navbox { width: 900px; height: 30px; background-color: #114172; margin: 0px; padding: 0px;}
#navcontainer {	width: 690px; height: 30px; float: left; }
#navcontainer ul { color: #FFFFFF; padding: 0;  }
#navcontainer ul li { display: inline; padding-top: 5px; padding-bottom: 5px; }
#navcontainer ul { margin: 0; padding: 6px 0 5px 0; font-size: 1.1em; letter-spacing: 0px; }
#mainNavlist li a:hover, #navlist li a:active { color: #60785a; background: #4792b2; text-decoration: none; text-align: left; font-size: 1.1em; }
#navcontainer ul li a { padding: 2px 12px; background-color: #114172; color: #fff; border-right: 1px solid #fff; text-decoration: none; float: left; font-size: 1.1em; }
#navcontainer ul li a.lastitem { border: none; }
#navcontainer ul li a:hover { background-color: #4792b2; color: #fff; }
#navphone { width: 200px; height: 20px; text-align: center; padding: 6px 0 5px 0; font-weight: bolder; font-size: 1.6em; color: #fff; float: left; }

/* Images & Alignments

	Using 'class="alignright"' on an image will align the image to the right. 
	And using 'class="centered', will of course center the image. This is much
	better than using align="center", being much more futureproof (and valid)              */

img.home { display: inline; border: none;  }	
img.centered { display: block; margin-left: auto; margin-right: auto; border: none;}
img.alignright { display: inline; border: none; margin-left: 10px; margin-bottom: 10px; }
img.alignleft { display: inline; border: none; margin-right: 10px; margin-bottom: 10px; }
.alignright { float: right; }
.alignleft { float: left; }
.home { float: left; }
.center { text-align: center; margin: 0; padding: 0;}
/* Hacks - May become outdated when/if IE ships with proper CSS support */
div.spacer { clear: both; } /* The infamous "clear div" or "spacer div" hack. An empty div placed below floated divs that clears the floats, so that content can continue to flow below the clear. http://www.complexspiral.com/publications/containing-floats/ */
.hasnodot { list-style-type: none; }
.invisible { display: none; }