﻿* { padding: 0; margin: 0; }

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: normal;
	margin: 0.6em;
	background: #FFFFFF;
	color: #000000;
}

#wrapper { 
	margin: 0 auto;
	width: 69.11em;
}
#header {
 	color: white;
	width: 69.11em;
 	display: block;
 	float: left;
	padding: 0em 0em 0em 0em;
 	border: 0em solid #ccc;
 	height: 4.687em;
 	margin: 0em 0em 0em 0em;
 	background: white;
}
#headerimg {
	display: block;
	float: left;
	padding: 0.3em 0 0 0.9em;
	z-index: 7;
}
#headerleft {
	padding: 0.063em 0px 0.06em 0px;
	float: left;
}
#headerright {
	padding:0.06em 0 0 0.06em;
	margin: 0 0 0 0em;
	float: right;
}
#header2 {
	color: #052A55;
	background: #A5B003;
	width: 69.11em;
	-moz-border-radius: 0.94em;
	border-radius: 0.94em;
	left: 0em;
	float: left;
	border: 0em solid #ccc;
	height: 1.875em;
	margin: 0em 0em 0em 0em;
	z-index: 0;
}
#header4 {
	color: #052A55;
	width: 100%;
	-moz-border-radius: 0.94em;
	border-radius: 0.94em;
	left: 0em;
	float: left;
	border: 0.063em solid #ccc;
	height: 1.7em;
	margin: 0 0 0 0em;
	background: #052A55;
	font-size: 0.85em;
}
#logo {
	padding-left: 0.94em;
	width: 28%;
	float: left;
}
#searchwrapper {
	width: 162px; /*follow your image's size*/;
	height: 30px;/*follow your image's size*/;
	background-image: url(images/header2.gif);
	background-repeat: no-repeat; /*important*/;
	padding: 0px;
	margin: 0px;
	position: relative;
	left: 55em; /*important*/
}
#searchwrapper form {
	display: inline;
}
.searchbox {
	border: 0px;/*important*/
	background-color: transparent; /*important*/;
	position: absolute; /*important*/;
	top: 0.3em;
	left: 1.1em;
	width: 110px;
	height: 25px;
}
.searchbox_submit {
	border: 0px;/*important*/
	background-color: transparent; /*important*/;
	position: absolute; /*important*/;
	top: 0.3em;
	left: 10em;
	width: 28px;
	height: 20px;
}
.searchboxttm {
	border: 0px; /*important*/;
	background-color: transparent; /*important*/;
	position: absolute; /*important*/;
	top: 0.3em;
	left: 15em;
	width: 15px;
	height: 15px;
}
.searchboxweb {
	font-size: 0.6em;
	color: black;
	position:absolute; /*important*/;
	top: 0.3em;
	left: 18em;
}
#header3 {
	color: #052A55;
	width: 100%;
	-moz-border-radius: 0.94em;
	border-radius: 0.94em;
	float: left;
	left: 0em;
	border: 0.06em solid #ccc;
	height: 2.1em;
	margin: 0 0 0 0em;
	background: #052A55;
	font-size: 0.85em;
}
#leftcolumn { 
 	color: #999;
 	border: 0em solid #999;
 	background: #DEE2A3;
 	margin: 0em 0.3em 0.3em 0.3em;
 	padding: 0em;
 	height: auto;
 	width: 11.11em;
 	float: left;
}
#contentleft { 
 	float: left;
 	color: #333;
 	border: 0em solid #ccc;
 	background: white;
 	margin: 0em 0.3em 0.3em 0em;
 	padding: 0em;
 	height: auto;
 	width: 45.5em;
 	display: inline;
 	z-index: 1;
 	}
#rightcolumn { 
 	color: black;
 	border: 0em solid #999;
 	background: #DEE2A3;
 	margin: 0em 0em 0.3em 0em;
 	padding: 0em;
 	height: auto;
 	width: 11.11em;
 	float: left;
}
#footer { 
 	position: relative;
	float: left;
	left: 0em;
	width: 98.5%;
	clear: both;
	font-size: 0.85em;
	color: white;
	border: 0em solid #ccc;
	background: #052A55;
	margin: 0em 0em 0.625em 0em;
	padding: 0.625em
}
/* These styles create the dropdown menus. */
#navbar {
	width: 98%;
	margin: 0;
	padding: 0;
	height: 2em;
	z-index: 1;
}
#navbar li {
	list-style: none;
	float: left;
	z-index: 1;}
