/*:::::::::::::::BASICS::::::::::::::::::::*/
/*::::::::::::::::::SCREEN STYLESHEET:::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::SIGNIFICANT OVERHAUL SEPT. 2003
                       TO ACCOMODATE TUTORIALS::::::::::::::::::::::::*/


body {
	margin: 0;
	padding: 0;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	color: #333;
	font-size: 76%;
	line-height: 1.75em;
	text-align: left;
	background-color: #aca6a6;
	background-attachment: scroll;
	background-position: 36px 0px;
	background-image: url(../images/tgmHeader.jpg);
	background-repeat: no-repeat;
	}

p {
	background-color: transparent;
	margin: 1em 0 1em 0;
	text-align: justify;
	line-height: 1.75em;
	border: none;
	}

blockquote {
	background-color: #ddc;
	color: #333;
	border: 1px gray solid;
	font-family: Verdana, sans-serif;
	font-size: 0.9em;
	text-align: left;
	width: 80%;
	margin: 1em auto;
	padding: 1em;
	}

em {
	font-style: italic;
	font-weight: normal;
	}

strong {
	font-style: normal;
	font-weight: bold;
	}

hr {
	color: #4d3366;
	background-color: transparent;
	width: 90%;
	height: 1px;
	margin: 5px auto;
	}

pre {
	color: #000;
	font-family: "Andale Mono", Monaco, "Lucida Console", monospace;
	font-size: 0.9em;
	}

pre strong {
	font-family: Verdana, sans-serif;
	color: #600;
	font-size: 1em;
	font-style: normal;
	font-weight: bold;
	}

/*:::::::::::TABLE AND LIST STYLES:::::::::::::::*/

table {
	border: 1px silver solid;
	display: table;
	border-collapse: collapse;
	border-spacing: 0px;
	margin-left:auto;
	margin-right: auto;
	width: 80%;
	background-color: transparent;
	}

td 	{
	padding: 5px;
	font-size: 1em;
	color:#000;
	background-color: #ddc;
	font-family: Verdana, sans-serif;
	text-align: left;
	border: 1px silver solid;
	/*vertical-align: top;*/
	line-height:1.25em;
	}

table caption {
	text-align: center;
	color: gray;
	background-color: transparent;
	font-family: Palatino, Georgia, serif;
	font-size:1.25em;
	font-weight: bold;
	border: none;
	}

ul, ol {
	text-align: left;
	background-color: transparent;
	border: none;
	padding: 0em;
	margin: 1em 0 1em 3em;
	}
	
ul li, ol li {
	margin: 0.5em 0;
	line-height: 1.5em;
}

ol li 	{
  	list-style-type: decimal;
 	}

ol ol li {
 	 list-style-type: lower-roman;
	}

ul li	{
	list-style-type: square;
	}

ul ul li {
	list-style:disc;
	}

/*:::::::::::::::::::::::MAIN CONTENT BLOCK:::::::::::::::::::::::::*/

#content {
	width: 85%;
	background-color: #e6e6e1;
	color: #333;
	margin: 90px 165px 0 5%;
	border: none;
	padding: 1em 3em 0.5em 3em;
	width: 85%;
	voice-family: "\"}\"";
	voice-family: inherit;
	margin-left: 5%;
	margin-right: 165px;
	width: auto;
	}
	
html>body #content {
	margin: 90px 165px 0 5%;
	}


/*::::::::::::::HEADINGS::::::::::::::::::*/

h1 {
	background-color: transparent;
	font-family: Palatino, Georgia, "Book Antiqua", serif;
	color: #aca6a6;
	font-size: 3em;
	text-align: right;
	margin: .5em 0em 0.5em 0em;
	}

h2 {
	background-color: transparent;
	color: #7f7c7c;
	font-family: Palatino, Georgia, serif;
	font-weight: bold;
	font-size: 2em;
	text-align: center;
	border: none;
	margin: 1.5em 0 1.5em 0;
	}

h3 {
	background-color: transparent;
	color: #4d3366;
	font-family: Palatino, Georgia, serif, sans-serif;
	font-size: 1.8em;
	font-weight: bold;
	text-align: left;
	margin: 1em 20% 1em -1em;
	padding: 0;
	border-bottom: 1px #333 dotted;
	}

h4 {
	background-color: transparent;
	color: #333;
	font-family: Geneva, Arial, sans-serif;
	text-align: center;
	font-weight: bold;
	font-size: 1.25em;
	letter-spacing: 0.25em;
	border: none;
	margin: 0.5em 0 0.5em 0;
	padding: 0;
	}

/*::::::::::::::LINK PSEUDO ELEMENTS::::::::::::::::::*/


a {
	font-weight: bold;
	}

a:link {
	background-color: transparent;
	color: #633;
	text-decoration: none;
	}

a:visited {
	background-color: transparent;
	color: #633;
	text-decoration: none;
	}
	
a:hover {
	background-color: #fc6;
	color: #933;
	text-decoration: underline;
	}

a:active {
	background-color: transparent;
	color: #933;
	text-decoration: underline;
	}

/*:::::::::::::::IMAGES:::::::::::::::::::::*/
	/*::::::::::Legacy styles from first version:::::::::::::::::::::*/
img.left {
	background-color: transparent;
	float: left;
	border: 1px #333 solid;
	margin: 5px 10px 5px 0;
	}

img.right {
	background-color: transparent;
	float: right;
	border: 1px #333 solid;
	margin: 5px 0 5px 10px;
	}

	/*:::::::::::::::::CURRENT IMAGE STYLES:::::::::::::::::::*/
