@charset "utf-8";
/*


Developer Notes

Try to keep your declarations organized. Practically, it can be a pain when you're trying
to figure something out although taking ten minutes at the end of a project to tidy things up is well worth it
when you come back six months later. Below is a list that seems pretty long and rarely have I found the need to 
set even half of these on one class or id. Generally I just keep in mind three - box properties and layout rules
(the first five below), background and border properties and typography.

    * Position
    * Float and Clear
    * Width and Height
    * Margin and Padding
    * Overflow
    * Border
    * Background
    * Font and Text effects
	
Try to keep the file organized by the type of declaration. That said, there will be times where you need to add
a class to a child of an element with an id (i.e. #header #header.content) and those should be placed close to the
parent element's declaration. As in don't place #header.copy in the custom classes section but rather under the
#header declaration. When working with the element, all its styles are in the same area of the document.
	
Add or replace all relevant color values from the PSD layout to the list below
If Pantone colors are avaialable, list the number and if applicable the tint percent. If Pantone's aren't
applicable, just give the color a name that can be used to describe the color to other developers or designers.
Of course, hex values do not have tints so the tint colums will only apply to Pantone colors.
Don't bother with the # sign for hex values - double clicking the numbers won't pick up the symbol anyway.
If you'd really like to be helpful, adding some hints as to where the color is used on the page under the usage
column will give the person a visual reference. The whole idea of listing the colors here is to prevent the
developer from having to switch back and forth between DW & Photoshop or a browser. It also ensures consistent use
of color on the site to prevent slightly different color values from being picked up by the color picker.

Color Scheme:
Pantone / Color Name 		Tint		Hex				Usage
---------------------		----		-------			-----
5643C / Midnight Blue		100			003745			header background
5643C / Medium Blue			70			006677			h2, page titles

*/

 
/* ///////////////////////////

@import rules

///////////////////////////

@import url("reset.css");*/

/* ///////////////////////////

Global Overrides

/////////////////////////// */

body 
{
	background-color: #FFFFFF;
	font: normal 12px "Trebuchet MS", Tahoma, Verdana, Arial, sans-serif;
}

fieldset
{
	/*width: 500px;
	margin-left: 150px;*/
}

h1
{
	color: #FF9900;	
}

h2 
{
	/*font: bold 160% Georgia;*/
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	/*color: #FFFFCC;*/
	color: #FF9900;
	font-size: 18px ;
	font-weight: bold;
}

h3
{
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	color: #FF9900;
	font-size: 11pt;
	font-weight: normal;
	margin-bottom: -15px;
	padding: 0px;
}

h4
{
	padding: 0;
	margin: 0;
	font-size: 11pt;
}

p 
{
	margin-bottom: 1em;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10pt;
	font-weight: normal;
	line-height: 12pt;
	color: #808080;
}

table p
{
	text-align: center;
}


a:link 
{ 
	font-family: Verdana; 
	font-size: 10pt; 
	color: #000000; 
	text-decoration: underline;
}

a:visited 
{ 
	font-family: Verdana; 
	font-size: 10pt; 
	color: #000000; 
	text-decoration: underline;
}

a:hover 
{ 
	font-family: Verdana; 
	font-size: 10pt; 
	color: #FF9900;
	text-decoration: underline;
}

a:active 
{ 
	font-family: Verdana; 
	font-size: 10pt; 
	color: #FFFFCC; 
	text-decoration: underline;
}

td img
{
	border: 1px solid #808080;
	padding: 5px;
}

/* ///////////////////////////

ID Declarations

/////////////////////////// */
#site 
{
	width: 800px;
	margin: 0 auto;
	background-color: #FFFFFF;
}

#header
{
	width: 800px;
	background-color: #FFFFFF;
}

#logo
{
	width: 100%;
	height: 100px;
	background-color: #F8981D;
}

#logo img
{
	margin-top: 10px;
	float:left;
}


#top-paragraph
{
	float: right;
	padding: 5px 20px 5px 5px;
}

#top-paragraph p
{
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12px ; 
	font-weight: normal;
	line-height: 10px;
	color: #FFFFCC;
}

#logo-index
{
	width: 100%;
	height: 100px;
	background-color: #FFFFFF;
}

#logo-index img
{
	margin-top: 10px;
	float:left;
}

#top-paragraph-index
{
	float: right;
	padding: 5px 20px 5px 5px;
}

#top-paragraph-index p
{
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12px ; 
	font-weight: normal;
	line-height: 10px;
	color: #FF9900;
}

/***********************************/

#main-menu1
{
	text-align:left;
	text-indent: -40px;
}

#main-menu1 ul
{
	list-style:none;
}

#main-menu1 li
{
	display:inline;
	margin-right: 30px;
}