#navbar li a {
	display: block;
	padding: 0.19em 0.5em;
	background-color: #052A55;
	color: #fff;
	text-decoration: none;
	z-index: 1;}
#navbar li ul {
	display: none; 
	width: 10em; /* Width to help out Opera */
	background-color: #052a55;
	z-index: 1;}
#navbar li:hover ul, #navbar li.hover ul {
	display: block;
	position: absolute;
	margin: 0;
	padding: 0;
	z-index: 1; }
#navbar li:hover li, #navbar li.hover li {
	float: none;
	z-index: 1; }
#navbar li:hover li a, #navbar li.hover li a {
	background-color: #369;
	border-bottom: 0.063em solid #fff;
	color: #fff;
	z-index: 1; }
#navbar li li a:hover {
	background-color: #A5B003;
	z-index: 1; }
.navcontainer {
	width: 98%;
	}
.navcontainer ul {
	margin-left: 0;
	padding-left: 0;
	list-style-type: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.85em;
	text-decoration: none;
	}
.navcontainer a {
	display: block;
	padding: 0.063em;
	width: 100%;
	background-color: #A5B003;
	text-decoration: none;
	border-bottom: 0.063em solid #eee;
	}
.navcontainer a:link {
	color: #000000;
	font-weight: normal;
	text-decoration: none;
	}
.navlist a:visited	{
	color: #DEE2A3;
	text-decoration: none;
	}
.navcontainer a:hover {
	background-color: #369;
	color: #fff;
	}
TD, LI, UL, Table {
	font-family : Verdana, Arial, sans-serif;
	font-size : 100%;
	text-decoration: none;
	}		
h1 {
	margin: 0.625em 0em 0.625em 0em;
	padding: 0em;
	font-size: 1.1em;
	font-weight: bold;
	color: #A5B003;
	}
h2, h5 {
    font-size: 1em;
	font-weight: bold;
	font-variant: small-caps;
	margin: 0.6em 0em 0.6em 0em;
	padding: 0em;
	color: #052A55;
    }
h3 {
    font-size: 0.9em;
	font-weight: bold;
	background: #1C4877;
	margin: 0em 0em 0.3em 0em;
	padding: 0.25em;
	color: #FFFFFF;
	width: 80%;
    }
h4  {
	margin: 0.6em 0em 0.6em 0em;
	padding: 0em;
	font-size: 1.1em;
	font-weight : bold;
	color: #A5B003;
	}
H6 {
    font-size: 120%;
	font-weight: bold;
	margin: 0em 0em 0.3em 0em;
	padding: 0em;
	color: #FFFFFF;
    }
/* this group sets the normal link colors */
A:LINK {
    color : #052A55;
    text-decoration: underline;
    font-weight: bold;
}
A:VISITED {
    color : #676767;
    text-decoration : none;
    font-weight: bold;
}
A:HOVER {
    color : #A5B003;
    text-decoration : underline overline;
    font-weight: bold;
}
A:ACTIVE {
    color : #A5B003;
    text-decoration : none;
    font-weight: bold;
    }
.nav1 {
	position: relative;
	top: 0.313em;
	left: 35em;
	width: 60%;
	height: 2em;
	margin: 0em 0em 0em 0em;
	background-image: url('images/cell1.gif');
	color: #FFFFFF;
	text-align: right;
	font-size: 0.85em;
	padding-right: 0.125em;
	z-index: 1;
}   
.nav3 {
	position: relative;
	top: 0.125em;
	left: 0.625em;
	float: left;
	width: 95%;
	height: 1.7em;
	margin: 0em 0em 0em 0em;
	background-image: url('images/cell1.gif');
	color: #FFFFFF;
	text-align: left;
	font-size: 90%;
	padding-right: 0.625em;
}
.nav3
    A:LINK {
    color : #FFFFFF;
    text-decoration: underline;
    font-weight: bold;
    }
