/*              stylesFIT.css               */
 /*       CSS for FIT-DC web site       */
 /* By Joel A. Burdick: web developer */

*	{border:0; padding:0; margin:0;}/* Set everything to "zero" */

body {min-height:100%; height:101%; padding-bottom:25px; padding-top:20px;
font:x-small Arial, Verdana, sans-serif;
voice-family: "\"}\"";voice-family:inherit;font-size:small;/*for IE 5.5 */}
html>body {font-size:small;}
/*font-size: small; voice-family: "\"}\"";
 voice-family: inherit; font-size: medium;*/} /* Assist IE rendering height, keyword-font sizes, etc. */

p {font-size: 90%; line-height:1.3em; margin:15px 0 20px 0; line-height:1.3em;}
h1, h2, h3, h4, h5, h6 {font-family: 'times new roman', arial, verdana, serif; background-color:none;
font-style:normal; font-variant:normal; font-weight:normal; margin-top:10px 0 10px 10px;}
h1 {font-size: 1.93em;}
h2 {font-size: 1.72em;}
h3 {font-size: 1.52em;}
h4 {font-size: 1.42em;}
h5 {font-size: 1.32em;}
h6 {font-size: 1.21em;}

a              {}
a:link      {color:#ca4014;}
a:visited  {color:#ca4014;}
a:focus, a:hover   {color:#00f;} /* "a:focus" is for Accessibility: KEY TABS, etc.*/
a:active  {color:#f00;}

/* STYLE for "bright ad" psuedo-states*/
a.FITinHome {color:#ca4014; text-decoration:none; display:block; border:0 none;}

a.FITinHome:link {color:#ec830e; outline:none;}
a.FITinHome:visited {color:#f4a918;}
a.FITinHome:hover, a.FITinHome:focus {color:#d68631; border-bottom:2px solid #353535;}
a.FITinHome:active {color:#ca4014; border-bottom:3px solid orange;}

#wrapper {position:relative; width:900px; height:auto; margin:10px auto; background-color:#faf8df;}
#wrapper h1 {text-align:center; font-size:0.9em; margin:2px 0 8px 0; background-color:none; color:#151515;}

#wrapper p {margin:9px 0 12px 0; text-indent:4px;}
#copy {width:900px; height:auto; background:#e4eeea; margin: 0 auto; padding:10px 0 6px 0;}

.menu a:hover {background-color:#f2a114; color:#fff; border:none;}
.menu p {width:900px; font-size:10px; text-align:center; padding-bottom:6px; margin:12px 0 4px 0;}

/* .menu {width:900px; margin:0 auto; height:auto; background-color:#e4eeea; border:1px solid red;}*/
ul.menu {list-style-type:none; margin:0 7px 0; width:885px; background-color:#555; padding:2px 0 ; height:30px; text-align:center; }
ul.menu li{list-style-type:none; text-align:center; display:inline; margin:0 7px 0 ; padding-left:2px;}
ul.menu li a {color:white; padding:2px 5px 2px; text-align:center;  text-align:center; display:inline-block;}
ul.menu li a:link {color:#fff; }
ul.menu li a:visited {}
ul.menu li a:focus, ul.menu li a:hover {color:black; display:inline; }
ul.menu li a:active {}
/* end MENU horiz.Navs */



#leftCol {width:231px; height:100%; float:left; background-color:#faf8df; padding-top:15px;}
 #leftCol h4 {width:202px; margin:15px auto; text-align:center;}
	#leftCol p {width:202px; margin:5px auto;}
#rightTop {position:relative; width:629px; height:200px; float:left; padding:15px 20px 25px 20px; background-color:#f3f0eb;}

/* for stretching and alignnment -CLASSES- special page */
#rightTopSpecial {position:relative; width:auto; height:200px; float:left; padding:15px 20px 25px 20px; background-color:#f3f0eb;}
#rightTopSpecial p {margin:6px 0 4px 0; font-size:1.1em; /* line-height:1.2em;*/
line-height:1.45em; font-size:1.1em; padding-top:1px; clear:both;}
#rightTop h4, h5 {width:400px; margin:20px 0 0 0; float:left;}
#rightTop p {width:570px; margin:6px 0 4px 0; font-size:1.1em; line-height:1.2em; 
line-height:1.45em; font-size:1.1em; padding-top:1px; clear:both;}
#rightTop p:first-letter {padding-left:0; margin-left:0;}


/* for stretching and alignnment special page 
#rightTopSpecial p:first-letter {font-size:1.2em; font-family:"comic sans ms"; font-weight:400; padding:0 2px 0 0;} */


#specialWorkShop {margin:10px auto 20px 100px; font-weight:bold;}
#specialWorkShop li  {list-style-type:none;}

	
	


#rtBotLeft  {width:290px; height:265px; float:left; padding:10px 10px 16px 20px; background-color:#fff; border-right:2px solid #e7e8e4;}
.sessions {font-weight:bold; letter-spacing:0.08em; line-height:2.0em; width:90%; margin-top:20px;}
.sessions span {font-size:0.8em;}

	#rtBotLeft.special ul {width:320px; padding-left:15px;}
	#rtBotLeft ul li {margin-bottom:4px;}
#rtBotRight {position:relative; width:300px; height:210px; float:left; padding:10px 0 10px 20px; background-color:#faf8df;}

em.sig {font:1.4em normal 'monotype corsiva', pristina, 'Comic Sans MS', serif italic;
width:90%; text-align:right; float:right; padding-right:50px; margin:-5px 0 9px 0; border-bottom:1px dotted silver;}

#rtBotRight.less {width:233px; background-color:transparent;}
.firstUL {width:330px; height:80px; margin:17px 0 10px 100px;}
.firstUL li {margin:0 0 5px 20px; font-weight:600;}
 a.linkback:hover {background-color:#faf8df; padding:0 3px 0 3px;} 
.marquis {font-size:9px; text-align:center; margin:2px 0 2px 0;}
h6.marquis { font-size:0.8em; background-color:white; text-align:center; margin:2px 0 2px 0;}

/* NEXT: new navigation rules */
#nav {width:195px; height:253px; float:left; background-image:url(images/nav_bg.jpg)}
#nav ul {width:185px; margin:14px 0 0 20px; background:transparent; list-style-type:none;}

#nav li {background:0 none;}

#nav li a {height:24px; text-decoration: none;}	
	
#nav li a:link, #navigate li a:visited {color:#fff;	display:block; height:24px; background: url(images/li-bg.gif) 0 -32px;padding: 4px 0 0 40px;}

/* NEXT: IE hack-around: position background-image to conceal bottom dotted line for last link */
/* Important. -Do not remove this */
#nav li.last a:link, #navigate li.last a:visited {background: url(images/li-last.gif) 0 -33px;}
/* end bottom dotted line conceal */
	
#nav li a:hover {color:#fff; font-weight:bold; letter-spacing:0.15em;padding: 4px 0 0 45px;}

#nav li a:active {color:white; height:24px; letter-spacing:0.15em;	background-image:url() 0 -32px;display:block;padding: 4px 0 0 55px;}
	/* END new navigation rules */

/*FIT Speaking*/
.speaking   {position:relative; width:auto; height:25px; margin:10px auto 0 auto; padding:6px;}
.speaking a {text-decoration:none; color:red;}
.speaking a:hover {background:none;}
.speaking a span {display:none; position:relative;}
.speaking a:hover span {display: block; width:348px; position:absolute; top:-149px; left:-380px; 
padding:20px 20px 10px; background-color:white; line-height:2.0em; border:4px double gray;}