#main-menu1 a
{
	font-family: Verdana; 
	font-size: 12px; 
	color: #808080; 
	font-weight: normal; 
	text-decoration: none;
}

#main-menu1 a:hover
{
	font-family: Verdana; 
	font-size: 12px; 
	color: #000000;
	text-decoration: underline;
	font-weight: normal;
}

#main-menu1 a.current
{
	font-family: Verdana; 
	font-size: 14px; 
	color: #808080;
	text-decoration: none;
	font-weight: bold;
}



/***************************************/

#main-menu2
{
	text-align: right;
}

#main-menu2 ul
{
	list-style:none;
}

#main-menu2 li
{
	display:inline;
	margin-left: 25px;
}


#main-menu2 a
{
	font-family: Verdana; 
	font-size: 12px; 
	color: #FF9900; 
	font-weight: normal; 
	text-decoration: none;
}

#main-menu2 a:hover
{
	font-family: Verdana; 
	font-size: 12px; 
	color: #FF4400; 
	font-weight: normal; 
	text-decoration: underline;
}

#main-menu2 a.current
{
	font-family: Verdana; 
	font-size: 14px; 
	color: #FF9900; 
	font-weight: bold; 
	text-decoration: none;
}

/***********************************/

#left-menu
{
	float: left; 
	width: 250px;
}

#left-menu ul
{
	list-style: none;
	text-indent: -40px;
}

#left-menu li
{
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-weight: bold; 
	font-size: 14px ;
}

#main-article
{
	width: 540px;
	float: right;
}

/************************************/

/************************************/

#left-menuA
{
	float: left; 
	width: 385px;
	padding-left: 10px;
	margin-top: 5px;
}

#left-menuA img
{
	border: 1px solid #808080;
	padding: 5px;
}

#left-menuA ul
{
	list-style: none;
}

#left-menuA li
{
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-weight: bold; 
	font-size: 10pt;
}

#main-articleA
{
	width: 370px;
	float: right;
	padding-left: 5px;
	padding-right: 10px;
	margin-top: 5px;
}

/************************************/

/************************************/

#left-menuC
{
	float: left; 
	width: 190px;
}

#left-menuC img
{
	border: 1px solid #808080;
	padding: 5px;
}

#left-menuC ul
{
	list-style: none;
	padding-left: 10px;
	margin: 0px;
}

#left-menuC li
{

	display: inline;
	margin-bottom: 5px;
}

#main-articleC
{
	/*width: 585px;*/
	float: right;
	padding-left: 5px;
	padding-right: 10px;
	margin-top: 5px;
}

/************************************/

/************************************/

#left-menuD
{
	float: left; 
	width: 220px;
	text-align: left;
	padding-left: 10px;
	padding-right: 5px;
	margin-top: 5px;
}

#left-menuD img
{
	border: 1px solid #808080;
	padding: 5px;
}

#left-menuD ul
{
	list-style: none;
	margin: 0px;
	padding: 0px;
}

#left-menuD li
{
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-weight: bold; 
	font-size: 10pt;
	margin-bottom: 1em;
}

#left-menuD li a
{
	font-size: 12px;
	font-weight: normal;
	color: #6D6F71;
}

#left-menuD li a:hover
{
	text-decoration: underline;
}

#main-articleD
{
	width: 550px;
	float: right;
	color: #808080;
	padding-left: 5px;
	padding-right: 10px;
	margin-top: 5px;
}

/************************************/


#newsletter-menu
{
	float: left; 
	width: 220px;
	text-align: center;
}

#newsletter-menu ul
{
	list-style: none;
	margin: 0px;
	padding: 0px;
}

#newsletter-menu li
{
	margin-bottom: 1em;
}

#newsletter-menu li a
{
	font-size: 12px;
	font-weight: normal;
	color: #808080;
}

#newsletter-menu li a:hover
{
	text-decoration: underline;
}

#newsletter-article
{
	width: 560px;
	float: right;
	color: #808080;
}


#newsletter-article a
{
	font-size: 10pt;
}

/************************************/

#main-article
{
	width: 540px;
	float: right;
}

#main-article ul
{
	list-style: none;
	font-size: 14px;
}

#content
{
	padding: 20px 10px 20px 10px;
}

#content-text
{
	width: 525px;
}

#content-paypal
{
	width: 240px;
	float: right;
}


#actual-card
{
	border: 1px solid black;
	background-color: #F4D5AA;
	padding: 5px 0 5px 40px;
}

.example
{

	padding: 0px 15px 0px 15px;
}

.filler
{
	padding: 15px;
	float: left;
}

/**************************/

.card-picture
{
	width: 400px;
	height: 400px;
	margin-top: 25px;
	float:left;
}

.card-picture ul li
{
	display: inline;
	list-style-type: none;
}

.card-text
{

	padding: 10px;
}


