/* generic css */
body {
    font:normal 12px Arial, Verdana, sans-serif;
    color:#000;
    background:#fff;
    padding:0;
    margin:0;
	width:800px;
}
h1  {
    font-size:14px;
    font-weight:bold;
    padding:0;
    margin:10px 0 0 0;
}
p   {
    padding:0;
    margin:10px 0 0 0;
}
form, div, span, ul, ol, li {
    padding:0;
    margin:0;
}
img {
    display:inline;
    border:0;
}
.noprint {
    display:none;
}
.skipnav {
    position:absolute;
    top:0;
    left:0;
}

#saotw {
    background:#fff url(/students/v06/images/bg/3.3.2_back.gif) top left no-repeat;
	width:800px;
}
/* end generic css */

/* header area */
#logo {
    padding-top:7px;
    padding-left:7px;
    padding-bottom:7px;
}

#title {
    position:absolute;
    right:0;
    top:46px;
}

@media print {
    #title {display:none;}
}
/* end header area */


/* side menu area */
#mmenu-gen {
    float:left;
    clear:left;
    margin-top:16px;
    margin-bottom:16px;
    width:12.4em;
	word-wrap:break-word; 
}
#mmenu-gen div {
    border-top:1px solid #C9D9DC;
    border-bottom:1px solid #C9D9DC;
}
#mmenu-gen span {
    display:block;
    padding-top:4px;
    padding-left:15px;
}
#mmenu-gen a, #mmenu-gen a:link {
    display:block;
    width:12.4em;
    height:1.9em;
    font-weight:bold;
    text-decoration:none;
}
html>body #mmenu-gen a, html>body #mmenu-gen a:link {
    height:auto;
    min-height:1.9em;
}
#mmenu-gen a.menuitem-off {
    color:#000;
    background:#c1d1d4 url(/students/v06/images/saotw/misc/left_main_off.gif) repeat-y;
}
#mmenu-gen a.menuitem-on {
    color:#008FB6;
    background:#ffffff url(/students/v06/images/saotw/misc/left_main_on.gif) repeat-y;
}
#mmenu-gen a:hover {
    color:#008FB6;
    background:#ffffff url(/students/v06/images/saotw/misc/left_main_on.gif) repeat-y;
}

/* The search box goes inside the side-menu area, above the menu. */
div#mmenu-gen div#searchbox {
    width: 120px; height: 70px;
    margin: 0 0 0 10px;
}
div#mmenu-gen div#searchbox div#searchheading {
    margin: 0 0 -3px 0; padding: 0;
    font-weight: bold;
    font-size: 125%;
    color: #008FB6;  /* Blue */
}
div#mmenu-gen div#searchbox input#inpSearch {
    margin: 0; padding: 0;
    width: 75px; height: 18px;
}
div#mmenu-gen div#searchbox input#btnGo {
    margin: 0; padding: 0;
}
div#mmenu-gen div#searchbox a:link,
div#mmenu-gen div#searchbox a:active,
div#mmenu-gen div#searchbox a:visited {
    margin: 0; padding: 0;
    color: #333333; font-size: 80%;
    text-decoration: underline;
    background: none;
}
div#mmenu-gen div#searchbox a:hover {
    background: none;
}

/* The left-side link block is inside the side-menu area, under the menu. */
div#mmenu-gen div#leftsidelinks {
    margin: 1em 0 0 0;
    padding: 0 0 0 1em;
}
div#mmenu-gen div#leftsidelinks h2 {
    color: #008FB6;
    font-weight: bold;
    font-size: 125%;
    margin: 0.5em 0 0 0;
    border: 0;
}
/* These styles are used for most links in this block. */
div#mmenu-gen div#leftsidelinks a:link,
div#mmenu-gen div#leftsidelinks a:active,
div#mmenu-gen div#leftsidelinks a:visited {
    min-height:0;
    height:auto;
    display:inline;
    font-size:90%;
    color:#666666;
    text-decoration:underline;
    margin:0;
    padding:2px 0 0 0;
    background:none;
}
div#mmenu-gen div#leftsidelinks a:hover {
    background:none;
}

/* These styles are used for the "Bookmark This Page" link. */
div#mmenu-gen div#leftsidelinks div.bookmark {
    margin: 1em 0 0 0;
    border: 0;
}

div#mmenu-gen div#leftsidelinks div.bookmark a:link,
div#mmenu-gen div#leftsidelinks div.bookmark a:active,
div#mmenu-gen div#leftsidelinks div.bookmark a:visited {
    margin: 0; padding: 0;
    font-weight: bold;
    color: #008FB6;
    text-decoration: underline;
    background: none;
}
div#mmenu-gen div#leftsidelinks div.bookmark a:hover {
    background: none;
}