img {
	background-color: transparent;
	margin: 0;
	padding: 0;
	border: none;
	}

.illustr {
	background-color: transparent;
	padding: 0;
	margin: 5px;
	border: #333 1px solid;
	}

/*::::::::::POSITIONING:::::::::::::::::::::*/

.floatl {
	float: left;
	}

.floatr {
	float: right;
	}

.centered {
	margin-left: auto;
	margin-right: auto;
	}
	
.alignl {
	text-align: left;
	}

.alignr {
	text-align: right;
	}

.alignc {
	text-align: center;
	}

.clear {
	clear: both;
	}

/*::::::::::::::SPECIALTIES::::::::::::::::::*/

.thin {
	width: 65%;
	height: 1px;
	margin: 5px auto;
	}

.indent {
	background-color: transparent;
	text-align: justify;
	text-indent: 2em;
	margin: 1em 0 1em 0;
	border: none;
	}

.quote {
	background-color: transparent;
	color: #000;
	font-size: .9em;
	line-height: 1em;
	text-align: right;
	border: none;
	margin: 0;
	padding: 0;
	}

.cite {
	background-color: transparent;
	color: #333;
	font-family: Palatino, "Times New Roman", Georgia, serif;
	font-size: .9em;
	font-style: italic;
	text-align: right;
	border: none;
	margin: 0;
	padding: 0;
	}

.code, .codeDiv {
	width: 85%;
	background-color: #ccc;
	margin: 1em 8%;
	border: none;
	text-align: left;
	white-space: pre;
	padding: 1em;
	}

div.dropCap {
	font-family: Palatino, Georgia, "Times New Roman", serif;
	color: #033;
	text-align: center;
	line-height: 84%;
	background-color: #aca6a6;
	border: 1px #000 solid;
	padding: 3px;
	margin: 5px 5px 5px 0;
	font-size: 4em;
	float: left;
	width: 0.8em;
	}

.note {
	margin-left: 15px;
	margin-right: 15px;
	padding: 8px;
	text-align: left;
	font-family: Verdana, sans-serif;
	background-color: #ee9;
	color: #333;
	border: 1px dashed #654;
}

abbr, acronym {
font-weight: bold;
cursor: help;
border-bottom: 1px #633 dotted;
}

.ahem {
	display: none;
	}

#location {
	display: none;
	}

#switchpage {
	width: 75%;
	background-color: #eed;
	text-align: left;
	border: none;
}

div.spacer {
	background-color: transparent;
	clear: both;
	margin: 1px;
	padding: 0px;
	}

.footer {
	font-family: Verdana, sans-serif;
	font-size: 0.9em;
	background-color: #7a7777;
	color: #e6e6e1;
	border: none;
	margin: 0em 165px 3px 5%;
	padding: 3px 0 3px 0;
	}

.footer p {
	font-family: Verdana, sans-serif;
	font-size: 0.9em;
	background-color: transparent;
	color: #e6e6e1;
	font-size: .9em;
	text-align: right;
	margin: 0;
	padding: 0 1em 0 0;
	}


.border {
	border: 1px gray solid;
	}

.blackbord {
	border: #000 1px solid;
	}

.bluebord {
	border: #0069b3 1px solid;
	}

p.caption {
	text-align: center;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 9px;
	background-color: transparent;
	padding: 3px 5px;
	font-weight: normal;
	text-decoration: none;
	vertical-align: top;
	border-top: 1px gray dashed;
	}

.margin {
	margin: 7px 7px;
	}

.margin-small {
	margin: 5px 5px;
	}

.pad
	{padding:10px;}
.pad-small
	{padding:3px;}

/*::::::::::::::::::::MENU STYLE::::::::::::::::::::::::*/
/*thank you, thank you Brian Costner - ecoculture.com
for the css technique used in the menus, and for copious
amounts of help to get it working*/

    #mainmenu, #submenu {
    	color: #333;
    	font-family: Verdana, sans-serif;
	font-size: 10px;
	line-height: 15px;
	padding: 0;
        width: 120px;
        }
        
    #mainmenu {
    	background-color: #d9d3d3;
	border: 1px solid #666;
	position: absolute;
	top: 90px;
	right: 20px;
        }
        
    #submenu {
    	background-color: #aca6a6;
    	border: 1px solid #333;
        position: absolute;
	top: 340px;
	right: 20px;}
	
    #mainmenu ul, #submenu ul {
        background-color: transparent;
        color: #000;
    	text-align: left;
        list-style-type: none;
        margin: 2px;
        padding: 0;
        }
        
    #mainmenu ul li, #submenu ul li {
	font-weight: bold;
        list-style-type: none;
	margin: 2px 0;
	padding: 0;
	}
        
    #mainmenu ul ul, #submenu ul ul {
    	text-align: center;
    	}
    
    #mainmenu ul a, #submenu ul a {
        background-color: transparent;
        color: #333;
        font-weight: normal;
        text-decoration: none;
        margin: 0;
        padding: 1px 0;
        border: 1px solid #666;
        display: block;
        width: 114px;
        voice-family: "\"}\"";
	voice-family: inherit;
	width: 110px;
        }
        
    html>body #mainmenu ul a, html>body #submenu ul a {width: auto}
    
    #mainmenu ul a:hover, #submenu ul a:hover {
    	background-color: #fc6;
    	color: #333;
    	}