#lightboxes
{
	width: 100%;
	padding-left: 10px;
	margin-top: 10px;
}

#lightboxes ul
{
	margin: 0;
	padding: 0;
}

#lightboxes ul li
{
	display: inline;
	list-style-type: none;
}

#lightboxes img
{
	padding: 5px;
	border: 1px solid #808080;
}

.price
{
	font-weight: bold;
}




/**************************/


#footer-menu, #footer-menu2
{
	text-align: center;
}

#footer-menu ul, #footer-menu2 ul
{
`	list-style:none;
}

#footer-menu li, #footer-menu2 li
{
	display:inline;
	margin-right: 12px;
}


#footer-menu a, #footer-menu2 a
{
	font-family: Verdana; 
	font-size: 10px; 
	color: #808080; 
	font-weight: normal; 
	text-decoration: none;
}


li.active
{
	font-weight: bold;
}

/* ///////////////////////////

Custom Classes

/////////////////////////// */
.clear-both 
{
	height: 0px;
	clear: both;
}

.no-margin, #content.no-margin 
{
	margin:0;
}

ul.horiz 
{
	margin-left: 90px;
	list-style:none;
}

ul.horiz li
{
      display:inline;
      margin:0;
      padding: 15px;
}

.example-note
{
	margin-left: 50px;
	text-align: justify;
	color: #808080;
}

.condition
{
	font-size: 14px;
	font-weight: bold;
	color: #111111;
}

.testimonial
{
	font-weight: bold;
	font-style:italic;
	letter-spacing:1px;
}
/* /////////////////////

Active Fonts

///////////////////////*/

.body14-orange
{ 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 14px; 
	font-weight: normal; 
	color: #FF9900;
}

.body14-orange a
{ 
	font-family: Verdana; 
	font-size: 14px; 
	color: #FF9900;
	font-weight: normal; 
	text-decoration: none;
}

.body18 
{
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	color: #FFFFCC; 
	font-size: 18px;
}

.body10-reg 
{ 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 8pt; 
	font-weight: normal;
	line-height: 10pt;
	text-align: justify;
	color: #808080;
}

.sale
{
	color: #cc3333;
}

/* //////////////////////////

Font Adjustments

/////////////////////////// 

.body1 {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-style: normal; left: 10px; clip:  rect(   )}
.head1 {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bolder; color: #999999}
.body12 {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #ffffff;}
.body14 {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #ffffff;}
.body20 {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #0000cc; font-weight: bold}
h3 {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-style: bold}
.body8 {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px}
.spacer4point {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 4px}
.body1-italic {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-style: italic}
.backtotop {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; text-align: right}
.body1-bold-gray { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #666666; text-indent: 0px }
.body1-bold-blue { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #3366FF; text-indent: 0px }
.body1-bold { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-style: normal ; font-weight: bold }
.body1-Copyright { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-style: normal; left: 10px; clip: rect( ) ; color: #CCCCCC; text-align: center}
.subhead-12-gray {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #666666}
.body1-bullet {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; list-style-type: circle}
.body11-beige { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px ; font-weight: normal;  color: ffffcc}
.body10-reg { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px ; font-weight: normal; color: 704704; line-height:9px;}
.body11-reg { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px ; font-weight: normal; color: 704704; line-height:9px;}
.body12 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px ; font-weight: normal;  color: #ffffcc;}
.body12-bold { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px ; font-weight: bold; color: #ffffff;}
.body13-bold { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px ; font-weight: bold; color: #ffffff;}
.body13 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px ; font-weight: normal; color: 704704; font-style: italic;}
.body13-bold { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px ; font-weight: bold; color: 704704; font-style: italic;}
.body13-beige { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px ; font-weight: normal; color: ffffcc; line-height:10px;}
.body13-white { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px ; font-weight: normal; color: #ffffff;}
.body22 { font-family: Verdana, Arial, Helvetica, sans-serif; color: #ffffcc; font-size: 22px ; line-height:15px;}
.body18-bold { font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; color: #ffffff; font-size: 18px ;}
.body16-bold { font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; color: #ffffff; font-size: 16px ; }
.body14-bold { font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; color: #ffffff; font-size: 14px ; }
.body15 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 15px ; font-weight: normal; color: #ffffcc;}
.body15-italic { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 15px ; font-weight: normal; color: #ffffcc;font-style: italic}
.body15-bold { font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; color: #ffffff; font-size: 15px ; }
.pullquote1-teal {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #336666; font-style: italic}
.head-teal { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #0000cc; font-style: normal; font-weight: bold}
.italic-teal { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #0000cc; font-style: italic; font-weight: bold}
.body1-italicbold { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-style: italic; left: 10px; clip: rect( ) ; font-weight: bold}
.body12-italic {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: italic;}


*/