div#submenu-gen {
    padding:0;
    margin:0;
    border:0;
}
#submenu-gen div {
    border-top:1px solid #C9D9DC;
}
#submenu-gen span {
    padding-top:3px;
    padding-left:26px;
} 
#submenu-gen a, #submenu-gen a:link {
    display:block;
    width:12.4em;
    height:1.7em;
    font-weight:bold;
    text-decoration:none;
}
html>body #submenu-gen a, html>body #submenu-gen a:link {
    height:auto;
    min-height:1.7em;
}
#submenu-gen a.submenuitem-off {
    color:#000;
    background:#ffffff url(/students/v06/images/saotw/misc/subnav_off.gif) repeat-y;
}
#submenu-gen a.submenuitem-on {
    color:#000;
    background:#ffffff url(/students/v06/images/saotw/misc/subnav_on.gif) repeat-y;
}
#submenu-gen a:hover {
    color:#008FB6;
    background:#ffffff url(/students/v06/images/saotw/misc/subnav_on.gif) repeat-y;
}

 

@media print {
    #mmenu-gen {display:none;}
}
/* end side menu area */


/* top menus */
#menu1 { 
    background:#e5e8e9 url(/students/v06/images/saotw/misc/topnav-bg.gif) top left repeat-x; 
    height:1.7em;
}
#menu1 div {
    float:left;
    padding:0 5px;
}
#menu1 a, #menu1 a:link {
    display:block;
    float:left;
    height:18px;
    padding:2px 10px 0 10px;
    color:#3D3D40;
    font-weight:bold;
    text-decoration:none;
}
#menu1 #m1active a, #menu1 div a:hover {
    background:url(/students/v06/images/saotw/misc/topnav-on.gif) top left repeat-x; 
    display:block;
} 

#menu2 { 
    background:url(/students/v06/images/saotw/misc/top_subnav_off.gif) top left repeat;
    height:1.7em;
    clear:left;
}
#menu2 div {
    float:left;
    padding:0;
}
#menu2 a, #menu2 a:link {
    display:block;
    float:left;
    height:18px;
    padding:2px 10px 0 10px;
    font-weight:bold;
    text-decoration:none;
    color:#fff;
}
#menu2 #m2active a, #menu2 #m2active a:link, #menu2 div a:hover {
    background:url(/students/v06/images/saotw/misc/top_subnav_on.gif) top left repeat-x;
    display:block;
    color:#81A73E;
}

@media print {
    #menu1, #menu2 {display:none;}
}
/* end top menus */

/* right side */
.right-main {
    padding-top:105px;
}
.content-pic {
    display:block;
    float:right;
    padding-left:10px;
    padding-bottom:5px;
}
.vspace15 {
    height:15px;
    line-height:15px;
}
@media screen {
    #rightside {
        padding-top:10px;
        margin-left:165px;
    }
}
@media screen {
    #rightside-wide {
        padding-top:10px;
        margin-left:10px;
    }
}
@media print {
    #rightside {width:572px;}
}
@media print {
    #rightside-wide {width:727px;}
}
#rightside #content {
    width:595px;
}
#rightside-wide #content {
    width:762px;
}
#content div {
    padding-right:10px;
    padding-left:8px;
}
#content h1 {
    margin:10px 0 0 0;
    padding:0;
    font-size:16px;
    font-weight:bold;
}
#content h2 {
    margin:20px 0 0 0;
    padding:0;
    font-size:16px;
    font-weight:bold;
}
#content p {
    margin:10px 0 0 0;
}
#content a, #content a:link, #content a:visited {
    color:#336;
    text-decoration:underline;
}
#content table, #content th, #content td {
    font:inherit;
}

#definition {
    width:400px;
    height:220px; 
    background:#fff url(../images/bg/3.3.3_back.gif) top left no-repeat;
}

#list {
width:470px;
 height:220px; 
    background:#fff url(../images/bg/3.3.3_back.gif) top left no-repeat;
}

#list-content{
   width:450px;
   position:absolute;
    top:120px;
    left:12px;
    padding-right:10px;


}
#definition-content{
   width:380px;
   position:absolute;
    top:120px;
    left:12px;
    padding-right:10px;


}
.subsection {
    clear:right;
    float:left; 
    width:180px; 
    height:210px;
    display:table;
    margin-right:9px;
    margin-top:10px;
}
.subsection img {
    display:inline;
    vertical-align:-2px;
}
.subsection p {
    padding:0 10px;
    margin:5px 0;
}
.subsection a, .subsection a:link, .subsection a:visited {
    color:#336;
    text-decoration:underline;
} 
.portal-button {
    padding-left:10px;
}

#datestamp {
    clear:both;
    padding-top:12px;
    font-size:10px;
    background:#fff;
    color:#666;
}
/* end right side */


/* data tables */
#content table.f-datatable {
    border-top:1px solid #647378;
    border-left:1px solid #647378;
    clear:both;
}
#content table.f-datatable th {
    color:#fff;
    background:#647378;
    font-weight:bold;
}
#content table.f-datatable td {
    color:#000;
    background:#DAE1E3;
    border-right:1px solid #647378;
    border-bottom:1px solid #647378;
    white-space:nowrap;
    font-weight:bold;
}
#content table.f-datatable a, #content table.f-datatable a:link {
    text-decoration:underline;
}
/* end data tables */

/* Content div text styles. C. Ott */

