/*
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Name:		ATCleaners.CSS
Created:	2005-June-23
Author:		Ben Sheppard
Copyright:	© 2005 by GLobal ICT Systems Inc. All rights reserved.
Email:		support@GlobalICTSystems.com
URL:		http://www.GlobalICTSystems.com
Version:	1.0.0
For Site:		http://www.AmericanThreadCleaners.com

Description:
	This is the CSS (style sheet) governing the look and feel of all 
	Static HTML pages based on the ATCleaners.dwt (Dreamweaver Template) 
	for American Thread Cleaners and Tailors, located at:
	(www.AmericanThreadCleaners.com)

NOTES:
	see <BENSHP> below for any change documentation...

	Any changes to this file will effect only the Static HTML pages on 
	this website that are based on the ATCleaners.dwt (Dreamweaver 
	Template).  It will NOT effect the rendering of dynamic content 
	generated by the Joomla! CMS. If you wish make avaliable styles 
	defined here for use by the Joomla! CMS you must copy those stiles 
	into the Joomla! related .CSS files: 
	(template_css.css and editor_content.css)

	I M P O R T A N T - If you are responsible for maintaining this site, 
	Please Read On... Whenever any of the styles below are updated or new 
	styles are created, Please take care to insure any style definations 
	that are similar or even duplicated inside the Joomla! CMS CSS file: 
	template_css.css continue to render in a compatable fashion to the 
	corresponding styles defined here.  Additionally, if you wish to see 
	similar or duplicated styles rendered inside the Joomla! JCE On-Line
	Content Editor, do the same comparisons to the editor_content.css file.
	(Joomla! related .css files are locsated in the American Thread Joomla!
	Templates directory) - Cheers! - dbs
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/

/*
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ 
	COMMON CLASS DEFS:

		The following class defs are common to all CSS files on the site.
		NOTE: Keep these in sync on all CSS Files...
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ 
*/
p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #200030;
	font-size: 14px;
}

h1 {
	font-size: 25px;  /*<BENSHP date=2007July28> Changed from:[18pt] */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-variant: small-caps;
	letter-spacing: 5px;
	text-align: center;
}

h2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 23px;
	font-variant: normal;
	font-weight: normal;
	letter-spacing: 10px;
	line-height: 25px;
}

h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	letter-spacing: 5px;
}

h4 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 17px;
	font-weight: normal;
	font-variant: small-caps;
	letter-spacing: 2px;
}

h5 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 17px;
	font-weight: normal;
	letter-spacing: 1px;
}

h6 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	font-style: normal;
	font-weight: normal;
	letter-spacing: 1px;
	text-decoration: none;
	text-transform: capitalize;
}

.ulListLabel {
	font-variant: small-caps;
	color: #800000;
	letter-spacing: 1pt;
	font-size: 16px;
	font-weight: 600;
}

.pageHeading {
	text-align: center;
	vertical-align: top;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 21px;
	color: #800000;
}

.headline {
	font-weight: normal;
	text-align: center;
	font-size: 16px;
	font-variant: small-caps;
	color: #800000;
}

.orangeText {
	color: #FF6633;
	font-weight: bold;
}

.boldOrange {
	color: #ff6600;
	font-weight: 400;
}

.redText {
	color: #FF0033;
	font-weight: normal;
}

.redTextCentered {
	color: #FF0033;
	font-weight: normal;
	text-align: center;
}

.superscript {
	color: #800000;
	vertical-align: super;
}

.bulletHeading {
	font-variant: small-caps;
	color: #880000;
	letter-spacing: 1pt;
	font-size: 14px;
	font-weight: 500;
}

.emphasizedText01 {
	font-variant: normal;
	color: #800000;
	letter-spacing: 1pt;
	font-size: 15px;
	font-weight: normal;
	font-style: oblique;
}

.emphasizedText02 {
	font-variant: small-caps;
	color: #200030;
	letter-spacing: 1pt;
	font-size: 15px;
	font-weight: normal;
	font-family: "Courier New", Courier, mono;
}