.nav3
    A:VISITED {
    color : #FFFFFF;
    text-decoration : none;
    font-weight: bold;
    }
.nav3
    A:HOVER {
    color : #FFFFFF;
    text-decoration : underline overline;
    font-weight: bold;
    }
.nav3
    A:ACTIVE {
    color : #FFFFFF;
    text-decoration : none;
    font-weight: bold;
    }
.crumbs	{
	font-size: 0.75em;
	position: relative;
	}
.headercol1 { 
 	color: white;
 	border: 0em solid #ccc;
 	background: #A5B003;
 	margin: 0em 0em 0em 0em;
 	padding: 0em;
 	height: 6.25em;
 	width: 22.75em;
 	float: left;
 	position: relative; top: 0.125em; left: 0.063em;
 	z-index: 0
}
.headercol2 { 
 	color: white;
 	border: 0em solid #ccc;
 	background: white;
 	margin: 0em 0em 0.313em 0.625em;
 	padding: 0em;
 	height: 3.125em;
 	width: 38.125em;
 	float: left;
 	position: relative; top: 0.625em; left: 0em;
 	z-index: 2;
}
.column {
	float: left;
	padding-top: 0em;
	padding-right: 0.063em;
	padding-bottom: 0em;
	padding-left: 0.063em;
}

/* These styles run the gallery. */
#info {width:97%; background:#fff; float:left; border:0.063em solid #DEE2A3;}

#info p {margin-left:0.938em;}