/* This style for the banner image avoids putting a BR below it. */
h2#bannercontainer {
    padding:0 0 0 8px; 
    margin:0 0 20px 0; 
    width:586px; 
    height:164px; 

}
div.linkblock {
    width: 30%;
    margin: 0;
    padding: 0;
    float: left;
}
div.linkblock div.blueheading {
    background: #008FB6; /* Blue */
    color: white; font-weight: bold;
    margin: 0;
    padding: 0.25em 0 0.25em 1em;
}
div.linkblock div.blackheading {
    color: black;
    margin: 0;
    padding: 0.25em 0 0.25em 1em;
    font-weight: bolder;
}
 div.linkblock ul {
    margin: 0; padding: 0.5em 1em 1em 1em;
    background: white;
    list-style: none;
}
div.linkblock ul li {
    margin: 0 0 0.5em 0;
}

/* The right-side links need more space between items. */
div.linkblock ul.wordylinks li {
    margin: 0 0 1em 0;
}
.dotborder {
    border-left: 1px dotted #333333;
}
div#fafsalink { clear: both; float: left; }
div#fafsalink a {text-decoration: none; border: none; }
 
div#speciallist ul
{
list-style-type: none;
padding: 0;
margin: 0;
}

div#speciallist li
{
background-image: url(/students/v06/images/saotw/misc/dash.gif);
background-repeat: no-repeat;
background-position: 0 .4em;
padding-left: .6em;
}

div#content div#textarea {
    width:413px;
    float:left;
}

div#content p {
    margin:0 0 0.5em 0;
}
div#content h1 {
    color: #008FB6; /* Blue */
    font-weight: bold;
    font-size: 150%;
    margin: 0.5em 0 0.25em 0;
}
/* Blue bar heading with white text */
div#content h2.bluebar {
    display: block;
    font-size: 110%;
    width: 400px; color: white;
    background: #007AA9; /* Blue */
    font-weight: bold;
    padding: 0.25em 0.5em 0.25em 0.5em;
    margin: 1.5em 0 1em 0;
}
div#content h2.bluebar a:link,
div#content h2.bluebar a:active,
div#content h2.bluebar a:visited {
    font-size: 85%;
    color: white;
    text-decoration: underline;
}
/*.toplink {
    position: relative;
    left: 20em;
    width: 5em;
    padding: 0 0 0 1.5em;
    background: url(/students/v06/images/saotw/misc/little_white_triangle.gif) top left no-repeat;
}*/
div#content h2.bluebar span.toplink {
    display:block;
    text-align:right;
    width:3.4em;
    margin-left:24.5em;
    margin-top:-1.0em;
    background:url(../images/saotw/misc/little_white_triangle.gif) 1px -2px no-repeat;
}
.toplink_only {
	 float:right;  
	 background: url(/students/v06/images/saotw/misc/little_white_triangle.gif) top right no-repeat;
 }
div#content h3 {
    margin: 0.25em 0 0 0;
    font-size: 110%;
    font-weight: bold;
}
div#content a:link,
div#content a:active,
div#content a:visited {
    color: #008FB6;
    text-decoration: underline;
}

div#content div#sidebar {
    width:138px;
    margin-top:60px;
    float:right; 
}
div#content div#sidebar img {
    clear:both;
    border:0;
    padding:0;
    margin:0;
}

div#content div#sidebar a:link,
div#content div#sidebar a:active,
div#content div#sidebar a:visited {
    display: block;
    color: white; background: #007AA9; /* Blue used in images here */
    font-size: 90%;
    margin: 0;
    padding: 0 1em 0.5em 2em;
    text-decoration: underline;
}
div#content div#sidebar a.firstitem {
    padding-top: 6px;
}
div#content div#sidebar div.titleitem  {
    padding-top: 6px;
    color: white; background: #007AA9; /* Blue not used in images here */
    font-weight: bold;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #fff;
    padding-bottom: 4px;
}

/* The language links block is absolutely positioned in the upper-right of the page. */
div#languagelinksblock {
    position: absolute;
    margin: 1% 0 0 85%;
    width: 10em; height: 1.5em;
    font-weight: bold;
    color: #008FB6; /* Blue */
}
div#languagelinksblock a:link,
div#languagelinksblock a:active,
div#languagelinksblock a:visited {
    font-weight: bold;
    color: #008FB6; /* Blue */
}

span.i {
    font-size: 50%;
    margin: 0;
    padding: 0 0.5em 2em 0.5em;
    text-decoration: underline;
}

div#content div#sidebarspecial {
    width:145px;
    margin-top:60px;
    float:right; 
}
div#content div#sidebarspecial img {
    clear:both;
    border:0;
    padding:0;
    margin:0;
}

div#content div#sidebarspecial a:link,
div#content div#sidebarspecial a:active,
div#content div#sidebarspecial a:visited {
    color: white; background: #007AA9; /* Blue used in images here */
    font-size: 95%;
    text-decoration: underline;
}
 
div#content div#sidebarspecial div.titleitemspecial  {
    padding-top: 6px;
    color: white; background: #007AA9; /* Blue not used in images here */
	font-size: 95%;
    font-weight: normal;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #fff;
    padding-bottom: 4px;
}