#extended {width:180px;position:absolute;left:780px;top:105px;font-size:90%;margin:10px 0 0 0;text-align:left;}

/* main content styles
----------------------------------------------- */

.leftwindow {float: left;margin-right: 10px;width: 300px;}
.windowwrap {border-right: 1px solid #000;border-top: 1px solid #000;}
.rightwindow {border-right: 1px solid #000;border-top: 1px solid #000;float: right;position: absolute;width: 320px;left: 310px;}

.tab1 {background-color: #9B5BA4;height: 30px;padding: 2px 0 0 3px;color: #fff;}
.tab2 {background-color: #557AA8;height: 30px;padding: 2px 0 0 3px;color: #fff;}
.tab3 {background-color: #FFD457;height: 30px;padding: 2px 0 0 3px;color: #fff;}

#content h1 {background-color: #fff;border-top: 1px solid #6C747F;border-right: 1px solid #6C747F;height: 20px;padding: 5px 0 4px 5px;color: #000;font-size: 130%; margin: 5px 0 5px 0;}
#content h2 {padding: 2px 0 0 3px;color: #6C747F;font-size: 120%;margin: 5px 0 5px 0; height:20px; border-right:1px solid #6C747F;border-top:1px solid #6C747F;}
#content h4  {margin: 20px 5px 0 0;padding: 0;font-size: 100%;font-weight: bold; color: #000;}
#content h6 {margin: 20px 5px 0 0;padding: 0;font-size: 100%;font-weight: bold; color: #000;}


#content hr { border: 0;width: 80%; color: #999;background-color: #6C747F; height: 1px;}
#related {background-color: #F3D4E7;color: #000;  border: 1px solid #8A91B1; margin: 10px 0 0 0;}
#related div ul {padding: 3px; list-style-type: square; font-weight: bold; margin: 10px 10px 15px 20px;}
#related ul li {padding: 4px 0; }
#related  a {color: #000; text-decoration: none; }
#related  a:hover {text-decoration: underline; }
#related  h4  {color: #000000; border-bottom: 1px solid #8A91B1; padding: 5px; font-size: 100%; margin: 0; }

/* content boxes */
.miniwrap {width: 100%;background: #fff;}
.mini_content_left {width: 57%; background: #fff; font-size: 90%; float:left;border: 3px solid #8A91B1; }
.mini_content_left h3 {color: #000; background: #F3D4E7;padding: 5px; font-size: 100%; margin: 0; }
.mini_content_left p {padding: 10px 10px; margin: 0; }
.mini_content_left .pic {background: url(../i/bluegrey.gif) 10px 10px no-repeat; margin: 0; padding: 10px 10px 80px 100px; }
.mini_content_left a {font-weight: bold; color: #006; }


.mini_content {width: 40%; background: #fff; margin: 0; font-size: 90%; float:right; height: 207px; border: 3px solid #8A91B1;}
.mini_content h3 {color: #000; background: #F3D4E7;padding: 5px; font-size: 100%; margin: 0; }



.mini_content ul {padding: 0; list-style-type: none; font-weight: bold; margin: 10px 10px 15px 3px; border-top: 1px solid #fff;}
.mini_content ul li {border-bottom: 1px solid #6C747F; padding: 4px 0; }
.mini_content  a {color: #000; text-decoration: none; }
.mini_content  a:hover {text-decoration: underline; }
.mini_content div {padding: 5px;}

.clicktop {position:relative; float:right;margin-bottom: 5px;}
.clicktop a {text-decoration: none; color:#000; font-size:80%; }

.iJacket {float: right;}

#tip {width: 99%; background: #fff; font-size: 90%; float:left; border: 3px solid #8A91B1; margin-bottom: 10px;}
#tip h4 {color: #000; background: #F3D4E7; padding: 5px; font-size: 100%; margin: 0; }
#tip div {padding: 5px;}

.mini_nav {width: 185px; margin-left: 5px;  font-size: 90%; float:right; position: relative; border-right: 1px solid #8A91B1; background-color:#EAE8E8;border: 1px solid #818181; }
.mini_nav h3 {color: #000; border: 1px solid #E3E3E3; background-color:#D2D1D1;padding: 5px; font-size: 100%; margin: 0; }


.mini_nav ul {padding: 0; list-style-type: none;  margin: 10px 10px 15px 3px; }
.mini_nav ul li {border-bottom: 1px solid #818181; padding:1px;}
.mini_nav ul li ul {padding: 0; list-style-type: none;  margin:5px;;  }
.mini_nav ul li ul li {padding: 0; border:0;}
.mini_nav  a {color: #000; text-decoration: none; }
.mini_nav  a:hover {background-color:#CECECE; display:block;color:#000;}
.mini_nav div {padding: 5px;}
.mini_nav li.current {border-left: 1px #8A91B1 solid;color: #8A91B1; padding-left: 4px;  background-color:#F5F5F5;}
.mini_nav li.current a:hover {background-color:#F5F5F5;color: #000;text-decoration: underline; }


.content td.toplefttop {border: 4px solid #08B2BD; color: #08B2BD;background: #ffffff url(/skills4study/i/banners/welcome.gif) top left no-repeat;font-weight: bold; padding-top:10px;}
.content td.topleftbottom {border: 4px solid #08B2BD; color: #fff;background: #08B2BD url(/skills4study/i/banners/tip.gif) top left no-repeat; padding-top:30px;font-size:0.9em;font-weight: bold;  }
.content td.topright {border: 4px solid #A72635;background: #fff;}
.content td.middlelefttop {border: 4px solid #9C1C10; color: #078255;background-color:#FFFFFF;}
.content td.middlerighttop {border: 4px solid #215D84; color: #6A7B29;background-color:#215D84;}
.content td.middlerighttop2 {border: 4px solid #ff9933; color: #ffffff; background-color:#4c83c4;}
.content td.middleleft {border: 4px solid #7B2C73; color: #0BB3B9;background-color:#7B2C73;padding-top:3px;}
.content td.middleright {background-color:#FFFAFF;border: 4px solid #216A21;}

.content td.bottomleftleft {border: 4px solid #E78608; color: #AF3642;background-color:#fff;}
.content td.bottomleftmiddle {border: 4px solid #F7C339; color: #8A91B1;background-color:#F7C339;}
.content td.bottomleftright {border: 4px solid #4A82B5; color: #078255;background-color:#fff;}
.content td.bottomright {border: 4px solid #4A82B5; color: #6A7B29;background-color:#FFFAFF;}
.content td div {padding:10px;}
.content td div span {display:none;}
.content td div.tablenav  {padding-top:35px;color:#8A91B1; font-size:0.9em; }
.content td div.tablenav ul {width:350px; padding-top:15px; list-style: none; margin: 0px; padding-left: 0px;}
.content td div.tablenav ul li {width:350px;  border-bottom:1px solid #efefef; height:2em; float:left; overflow:hidden; }
.content td div.tablenav ul li a { color:#08B2BD; border-bottom:0; display:block; padding-top:0.4em; height:1.6em; }
.content td iv.tablenav ul li a:visited { color:#acacac; }
.content td div.tablenav ul li a:hover { background-color:#f2f2f2; color:#acacac; border-bottom:0; }