a, a:visited, a:hover {color:#000;}

#container {padding:0; margin:0; list-style:none; position:relative; z-index:0; width:37.5em; height:43.75em; margin:0.625em auto; font-family:verdana, arial, sans-serif; font-size:0.75em;}
#container table {border-collapse:collapse; margin:-0.063em -0.625em;}

#container li {float:left; margin:0.313em 1.063em; display:inline; color:#000; text-decoration:none; width:5.313em; height:5.313em; cursor:default;}
#container li a.thumb {display:block; width:4.688em; height:4.875em; text-decoration:none; cursor:default; border:0.313em solid #fff;}
#container li a.thumb img {display:block; border:0;}

#container li div {position:absolute; left:-62.438em; border:0; width:36.25em; text-align:center; z-index:-1; background:#fff;}
#container li div img {margin:0.625em auto;}

#container :hover {background:#fff;}
#container li a.thumb:hover {border-color:#DEE2A3;}

#container li:hover > a {border-color:#DEE2A3;}
#container :hover div {position:absolute; left:0.563em; top:0; padding:12.5em 0 3.125em 0; background:#fff;}
#container :hover div img {border:0.063em solid #888;}
#container :hover div p {width:36.25em; text-align:center; font-family:verdana, sans-serif; font-size:0.688em; line-height:1.25em;}
#container :hover div p a {padding:0.5em 0 0.5em 1.875em; background:url(images/gallery/enlarge.gif) no-repeat left center; text-align:center; cursor:pointer; text-decoration:none; color:#666;}
#container :hover div p a:hover {color:#000; text-decoration:underline;}

/* These styles run the podcast gallery. */
div.img {
  margin: 0.125em;
  border: 0.063em solid #DEE2A3;
  height: 10em;
  width: 6em;
  float: left;
  text-align: center;
}	
div.img img {
  display: inline;
  margin: 0.188em;
  border: 0.063em solid #ffffff;
}
div.img a:hover img {
	border: 0.063em solid #052A55;
}
div.desc {
  font-size: 0.75em;
  text-align: center;
  font-weight: normal;
  width: 5em;
  margin: 0.125em;
}
.traininglist {
	font-size: 0.75em;
	padding-left: 0;
	margin-left: 0;
	border-bottom: 0.063em solid gray;
	width: 90%;
}
.traininglist li {
	list-style: none;
	margin: 0;
	padding: 0.25em;
	border-top: 0.063em solid gray;
}
.traininglist li a {
	text-decoration: none;
}
.traininglist li a:link {
	color: black;
}
.traininglist li a:visited {
	color: #A5B003;
}
.traininglist li a:hover {
	color: #052A55;
	background: white;
	margin-left: 0.313em;
}
.tellingitstraight div {
 	font-size: 0.95em;
 	margin: 0.188em 0em 0.313em 0em;
  	color: black;
  	background: white;
  	border: 0.063em solid #999;
  	padding: 0em 0.063em 0em 0.063em;
	}
.tellingitstraight h2 {
	margin: 0;
	background: #1C4877;
	color: white;
	font-size: 1em;
	padding: 0.125em;
	text-align: center;
	}
.tellingitstraight h3 {
  	margin: 0;
  	background: white;
  	color: #A5B003;
  	font-size: 1.1em;
  	padding: 0.125em;
  	text-align: left;
	}
.tellingitstraight p {
 	font-size: 0.75em;
	margin: 0.313em 0; /* Only vertical margins on the p */
  	padding: 0 0.063em; /* Also side padding */
	}
.tellingitstraight .p-divider {
  	border-top: 0.063em solid #999;
  	padding-top: 0.063em; /* This one gets top padding */
	}
.paragraph {
	color: #000000;
	background: #FFFFFF;
	font-size: 0.85em;
	line-height: 1.2em;
	}
.firstpara {
	color: #000000;
	background: #FFFFFF;
	margin-top: 0.5em;
	margin-bottom: 1em;
	font-size: 0.85em;
	line-height: 1.2em;
	}
.firstpara:first-letter {
	font-size: 300%;
	font-style: normal;
    font-weight: bold;
    float: left;
    }
.firstpara:first-line {
	font-variant: small-caps;
	}
.ol {
	list-style-type: decimal;
	list-style-position: inside;
	padding-left: 0.125em;
	margin-left: 0.125em;
	line-height: 1.5em;
	font: italic 1.2em Georgia, Times, serif;
	color: #052A55;
	}
.ol li {
	margin-left: 0.125em;
	margin-right: 0em;
	padding-left: 0.125em;
	border-left: 0.125em solid #B5BA02;
	color: #052A55;
	font: normal 1.1em Arial, Helvetica, sans-serif;
	font-weight: 500;
	}
.copyright {
    position: relative;
	width: 50%;
	min-width: 7.5em;
	margin: 0em 11.875em 1.25em 13.125em;
	border: 0em solid black;
	background-color: #FFFFFF;
	font-size: 0.8em;
	color: #052A55;
	text-align: center;
	padding: 0.625em;
	z-index: 3; /* This allows the content to overlap the right menu in narrow windows in good browsers. */
	}
.copyrighta {
    color: #FFFFFF;
    font-size: 0.75em;
    letter-spacing: 0.1em;
    position: relative; top: 0.125em; left: 0.625em;
    text-align: center;
    }
.theartofp {
    color: #052A55;
    font-size: 1.9em;
    font-weight: normal;
    position: relative; top: 0em; left: 5.313em;
    width:28%;
    }

.quote {
    color: #1C4877;
    font-size: 1.3em;
    font-style: italic;
    font-weight: normal;
    margin-top: 1.0em;
    }
.quote:first-letter {
	font-size: 150%;
	font-style: italic;
    font-weight: bold;
    float: left;
    }
   
.quotesource {
	color: black;
	font-size: 1em;
	text-decoration: none;
	font-weight: normal;
	text-align: right;
	}

.toptips div {
 	font-size: 0.95em;
	margin: 0.188em 0em 0.313em 0em;
	color: black;
	background: white;
	border: 0.063em solid #999;
	padding: 0em 0.063em 0em 0.063em;
	}
.toptips h2 {
	margin: 0;
	background: #1C4877;
	color: white;
	font-size: 1em;
	padding: 0.125em;
	text-align: center;
	}
.toptips h3 {
  	margin: 0;
  	background: white;
  	color: Black;
  	font-size: 0.6em;
  	font-weight: bold;
  	padding: 0.125em;
  	text-align: left;
	}
.toptips p {
 	background: #A5B003;
 	margin: 0em 0; /* Only vertical margins on the p */
  	padding: 0 0.063em; /* Also side padding */
	}
.toptips .p-divider {
  	background: #A5B003;
  	border-top: 0em solid #999;
  	padding-top: 0.063em; /* This one gets top padding */
	}
.news div {
 	margin: 0.188em 0em 0.313em 0em;
	color: black;
	background: white;
	border: 0.063em solid #999;
	padding: 0em 0.063em 0em 0.063em;
	font-size: 0.95em;
	}
.news h2 {
	margin: 0;
	background: #1C4877;
	color: white;
	font-size: 1em;
	padding: 0.313em;
	text-align: center;
	}
.news h3 {
  	margin: 0;
  	background: white;
  	color: #A5B003;
  	font-size: 0.6em;
  	padding: 0.313em;
  	text-align: left;
	}
.news p {
 	font-size: 0.8em;
 	margin: 0.313em 0; /* Only vertical margins on the p */
  	padding: 0 0.063em; /* Also side padding */
	}
.news .p-divider {
  	border-top: 0.063em solid #999;
  	padding-top: 0.125em; /* This one gets top padding */
	}
.speakerresources {
	font-family: Verdana, Arial, sans-serif;
    font-size: 1em;
    border: 0.063em solid #999;
    background: #052A55;
    color: #FFFFFF;
    letter-spacing: 0.1em;
    font-weight: bold;
    margin: 0.063em
    }
.keypoints {
	width: 90%;
	border-right: 0em solid #000;
	padding: 0 0 0 0;
	margin-bottom: 1em;
	font-family: Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
	font-size: 1em;
	font-style : italic;
	background-color: #FFFFFF;
	color: #052A55;
}
.keypoints ul {
	list-style: none;
	margin: 0;
	padding: 0;
	border: none;
}
.keypoints li {
	border-bottom: 0.063em solid #315983;
	margin: 0;
}
.keypoints li a {
	display: block;
	padding: 0.313em 0.313em 0.313em 0.5em;
	border-left: 0.625em solid #052A55;
	border-right: 0.625em solid #ACBCCE;
	background-color: #315983;
	color: #fff;
	text-decoration: none;
	width: 100%;
}
html>body .keypoints li a {
	width: 100%;
}
.keypoints li a:hover {
	border-left: 0.625em solid #DEE2A3;
	border-right: 0.625em solid #D6DEE6;
	background-color: #369;
	color: #fff;
}
.column1 { 
    display: inline;
	float: left;
	width: 9.375em;
	height: 300em;
	margin: 0.7em;
	padding: 0;
	border-bottom: 0.063em solid #999;
    }

.column2 { 
    display: inline;
	float: left;
	width: 9.375em;
	height: 300em;
	margin: 0.7em;
	padding: 0;
	border-bottom: 0.063em solid #999;
    }

.floatLeft{float: left;}

.floatRight{float: right;}

.image-left{float: left; vertical-align: text-top;}

.image-right{float: right; vertical-align: text-top;}

div.wrapContainer{width:99.5%; float:left;}

.form {
    margin: 0 0em 0em 0em;
	font-size: 0.65em;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	border: 0.063em solid #999;
	background: white;
	color: #052A55;
	letter-spacing: 0.1em;
	font-weight: normal;
	padding: 0.125em;
    }
.input {
	background-color: #C4C400;
	color: black;
	font-size: 1.1em;
	border: 0.063em solid #999;
	border-bottom: 0.063em;
	width: 12em;
	height: 1.5em;
	}
.submit {
	background-color: #1C4877;
	color: white;
	font-size: 1.1em;
	font-weight: bold;
	border: 0.063em solid #999;
	width: 6em;
	height: 3em;
	}

.buy {
	float: left;
	padding: 0em 0em 0em 0em;
	margin: 0.625em 0em 0.625em 0.125em;
	}
	
.sitemapa {
	color: #000000;
	background: #DEE2A3;
	margin-top: 0.5em;
	margin-bottom: 1em;
}

.sitemapb {
	color: #000000;
	background: #A5B003;
	margin-top: 0.5em;
	margin-bottom: 1em;
}

.picturefloat {
	float: left;
	border: thin none #FFFFFF;
	margin: 0.313em 0.625em 0.313em 0em;
}

.img {
	border: thin none #FFFFFF;
}
ul.bullet {
	font-size: 0.75em;
	list-style-type: inherit;
	list-style-image: url(images/TTM_bullet03.gif);
	list-style-position: inside;
	}
ul.bullet li { font-style: normal;
	}
