/* CSS Document */
body { margin: 0px; background: url(images/stron_img_bkgd.jpg) top repeat-x; }
p { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #000; }
span { font-size: 10px; }
b { font-size: 12px; }
table { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #000; }
strong { font-size: 11px; }
em { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #000; }
h1 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8px; color: #000; }
#subtexts li { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #000; }

a:link { color: #0000FF; text-decoration: none; }
a:visited { text-decoration: none; color: #000099; }
a:hover { text-decoration: underline; color: #0066FF }
a:active { text-decoration: none; color: #0033CC; }

#wrap { float: left; width: 975px; height: auto 100%; }
#topbar { float: left; width: 975px; height: 36px; background: url(images/stron_img_01.jpg) no-repeat; }
#headerwrap { float: left; width: 975px; height: 58px; }
	#logo { float: left; width: 289px; height: 58px; }
	#btn { float: left; width: 686px; height: 58px; background: url(images/stron_img_05.jpg); }
#btmbar { float: left; width: 975px; height: auto 100%; }
#infowrap { float: left; width: 720px; height: auto 100%; }
#leftbar { float: left; width: 289px; height: auto 100%; }
	#imgleft { float: left; width: 289px; height: 136px; }
	#leftinfo { float: left; width: 289px; height: 923px; background: url(images/stron_img_12.jpg) no-repeat top; }
	#mapheader { float: left; width: 411px; height: 30px; padding-left: 10px; margin-top: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; color: #1a4c71; }
	#map { float: left; width: 421px; height: 295px; margin: 0 0 15px 0;}
#centerbar { float: left; width: 431px; height: 100%; }
	#imgcenter { float: left; width: 431px; height: 136px; background: url(images/stron_img_10.jpg) no-repeat top; }
#textheader { width: 400px; height: 20px; padding: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; font-weight:bold; color: #FFFFFF; margin-top: 85px; margin-left: 5px; }
#textheader2 { width: 400px; height: 20px; padding: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-weight:bold; color: #FFFFFF; margin-top: 85px; margin-left: 5px; }
	#centerinfo { float: left; width: 431px; height: auto 100%; }
#subheader { float: left; width: 421px; height: 20px; padding: 5px; background: url(images/fade.gif) repeat-x; margin-top: 5px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #000; }
#photo { float: left; width: 75px; height: 107px; margin-left: 5px; margin-right: 10px; }
#texts { float: left; width: 325px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #000; }
#subtexts { float: left; width: 421px; height: auto 100%; padding: 0px 5px 0px 5px; }
*html #subtexts { float: left; width: 411px; height: auto 100%; padding: 5px; }
#rightbar { float: left; width: 255px; height: auto; }
	#imgright { float: left; width: 255px; height: 136px; }
	#rightinfo { float: left; width: 255px; height: 752px; background: url(images/stron_img_14.jpg) no-repeat top; }
	#imgrightbtm { float: left; width: 255px; height: 171px; background: url(images/stron_img_16.jpg) no-repeat; }
	#rotaimg { float: left; width: 215px; height: 137px; margin: 16px 0 0 24px; }
	*html #rotaimg { float: left; width: 215px; height: 137px; margin: 16px 0 0 12px; }
#lossad { float: left; width: 169px; height: 115px; border: 1px solid #003366; margin: 125px 0 0 75px; padding:5px; }
*html #lossad { float: left; width: 169px; height: 115px; border: 1px solid #003366; margin: 125px 0 0 32px; }
#lossad02 { float: left; width: 179px; height: 245px; border: 1px solid #003366; margin: 15px 0 0 75px; }
*html #lossad02 { float: left; width: 179px; height: 245px; border: 1px solid #003366; margin: 15px 0 0 32px; }
#footer { float: left; width: 975px; height: 67px; background: url(images/stron_img_17.jpg) repeat-x; }
#ftext { float: left; width: 955px; height: 20px; padding-left: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #000; }
*html #ftext { float: left; width: 955px; height: 20px; padding-left: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #000; }
#border { border: 1px solid #999999; width: 150px; }
#border2 { border: 1px solid #999999; width: 304px; height: 52px;  }
#border3 { float: left; }
#studtexts { float: left; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #000; margin: 0 55px 0 0; }
#art { float: left; margin-bottom: 5px; margin-right: 10px; margin-top: 3px; border: 2px solid #999999;  } 
*html #art { float: left; margin-bottom: 20px; margin-right: 10px; margin-top: 0px; }
#art2 { float: right; margin-bottom: 5px; margin-left: 10px; margin-top: 3px; border: 2px solid #999999;  } 
*html #art2 { float: right; margin-bottom: 20px; margin-left: 10px; margin-top: 0px; }
#art3 { float: left; margin-bottom: 5px; margin-right: 10px; margin-top: 3px; border: 1px solid #999999;  } 
*html #art3 { float: left; margin-bottom: 20px; margin-right: 10px; margin-top: 0px; }
#featured  { width: 170px; height: 525px; padding-top: 3px; border: 1px solid #003366; margin: 125px 0 0 23px; background-color: #FFF; }
*html #featured  { width: 170px; height: 500px; padding-top: 3px; border: 1px solid #003366; margin: 125px 0 0 15px; background-color: #FFF; }
#pmembers { float: left; width: 700px; padding-left: 10px; }
#sideart { border: 1px solid #1a4c71; width: 210px; margin-left: 60px; margin-top: 260px; background: url(images/stron_sideart_10.jpg) repeat-y;  }
#imgart { border: 1px solid #1a4c71; width: 180px; margin-left: 15px; margin-top: 10px; }
#conart2 { float: left; width: 418px; height: 24px; border: 2px solid #999999; background: url(images/construction.jpg) center no-repeat; padding-top: 120px; margin-bottom: 20px;  } 
*html #conart2 { float: left; width: 415px; height: 24px; border: 2px solid #999999; background: url(images/construction.jpg) center no-repeat; padding-top: 120px; margin-bottom: 20px;  }


#nav {float:left;padding:0; margin:0 0 0 265px; list-style:none; height:38px; background: url(images/black_0.gif) repeat-x; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold;}
*html #nav {float:left;padding:0; margin:0 0 0 135px; list-style:none; height:31px; background: url(images/black_0.gif) repeat-x; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold;}
#nav li.top {display:block; float:left;}
#nav li a.top_link {display:block; float:left; height:35px; line-height:33px; color:#fff; text-decoration:none;  padding:0 0 0 3px; cursor:pointer;background: url(images/black_0.gif);}
*html #nav li a.top_link {display:block; float:left; height:31px; line-height:33px; color:#fff; text-decoration:none;  padding:0 0 0 3px; cursor:pointer;background: url(images/black_0.gif);}
#nav li a.top_link span {float:left; display:block; padding:0 19px 0 12px; height:35px; background: url(images/black_0.gif) right top no-repeat;}
#nav li a.top_link span.down {float:left; display:block; padding:0 19px 0 12px; height:35px; background: url(images/black_0a.gif) no-repeat right top;}
*html #nav li a.top_link span {float:left; display:block; padding:0 19px 0 12px; height:31px; background: url(images/black_0.gif) right top no-repeat;}
*html #nav li a.top_link span.down {float:left; display:block; padding:0 19px 0 12px; height:31px; background: url(images/black_0a.gif) no-repeat right top;}

#nav li:hover a.top_link,
#nav a.top_link:hover
{color:#fff; background: url(images/blue_1.gif) no-repeat;}
#nav li:hover a.top_link span, 
#nav a.top_link:hover span
{background:url(images/blue_1.gif) no-repeat right top;}
#nav li:hover a.top_link span.down,
#nav a.top_link:hover span.down
{background:url(images/blue_1a.gif) no-repeat right top; padding-bottom:3px;}

#nav table {border-collapse:collapse; padding:0; margin:0; position:absolute; left:0; top:0;}

#nav li:hover {position:relative; z-index:200;}
#nav a:hover {position:relative; white-space:normal; z-index:200;}

#nav :hover ul.sub
{left:1px; top:38px; background: #50b5d0; padding:3px; border:1px solid #0b4d97; white-space:nowrap; width:240px; height:auto; z-index:300;}
#nav :hover ul.sub li
{display:block; height:20px; position:relative; float:left; width:240px; font-weight:normal;}
#nav :hover ul.sub li a
{display:block; font-size:11px; height:18px; width:240px; line-height:18px; text-indent:5px; color:#000; text-decoration:none;border:1px solid #50b5d0;}
#nav li ul.sub li a.fly
{background:#50b5d0 url(images/arrow.gif) 240px 6px no-repeat;}
#nav :hover ul.sub li a:hover 
{background:#3f96a9; color:#fff; border-color:#fff;}
#nav :hover ul.sub li a.fly:hover
{background:#3f96a9 url(images/arrow_over.gif) 240px 6px no-repeat; color:#fff;}

#nav li b {display:block; font-size:11px; height:18px; width:240px; line-height:18px; margin-bottom:3px; text-indent:6px; color:#ff6; border-bottom:1px solid #ff6; cursor:default;}

#nav a:hover a:hover ul,
#nav a:hover a:hover a:hover ul,
#nav a:hover a:hover a:hover a:hover ul,
#nav a:hover a:hover a:hover a:hover a:hover ul
{left:89px; top:-4px; background: #50b5d0; padding:3px; border:1px solid #0b4d97; white-space:nowrap; width:90px; z-index:400; height:auto;}

#nav ul, 
#nav a:hover ul ul,
#nav a:hover a:hover ul ul,
#nav a:hover a:hover a:hover ul ul,
#nav a:hover a:hover a:hover a:hover ul ul
{position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

#nav li:hover li:hover > ul
{left:90px; top:-4px; background: #50b5d0; padding:3px; border:1px solid #0b4d97; white-space:nowrap; width:90px; z-index:400; height:auto;}
#nav li:hover > ul ul 
{position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}
#nav li:hover li:hover > a.fly
{background:#3f96a9 url(images/arrow_over.gif) 80px 6px no-repeat; color:#fff; border-color:#fff;} 
#nav li:hover li:hover > li a.fly
{background:#50b5d0 url(images/arrow.gif) 80px 6px no-repeat; color:#000; border-color:#50b5d0;} 



/* =-=-=-=-=-=-=-[Menu Eight]-=-=-=-=-=-=-=- */
	
#menu8 { width: 200px; margin-top: 80px; margin-left: 60px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 80%; font-weight: bold; }
#menu8 li a { text-decoration: none; height: 32px; voice-family: "\"}\"";  voice-family: inherit; height: 24px; }
#menu8 li a:link, #menu8 li a:visited { color: #777; display: block; background: url(images/menu8.gif); padding: 8px 0 0 20px; }
#menu8 li a:hover { color: #257EB7; background: url(images/menu8.gif) 0 -32px; padding: 8px 0 0 25px; }
#menu8 li a:active { color: #fff; background: url(images/menu8.gif) 0 -64px; padding: 8px 0 0 25px; }
#menu8 ul { list-style: none; margin: 0; padding: 0; }