A         { color: navy;}

A:visited { color: maroon; }

A:hover   { background-color: #cccccc;
            color: black;}


A:active  { color: red; }

body      { margin-top:0;
            background-repeat: no-repeat;
            background-color: white;
            background-position: right top;
            color:black ;
            font-family: Arial, Helvetica, san-serif;
            font-size: 14px;
}

h1   { color: #D2E7F4;
       background-color:#2F475E; 
       margin: 0 -5px 2px -5px; 
       padding-left: 5px ;}

h2 { color:#2F475E;
     font-size: 1.15em; } 

h3  {  color:black; font-size: 1.05em}

h4  {  color:black; font-size: 1em; }

h5  {  color:black; font-size: .95em;}

caption { color:black;
          font-variant:small-caps;}
        
b   {  color:navy; }

hr  {  color: black; }

em    { color: red;  }

th  { background-color: #2F475E;
      color: #D2E7F4;
      FONT-SIZE: 14px; 
      padding-top: 3px;
      padding-bottom: 3px;}

th a, th a:hover, th a:visited, th a:active  { background-color: #2F475E;
      color: #D2E7F4;
      FONT-SIZE: 14px; 
      padding-top: 3px;
      padding-bottom: 3px;
      text-decoration: none;
      }

input, select, textarea { font-size: 14px; }

td  { font-weight:normal;
      FONT-SIZE: 14px; }

.menu  {   FONT-WEIGHT: normal;
           font-size: 14px;
           list-style-image: url('../images/steelball.gif');       }

.menu ul {   FONT-WEIGHT: normal;
             font-size: 12px;
             list-style-image: url('../images/bullet_yellow.gif');
             margin-top: 10px  ;        
             color: Yellow; }
             
.menu li { margin-top: 10px ;}

.menu ul li { margin-top: 5px ;}

.menu a, .menu a:visited  {   Text-Decoration: none;
                        color: #0033CC;
                        padding-right: 10px;  }
 
.bg  { background-color: black;
       color:#FFCC00;}
       
.smbutton { font-size:smaller; 
            color:#2F475E; }
            
.np { color:#2F475E;
      font-size: .75em; 
      vertical-align:top;} 

       
abbr, acronym{
	border-bottom:#cccccc dotted 1px;
	cursor:help;
	}

#nav {
 background-image: url('/images/LogoSM.gif');
 background-repeat: no-repeat;
 background-position: right bottom;
 background-color:#6699cc;
 margin: 0px -20px 0px 0px;
 padding: 0px 20px 9px 10px;
 position: relative;
 /*border-bottom:3px double black;*/
 left:-10px ;
 top: -10px;
 height: 120px;
 
}

#window {
 background-image: url('/images/LogoXSM.gif');
 background-repeat: no-repeat;
 background-position: right bottom;
 background-color:#6699cc;
 margin: 0px -20px 0px 0px;
 padding: 0px 20px 9px 10px;
 position: relative;
 /*border-bottom:3px double black;*/
 left:-10px ;
 top: -10px;
 height: 60px;
 
}

#header {
 position: absolute;
 /*border-bottom:3px double black;*/
 left:10px ;
 top: 20px;
}

#header b {
 FONT-WEIGHT: bold;
 font-size: 20px;
 color:#2F475E;
}

#logout {top:75;
   right:150;
   position:absolute;
   margin:0; padding:0; 
   FONT-WEIGHT: normal;
   FONT-SIZE: 11px;
   LINE-HEIGHT: 12px;
}

#subnav {
  background-color:#2F475E;
  color:#D2E7F4;
  top: -10px;
  margin: 0px -20px 0px 0px;
  padding: 0px 20px 5px 10px;
  position: relative;
  left:-10px ;
  top: -10px;
  height: 17px;
  border-bottom:1px solid #666666;
  FONT-WEIGHT: normal;
  FONT-SIZE: 11px;
  LINE-HEIGHT: 12px;
}

#subnav ul {FONT-SIZE: 11px;}


#subnav #help a, .submenu a, #help a {
text-decoration:none;
color:#D2E7F4;
font-weight:normal;
background-color:#2F475E;
}

.menu a, .menu a:visited { text-decoration:none; }

#subnav #help { LINE-HEIGHT: 20px;}

#subnav #help a:visited, #help a:visited { color:#D2E7F4; }
#subnav #help a:hover, #help a:hover, .submenu a:hover font, .submenu a:hover 
        { color:white; background-color:transparent;}


#footer, .foot {
    font-weight : normal;
    font-size : 11px;
    line-height : 12px;
    clear:both;
}

#error {color:red; }

#colContainer
{ clear:both; width:780; text-align:left;}

#leftmostCol
{
    float: left;
    text-align:left;
	width: 50%;
}

#rightmostCol
{
	float: right;
    text-align:left;
	width: 50%;
}

