/* 
	<Margin><Border><Padding> <Element> <Padding><Border><Margin>
	
	orange=#ff9900, dark blue=#333366, light blue=#739fce, white=#fff, sky blue= #5970B2
	beige=#EAEBD8  basicblue=#2875DE 
	
--------------------------------------------- */

body	
	{
	margin:10px 10px 0px 10px;
	padding:0px;
	font-family: Geneva, Verdana, Arial, sans-serif;
	font-size: 16px;
	background:#fff;	
	}
		
h1, h2, h3, h4, p 	
	{
	color: #000;
	}

h1 {font-size: 200%;}
h2 {font-size: 175%;}
h3 {font-size: 150%;}
h4 {font-size: 125%;}

a {color:#333366; text-decoration:none;}
a:hover {color:#fff; background:#333366; text-decoration:none;}

p{font-size:120%;line-height:1.2;}
p.text80 {font-size: .8em;}
p.quote1 {
	font-style: italic;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 50px;
	padding-left: 15px;
	border-left: 3px solid #ccc;
}
/* used with the quote1 above for a cite. Enclose it in the same p.quoate1 */
cite {
color: #999999;
display: block;
margin-top: 5px;
}
/* don't know what this was doing should be before the cite but the 2014 2009 - no idea */
cite:before {
content: "\2014 \2009";
}

/* */

ul	{
	line-height:150%;
	/*list-style-type: square;  */
	/*padding: 20px;*/
	}

/* images */
img {
	border:0;
	margin:0px;
	padding:0;
	max-width: 100%;
	display: block;
	}

label {margin-right:0.5em;width:10em;float:left;text-align:left;display:block;}

/* ---------------------------------------------
	header. holds logo
--------------------------------------------- */
#header 
	{
	padding: 0.3em 0;
	background: #fff;
	/*Bottom line of header - right before menu - sets on top of menu - no real purpose other than transition */
	border-bottom:2px solid #333366;
	} 

/* ---------------------------------------------
	basic structure elements
--------------------------------------------- */

/* ---------------------------------------------
	the dimensions container. 
--------------------------------------------- */
#dims 
	{	
	margin:0 auto;
	/* col2-1 + col2-2 + 1 for right border of col2-1 + (10 * 4) padding */
	width:768px;
	border:0;
	}


#dimsnone 
	{	
	margin:0;
	border:0;
	height:100%;
	width:100%;
	}


/* ---------------------------------------------
	no columns
--------------------------------------------- */
#colnone 
	{
	float:left;
	width:727px;
	padding:10px;
	text-align:justify;
	
	/* gives a solid separation of cols - don't want it for one column */
	/* border-right:1px solid #333366;	*/
	}
	
	
/* ---------------------------------------------
	main column
--------------------------------------------- */
#col2-1 
	{
	float:left;
	width:575px;
	padding:10px;
	text-align:justify;
	border-right:1px solid #333366;	/* gives a solid separation of cols */
	}

/* ---------------------------------------------
	right side column
--------------------------------------------- */
#col2-2 
	{
	float:right;
	width:152px;
	padding:10px;
	}
		
/* mostly used for anchors. don't want indent and bullets. could just use p */		
#col2-2	ul{
	list-style-type: none;
	padding: 0;
	margin-left: 5px;
	/* font-size:.8em;	*/
}

		

/* ---------------------------------------------
	footer
--------------------------------------------- */
#footer 
	{
	margin:10px 10px 0px 10px;
	clear: both;
	padding: 0.3em 0;
	background: #fff;
	border-top:1px solid #333366;
	}

#footer p 
	{
	margin:0;
	padding:1px;
	font-size:.8em;
	text-align:justify;	
	}	

/* ---------------------------------------------
	navigation
--------------------------------------------- */
#nav	/* has the background for the entire block of the menu */
	{	
	background-color: #333366;
	font: bold arial;
	font-size:.8em;	
	
	/* z-index: 30; ..... no idea what this did but taking it out seemed to have no effect */
			
	}

#nav ul
	{ 
	margin: 0;
	padding: 0;
	}
	
	
#nav li
	{	
	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	background-color: #333366;
	color: #fff;	
	}

/* List = Li This is the main list with the anchors */
#nav li a
	{
	display: block;
	padding: 5px 10px;
	/* margin: 0 1px 0 0; */
	/* padding: 4px 10px; */
	width: 100px;
	color: #fff;
	text-align: left;
	text-decoration: none;	
	}

#nav li a:hover
	{	
	background: #ff9900;
	}


/* DIV element of nav is used for the drop down menu part */
#nav div
	{
	margin: 0;
	padding: 0;
	position: absolute;
	visibility: hidden;
	/*
	Border around the drop down menu items.	Obvious is you change the 1px to larger.
	Looks better to have a transition color rather than white, but it does create a speck on the first tab.
	*/
	border: 1px solid #5970B2;
	font: bold arial;
	font-size:1em;	
	}

#nav div a
	{
	margin: 0;
	padding: 5px 10px;	
	position: relative;
	display: block;	
	width: auto;
	/* width: 100px; */	/* looks better if it matches the main anchor menu element - but too limiting on size */
	white-space: nowrap;
	text-align: left;
	text-decoration: none;
	background: #333366;		
	color: #fff;	
	}

#nav div a:hover
	{
	background: #ff9900;
	color: #fff;
	}


/* ---------------------------------------------
	tables 
--------------------------------------------- */
table {table-layout:auto;width:100%;border:0px solid #ccc;border-collapse:collapse;}
table tr td {border:1px solid #CCC;padding:2px 1px;}
table th {background:#333366;color:#FFF;text-align:center;font-size:12px;padding:8px 4px;}
table caption {font-weight:bold;color:#fff;border:0px solid #000;letter-spacing:2px;text-transform:uppercase;text-align:center;padding: 6px 6px 6px 12px;background: #333366;}
.fixedcol{table-layout: fixed; empty-cells:hide; width:100%;}

/* fieldset */
fieldset{width:50%;}
fieldset#order{width:55%;background:#f3f3f3;}
legend{font-weight:700; /* 700 is same as bold */	}

/* alignment class */
.center {text-align:center;}
.right {text-align:right;}

/* alternating row colors */
.odd {background:#e5e5e5;}
.even {background:#f3f3f3;}

/* set col width on tables */
.col15 {width:15%}
.col20 {width:20%;}
.col30 {width:30%;}
.col70 {width:70%;}
.col80 {width:80%;}
.col85 {width:85%;}

/* misc classes */
.pop {color: #ff0000;}
.strong {font-weight:bold;}
.amount {width:15%; text-align:right;}

/* other classes */
.clear {
	clear: both;
	}