/*
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Name:				gicts.CSS
Created:		2005-July-09
Author:			Ben Sheppard
Copyright:	© 2005 - 2008 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.GlobalICTSystems.com

Description:
	This is the CSS (style sheet) governing the look and feel of all 
	Static HTML pages based on this site's (Dreamweaver Template) 

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

	Any changes to this file will effect only the Static HTML pages on 
	this website based on the Dreamweaver Template that created them.  
	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 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;
	font-size: 14px;
	color: #200030;
}

h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 25px;
	color: #200030;
	font-weight: normal;
	font-variant: small-caps;
	letter-spacing: 5px;
}

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

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

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

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

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

a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #330066;
	font-weight: bold;
}

a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #FFEE88;
	font-weight: bold;
	background-color: #200030;
}

a:link, a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #999999;
	font-weight: normal;
}

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

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

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

.blueText {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #400080;
	font-weight: normal;
}

.blueTextCentered {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #400080;
	font-weight: normal;
	text-align: center;
}

.orangeText {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #EE6600;
}

.orangeTextCentered {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #EE6600;
	text-align: center;
}

.orangeTextBold {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #EE6600;
	font-weight: bold;
}

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

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

.vanillaText {
	color: #FFFF99;
	font-weight: normal;
}

.chocolateText {
	color: #660033;
	font-weight: normal;
}

.passionText {
	color: #FF0099;
	font-weight: normal;
}

.importantNote {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	text-align: left;
	background-color: #EECC00;
}

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

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

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

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

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

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

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

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

.code {
	background-color: #ddd;
	border: 1px solid #bbb;
	font-family: "Lucida Console", Courier, monospace;
}

.darkRedThinlineBorder {
	border: thin ridge #990000;
}

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

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



/*
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	SIMILAR STYLES:
		The following style defs are simillar to what is defined in: template_css.css
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/
ul {
	list-style-type: none;
	list-style-position: outside;
	filter: Chroma(Color=003366);
	vertical-align: -6%;
	list-style-image: url(Assets/GICTS_bullet_12x12.png);
	margin-top: 2px;
	margin-bottom: 14px;
}

body {
	background-color: #AACCFF;
	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: 15px;
	text-align: center;
	vertical-align: middle;
	background-position: center center;
	font-weight: normal;
	text-decoration: none;
	letter-spacing: 3px;
	display: block;
	white-space: nowrap;
	text-transform: uppercase;
	color: #200030;
}

a.menu:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	text-align: center;
	vertical-align: middle;
	background-position: center center;
	font-weight: normal;
	text-decoration: none;
	letter-spacing: 3px;
	display: block;
	white-space: nowrap;
	text-transform: uppercase;
	color: #EECC00;
}

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: 16%;
}

.navBar {
	border: 1px outset #660000;
	text-align: center;
	width: 90%;
	background-color: #EECC00;
}

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

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

.pageContainer {
	width: 850px;
	text-align: center;
	vertical-align: top;
}

.headerBox {
	border: 1px none #660000;
	text-align: center;
	width: 90%;
	vertical-align: top;
}

.mainContentContainer {
	text-align: center;
	vertical-align: middle;
	height: 250px;
	width: 90%;
	background-color: #FFF5CC;
}

.mainContentBox {
	background-color: #FFF5CC;
	border: 1px outset #660000;
	text-align: left;
	vertical-align: top;
	width: 90%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000080;
	font-size: 10pt;
}

.footerBox {
	border: 1px outset #660000;
	text-align: center;
	width: 90%;
	background-color: #EECC00;
	font-size: 7pt;
}