.leftmostCol
{
    float: left;
    text-align:left;
	width: 47%;
	border: solid thin #2F475E;
	margin-left:2%;
	margin-bottom:20;
}

.rightmostCol
{
	float: right;
    text-align:left;
	width: 47%;
	border: solid thin #2F475E;
	margin-right: 2%;
	margin-bottom:20;
}

.bar { color: gray; }

.tab { width: 90%; }

table {border-collapse: collapse;
       border-color: cccccc;}
       
.goal { text-align:left; 
        font-weight:bold; 
        border-top:thin solid #2F475E;
        border-bottom:thin solid #2F475E;
        background-color:#D2E7F4; 
        color:Black;
}

.goal2 {text-align:center; font-weight:bold; border:thin solid navy;}

.ghead { text-align:center; 
        font-weight:bold; 
        border-top:thin solid #2F475E;
        border-bottom:thin solid #2F475E;
        
}

.tabbody TH, .th { background-color: #D2E7F4; color: #2F475E;  font-weight: bold;}
.goaltable { width: 90%;}
.objtable  { width: 90%;}
.goaltable th { background-color:#2F475E; color: #D2E7F4;}
.objtable  th { background-color:#6699cc; color: black;}
.targtable    { background-color:#D2E7F4; }
.targtable th { background-color:#2F475E; color:#FFFFFF; }
TH.required  { color:orange;}
.threq { background-color: #D2E7F4; color: orange;  font-weight: normal;}
.tabbody b { color: #666666; }
span.mastered { color:blue; }
span.done     { color:gray; }
span.donemast { color:teal;}
.mastered td { color:blue; }
.done     td { color:gray; }
.donemast td { color:teal;}
.required    { color:orange; }
.req         { color:orange; font-weight:bold;}
span.required  { font-size:10px;}

.info {
	background-color : #D2E7F4;
	padding : 10px 10px 10px 10px;
	margin : 20px 2% 0 2%;
	font-weight: normal;
	border: thin solid #2F475E;
	color:black;
	clear:both;
}

.clearbox {
	background-color : #ffffff;
	padding : 10px 10px 10px 10px;
	margin : 20px 2% 0 2%;
	font-weight: normal;
	border: thin solid #ffffff;
	color:black;
	clear:both;
}

.bluebox {
	   background-color : #D2E7F4;
	   padding: 2px 5px 2px 5px;
 	   font-weight: normal;
	   border: thin solid #2F475E;
   	   color:black; }

.pinkbox {
	   background-color : #FFF4E4;
	   padding : 2px 5px 0px 5px;
 	   font-weight: normal;
	   border-left: thin solid #D2E7F4;
	   border-right: thin solid #D2E7F4;
	   border-bottom: thin dotted #D2E7F4;
   	   color:black; }

.lbluebox, .simplebox {
	   background-color : #E8F0F4;
	   padding : 2px 5px 0px 5px;
 	   font-weight: normal;
	   border-left: thin solid #D2E7F4;
	   border-right: thin solid #D2E7F4;
	   border-bottom: thin dotted #D2E7F4;
   	   color:black; }

.simplebox {
	   background-color : #E8F0F4;
	   padding : 2px 5px 0px 5px;
	   margin : 2px 25px 0px 25px;
 	   font-weight: normal;
	   border: thin dotted #006699;
   	   color:black; 
   	   font-size: .85em }
   	   
.ltbox {
	   background-color : #ffffff;
	   padding : 2px 5px 0px 5px;
 	   font-weight: normal;
	   border-left: thin solid #D2E7F4;
	   border-right: thin solid #D2E7F4;
	   border-bottom: thin dotted #D2E7F4;
   	   color:black; }

.tanbox, .goaltable TH.tanbox {
	   background-color : #CCCCCC;
	   padding : 2px 5px 0px 5px;
	   border-left: thin solid #D2E7F4;
	   border-right: thin solid #D2E7F4;
	   border-bottom: thin dotted #D2E7F4;
   	   color:black; }

.lttanbox {
	   background-color : #CCFFFF;
	   padding : 2px 5px 0px 5px;
	   border-left: thin solid #D2E7F4;
	   border-right: thin solid #D2E7F4;
	   border-bottom: thin dotted #D2E7F4;
   	   color:black; }
   	   
.graybox {
	   background-color : #EEEEEE;
	   padding : 2px 5px 0px 5px;
 	   font-weight: normal;
	   border-left: thin solid #D2E7F4;
	   border-right: thin solid #D2E7F4;
	   border-bottom: thin solid #D2E7F4;
   	   color:black; }

.uname   { font-style: italic;  
           padding-right: 50px;}

.noscreen { visibility: hidden; position:absolute; }

#loginbox 
{       position: relative;
		width: 300px;
		height: 200px;
		margin-left:12px;
		border: solid thin #2F475E;
		background-color: white;
		z-index:50;
	}
	
#login {
		position: absolute;
		margin: -112px auto auto -162px; /* half of p height auto auto half of box width */
		left: 50%;
		top: 50%;
		width: 324px;
		height: 224px;
		display: none;
		vertical-align: middle;
		background-color: transparent;
		z-index:51;
	}

	
.loghead {
		width: 300px;
		height: 20px;
		color: #ffffff;
		background-color: #2F475E;
		font-size: 16px;
		font-weight: bold;
	}



ul.toc ul ul ul { list-style-image: url('/images/wiki/minus.png');  }
ul.toc ul ul ul ul { list-style-image: url('/images/wiki/plus.png');  }

.full { width: 90%; }

#print_head {visibility: hidden; position:absolute;}
#ajaxcontent, #ajaxcontent1, #ajaxcontent2, #ajaxcontent3, #ajaxcontent4, #ajaxcontent5
{ text-align:left; padding-left:0;}

@media print {
#nav      { visibility: hidden; position:absolute;}
#nav2     { visibility: hidden; position:absolute;}
#subnav   { visibility: hidden; position:absolute;}
#footer   { visibility: hidden; position:absolute;}
.noprint  { visibility: hidden; position:absolute;}
.noscreen { visibility: visible ; position:static;}
abbr, acronym{	border-bottom:none;	}
.full     { width: 100%; }
#print_head {width:98%;border: thin #006699 solid;visibility:visible; position:static; margin-bottom:10px;}
.noprint, .noprint tr, .noprint tr td { border-color: transparent; }
#archivelink, #proposedlink, #qroomlink, .edit  { visibility: hidden; position:absolute;}
}

@media handheld {
#logout   { visibility: hidden; position:absolute; }
A         { color: black;}
A:visited { color: maroon; }
A:hover   { background-color: transparent; color: black;}
A:active  { color: red; }
h1, h2, h3, h4, p, b, em, th	
          {  color: black; background-color:transparent;}
.bg       { background-color: transparent;
            color:black;} 
#here, #sub .subhere, #sub .help  { visibility: hidden; position:absolute; }
.topmenu, .topmenu span  { display:inline; padding:0; margin:0; font-size: 14px;}
#sub, #sub p span, #sub p { display:inline; padding:0; margin:0; font-size: 14px;}
#footer { line-height: 18px;}
.goaltable, .objtable    { width: 100%; }
.hh, .edit     { visibility: hidden;}
}

iframe #logout   { visibility: hidden; position:absolute; }
iframe #here, iframe #sub .subhere, iframe #sub .help  { visibility: hidden; position:absolute; }
iframe .topmenu, iframe .topmenu span  { display:inline; padding:0; margin:0; font-size: 14px;}
iframe #sub, iframe #sub p span, iframe #sub p { display:inline; padding:0; margin:0; font-size: 14px;}
iframe #footer { visibility: hidden; position:absolute; }
iframe .goaltable, iframe .objtable    { width: 100%; }




#navbar               { width:100%; 
                        padding:100px 0 0 0}
#navbar ul            { margin:0 0 0 7px;
                        padding:0;
                        list-style:none;}
#navbar ul li         { display:inline; }
#navbar ul li a span  { text-decoration:none;
                        font-weight: bold;
                        font-size: 12px;
                        line-height: 20px; 
                        padding-bottom:10;}
#navbar ul li a       { text-decoration:none;}
#navbar ul li a:hover { color:#ffcc00; 
                        background-color:transparent;} /* MSIE fix */
#navbar ul li a:hover span { background-image:url('/images/menu/tab_active.gif') !important; 
                             font-weight: bold; 
                             color: black}
.left                  { background:url('/images/menu/tab_off.gif') top left; 
                         padding-left:5px; padding-right:9px; padding-top:5px; padding-bottom:5px}	  
.right                 { color: black;
                         background:url('/images/menu/tab_off.gif') top right; 
                         padding-left:0; padding-right:20px; padding-top:5px; padding-bottom:5px }
#current span          { background-image:url('/images/menu/tab_on.gif') !important;
                         font-weight:bold; 
                         color: #ffcc00;}
#nav                   { padding: 0;}
#navbar ul #current a:hover span  { background-image:url('/images/menu/tab_on.gif') !important; color: #ffcc00; }
/* here colors */
.subhere,#subhere {color:#ffcc00;}
.inputError {background-color:#FFEEAA;}
.noError {background-color:white;}

.helphead {
		width: 100%;
		height: 27px;
		color: #ffffff;
		background-color: #006699;
		font-size: 16px;
		font-weight: bold;
}

#pophead 
{   width:100%;
	height: 27px;
	color: #ffffff;
	background-color: #006699;
	font-size: 16px;
	font-weight: bold;
}

#helpWindow 
{   margin-left: -300px; 
    left: 50%; 
    top: 20px; 
    width:650; 
    position:absolute; 
    z-index:10; 
}

#windowpane 
{
    width:600;
    position:absolute; 
    display:none; 
    z-index:10;
}