.footerText {
	text-align: center;
	background-color: #EEDDFF;
	font-size: xx-small;
	color: #330099;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.address {
	font-weight: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	text-align: center;
	font-variant: small-caps;
}

.error {
  font-style: italic;
  text-transform: uppercase;
  padding: 5px;
  color: #cccccc;
  font-size: 14px;
  font-weight: bold;
}

.highlight {
	background-color: Yellow;
	color: Blue;
	padding: 0;
}

.code {
	background-color: #ddd;
	border: 1px solid #bbb;
}

.darkRedThinlineBorder {
	border: thin ridge #990000;
}

.darkRedThinlineBox {
	background-color: #FFF4CC;
	border: 1px outset #660000;
	text-align: left;
	vertical-align: top;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000080;
	font-size: 12px;
}

.darkRedThinlineHeadlineBox {
	background-color: #F0B002;
	border: 1px outset #660000;
	text-align: left;
	vertical-align: top;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000080;
	font-size: 12px;
}
/*
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	END COMMON CLASS DEFS
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/


/*
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	SIMILAR STYLES:
		The following style defs are simillar to what is defined in: template_css.css
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/
a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #0000FF;
}

a:hover {
	color: #FFAAAA;
	background-color: #000066;
}

ul {
	list-style-type: none;
	list-style-position: outside;
	filter: Chroma(Color=003366);
	vertical-align: -6%;
	list-style-image: url(Assets/RedRoseBullet20x20.jpg);
	margin-top: 2px;
	margin-bottom: 14px;
}

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #200030;
	font-size: 14px;
}
/*
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	END SIMILAR STYLES:
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/


a.footer {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: xx-small;
	font-weight: normal;
	color: #400080;
	text-align: center;
}

a.footer:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: xx-small;
	color: #FFAAAA;
	background-color: #000066;
}

a.menu {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-align: center;
	vertical-align: middle;
	background-position: center center;
	text-decoration: none;
	letter-spacing: 2pt;
	display: block;
	white-space: nowrap;
}

a.menu:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	text-align: center;
	vertical-align: middle;
	background-position: center center;
	background-color: #FFAAAA;
	text-decoration: none;
	letter-spacing: 2pt;
	display: block;
	white-space: nowrap;
}

a.button {
	text-decoration: none;
  color: #ff6600;
  font-family: Arial, Hevlvetica, sans-serif;
  text-align: center;
  font-size: 11px;
  font-weight: bold;
  border: 3px double #cccccc;
  width: auto;
	background: url(./Assets/button_bg.png) repeat-x;
  padding: 0px 5px;
  line-height: 18px !important;
  line-height: 16px;
  height: 26px !important;
  height: 24px;
  margin: 1px;
}

a.bannerButton {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #ff3300;
	text-align: center;
	border: 3px double #cccccc;
	width: auto;
	background: url(./Assets/button_bg.png) repeat-x;
	padding: 0px 5px;
	line-height: 18px !important;
	line-height: 16px;
	height: 26px !important;
	height: 24px;
	margin: 1px;
	text-decoration: none;
	letter-spacing: 3px;
	text-transform: none;
	font-variant: small-caps;
}

.menuItem {
	text-align: center;
	border: 1px outset #990000;
	width: auto;
	height: auto;
	vertical-align: middle;
}

.navBar {
	border: 1px outset #990000;
	text-align: center;
	background-color: #DD0000;
	vertical-align: top;
	width: 100%;
}

ul a {
	color: #3366CC;
	font-size: 12px;
	text-decoration: none;
}

ul a:hover {
	color: #FFAAAA;
	background-color: #000066;
}

.mainContentBox {
	text-align: left;
	vertical-align: top;
	width: 100%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	font-size: 12px;
	height: auto;
}

.headerBox {
	text-align: center;
	width: 100%;
}

.footerBox {
	border: 1px outset #990000;
	width: 100%;
	background-color: #EEDDFF;
}

.pageContainer {
	width: 650px;
	vertical-align: top;
}

.outsidePageContainer {
	width: 100%;
}

.iframeBody {
	text-align: center;
	margin: 1px;
	height: 100%;
	width: 100%;
}