/*
	--------
	Defaults - Working CSS
	--------
*/

* {
	font-family: Arial, Helvetica, sans-serif;

}                          

/*
	----
	body
	----
*/

body {
	padding-bottom: 40px;
     	margin-top: 0px;
     	margin-bottom: 0px;
     	margin-left: 0px;
     	margin-right: 0px;
	background-color: white;
        vlink: #0000CE;
}

/*
	-------------------
	Set default margins
	-------------------
*/
h2 {
	margin-left: 0px;
     	margin-right: 0px;
	margin-top: 0px;
	margin-bottom : 0px;
}

/*

	-------------------
	Courtesy Navigation
	-------------------
*/

div#Courtesy {

	background-color: #C04041;
	font-size: 11px;
	height: 20px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: xx-small;
	voice-family: "\"}\"";
	voice-family: inherit;
	font-size: x-small;
	border-bottom-style: solid;
	
	border-bottom-color: black;
	border-bottom-width: 1px;
}

#Courtesy ul {
	list-style-type: none;
	padding: 4px 0 4px 0;
	float: right;
}

#Courtesy ul li {
	float: left;
	margin-right: 1em;

}

#Courtesy a {
	color: white;
	text-decoration: none;
}

#Courtesy a:hover {
	text-decoration: underline;
}

/*
	---------
	Title Bar
	---------
*/

h6 {
clear:right;
	border-top-style: solid;
	border-top-color: black;
	border-top-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: black;
	border-bottom-width: 2px;
	background-color: #F0EBE5;
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: 160px 0px;
	background-image: url("/applications/LookAndFeel/images/top_banner.jpg");
	margin-bottom: 2px;
        margin-top: 0px;
	height: 102px;
	width: 100%;
	z-index: 100;
}





/*
	-----------
	ParentTitle
	-----------
	This is for the title of the banner
	which displays over the background graphic.
*/

.ParentTitle {
	float: right;
	color: white;
	padding-right: 0.7em;
	padding-top: 0.2em;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
}

@media screen {
.printonly {
display: none }
}



/*
	---------------------------------
	Search Form / Program Groups Area
	---------------------------------
*/

/*
	Search Form
*/

div#SearchForm  {
	width: 185px;
	float: left;
	margin-left: 1em;
		z-index: 101;
}


/*
	----------
	Breadcrumb
	----------
*/

#Breadcrumb {
	padding-left: 1.5em;
}

p#Breadcrumb {
	margin-top: 0;
}

#Breadcrumb a {
	color: #002655;
	text-decoration: none;
}

#Breadcrumb a:hover {
	text-decoration: underline;
}

/*


	----------
	TopPageNav
	----------
*/

#TopPageNav {
   text-align: right;
   font-size: 13px;
   font-weight: bold;
   padding-right: 15px;      
}

div#TopPageNav {
	margin-top: 0;
        margin-bottom: 5px;
}

#TopPageNav a {
        text-decoration: none;        
        font-weight: bold;
        color: #C04041;
}

#TopPageNav a:hover {
	text-decoration: underline;
	color: white;
	background-color: #9A6D4E;
}

/*


	----------
	BottomPageNav
	----------
*/

#BottomPageNav {
	text-align: right;
        padding-left: 1.5em;
}

div#BottomPageNav {
	margin-top: 0;      
}

#BottomPageNav a {
	color: #002655;
	text-decoration: none;
}

#BottomPageNav a:hover {
	text-decoration: underline;
}


#BottomPageNav td {
   font-size: 12px;
   text-align: right;
   }

/*
	----------
	Page Title
	----------
*/

#PageTitle {
	text-align: right;
	color: black;
	font-weight: bold;
	margin-bottom: 0.3em;
	margin-right: 4em;
}

/*
	border between Search/Program Groups and columns
*/

div.topRule {
	clear: left;
	border-bottom: 1px solid #D1CFC3;
	padding-bottom: 3px;
	margin-bottom: 8px;
}

#topBar{
clear:both;
width:100%; 
background-color: #8D5F79;	
color: white;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

#topBar td
{	
color: white;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

#topBar td a
{	
color: white;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

#topBar a
{	
color: white;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

/*
	---------------------------
	Positioning of main columns
	---------------------------
	columns need to total to < 100% for MSIE 6
	97% seems to work well. Maybe 98%.
*/

div#AssociatedLinks {
	float: left;
	width: 21%;
	margin-left: 1%;
	margin-right: 1%;
}

div#AssociatedLinks2 {
	float: left;
	width: 21%;
	margin-left: 1%;
	margin-right: 1%;
}

/*
	-----------
	AppContent(LeftNav included) & AppContent2(Full Page)
	-----------
*/

div#AppContent {
	float: left;
	width: 74%;
}

div#AppContent2 {
	float: left;
	width: 98%;
		margin-left: 1%;
	margin-right: 1%;
}

div#AppContent3 {
	float: left;
	width: 53%;
}


#InnerContent td a {

text-decoration: none;
color: rgb(0,28,85);

}

#InnerContent td a:hover {

text-decoration: underline;
}



#AppContent ol {
        
	font-size: 13px;
}

#AppContent ol li {

	padding: 4px 4px 4px 4px;
}

div#SearchForm, #Breadcrumb, #TopPageNav, #AppContent3 h2, #AppContent2 h2, #AppContent h2, #AppContent ul,  #SectionLinks h2, #SectionLinks h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	voice-family: "\"}\"";
	voice-family: inherit;

}

/* Be Nice to Opera */
html>div#SearchForm, html>#Breadcrumb, html>#TopPageNav, html>#AssociatedLinks h3, html>#AssociatedLinks h2, html>#AssociatedLinks2 h3, html>#AppContent h2, html>#AppContent h2, html>#AppContent p, html>#AppContent ul,  html>#SectionLinks h2, html>#SectionLinks h3 {
	font-size: 11px;
}


/*

        ---------------------------------
        Horizontal Rule
        ---------------------------------
*/
        .line {
        color: #C04041;
        background-color: #C04041;
}
/*

        ---------------------------------
        RecordReview Tables
        ---------------------------------
*/
        .RRtable {
        border-top: .1em solid #C04041;
        border-left: .1em solid #C04041;
        border-right: .1em solid #C04041;
        border-bottom: .1em solid #C04041;

}

        .RRbottomtable {
        border-top: .1em solid #009999;
        border-bottom: .1em solid #C04041;
        border-left: .1em solid #C04041;
        border-right: .1em solid #C04041;
}
/*

        ---------------------------------
        RecordReviewChecklist Tables
        ---------------------------------
*/
        .RRChecktable {
        background-color: #F8F7F3;
        border-top: .1em solid #009999;
        border-bottom: .1em solid #009999;
        border-left: .1em solid #009999;
        border-right: .1em solid #009999;

}
/*

        ---------------------------------
        RecordReview BottomTables
        ---------------------------------
*/
        .RRBtable {
        background-color: #F8F7F3;
        border-top: .1em solid #009999;
        border-bottom: .1em solid #009999;
        border-left: .1em solid #009999;
        border-right: .1em solid #009999;

}
/*

        ---------------------------------
        Expand-Collapse Links
        ---------------------------------
*/
        .expcollapse {
	color: white;
	font-size: 9px;
        margin-left: 30px;

}
/*

	---------------------------------
	Associated Links (left side menu)
	---------------------------------
*/

#AssociatedLinks {
	background-color: #EEEBE4;
}


#AssociatedLinks h2 {
        display: block;
	color: white;
	font-size: small;
	background-color: #D0CCC4;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	border-bottom-width: 1px;
}

#AssociatedLinks h2 a{
        display: block;
        padding: 3px 2px 2px 2px;
	font-size: 12px;
        text-decoration: none;
        color: #002655;
}

#AssociatedLinks h2 a:hover {
	color: white;
	background-color: #C04041;
}

#AssociatedLinks h3 {
	margin: 0px;
        padding: 0px;
	color: white;
	font-size: x-small;
	background-color: #9A6D4E;
	padding: 0 0.5em 2px 0.5em;
}

#AssociatedLinks ul {
 margin: 0px;
  padding: 0px;
	list-style-type: none;
	margin-bottom: 1em;
}

#AssociatedLinks ul li {
	color: #333333;
	border-bottom-style: solid;
	border-bottom-color: #D1CFC3;
	border-bottom-width: 1px;
}

#AssociatedLinks ul li strong{
	color: #002452;
	font-size: 11px;
	
}

#AssociatedLinks ul li a {
	display: block;
	text-decoration: none;
	padding: 3px 0.5em 2px 0.5em;
	color: #002655;
	line-height: 1.3em;
}

#AssociatedLinks ul li a:hover {
	color: white;
	background-color: #C04041;
}


/*

	---------------------------------
	Associated Links2 (expanded left side menu)
	---------------------------------
*/

#AssociatedLinks2 {
	background-color: #D1CFC3;
}

#AssociatedLinks2 h3 {
	margin: 0px;
        padding: 0px;
	color: white;
	font-size: x-small;
	background-color: #9A6D4E;
	padding: 0 0.5em 2px 0.5em;
}

#AssociatedLinks2 ul {
 margin: 0px;
  padding: 0px;
	list-style-type: none;
	margin-bottom: 1em;
}

#AssociatedLinks2 ul li {
	color: #333333;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	border-bottom-width: 1px;
}

#AssociatedLinks2 ul li strong{
	color: #002452;
	font-size: 11px;
	
}

#AssociatedLinks2 ul li a {
	display: block;
	text-decoration: none;
	padding: 3px 0.5em 2px 0.5em;
	color: #002655;
	line-height: 1.3em;
}

#AssociatedLinks2 ul li a:hover {
	color: white;
	background-color: #C04041;
}


/*
	this sets the margins for the content
	section
*/

.InnerContent {
	margin-left: 8px;
	margin-right: 8px;
}




#AssociatedLinks p, #AssociatedLinks ul, #AssociatedLinks2 p, #AssociatedLinks2 ul, #SectionLinks ul {

	font-size: 11px;

	font-family: Verdana, Arial, Helvetica, sans-serif;

}


#AssociatedLinks ul strong {
  font-size:12px;
	}



#AssociatedLinks h3 {

	font-size: 12px;

	font-family: Arial, Helvetica, sans-serif;

}

#AssociatedLinks h2 {

	font-size: 12px;

	font-family: Arial, Helvetica, sans-serif;

}

#AssociatedLinks2 ul strong {
  font-size:12px;
	}



#AssociatedLinks2 h3 {

	font-size: 12px;

	font-family: Arial, Helvetica, sans-serif;

}

/*
	special case classes
*/

/*
	screenreader: turn off display for monitors
	this allows for screenreader-only content
*/
.screenreader {
	display: none;
}

@media print {
	.noprint {
	display: none;
       }
}

/*
	BEGIN Shadow Hack
*/

/* default setup that everything sees */
.shadow {
  /* needed for Internet explorer */
  height: 2em;
  filter: shadow(Color=#000000, 
                 Direction=135, 
                 Strength=2);

  /* Needed for Gecko */
  line-height: 2em;
  white-space: nowrap;
}

/* 
 * used by browsers which know about
 * :before to create the shadow 
 */
.shadow:before {
  display: block;
  margin: 0 0 -2.10em 0.09em;
  padding: 0;
  color: #000000; 
}

/*
	END Shadow Hack
*/


/*
	border between columns and Copyright
*/

div.bottomRule {
	clear: left;
	border-top: 2px solid black;
	padding: 0;
	margin: 0;
}

/*
	------------------
	Copyright (Footer)
	------------------
*/

#Copyright {
	margin-left: 15%;
	margin-right: 15%;
	
	font-size: 11px;
	margin-top: -1.5em;
}

#Copyright ul {
	margin-top: 2em;
	list-style-type: none;
}

#Copyright ul li {
	float: left;
	margin-right: 1em;
}

#Copyright ul li a {
	color: #400080;
	text-decoration: none;
}

#Copyright ul li a:hover {
	text-decoration: underline;
}

/*
	rounded tab corners. each is named after the corresponding image
	with '_' switched to '-' for css. To insert images, use code like:
	
	<!-- Rounded Corner Tab --><div class="ltab-8d5f79-ffffff"><div class="rtab-8d5f79-ffffff"><img src="images/clear.gif" alt="" width="1" height="1" border="0" /></div><img src="images/clear.gif" alt="" width="1" height="1" border="0" /></div><!-- /Rounded Corner Tab -->
	
	The classes and associated images are named using:
	rtab | ltab = right tab corner, left tab corner
	tab-color_background-color = hex rgb values of colors
	
	Should be suitable for an #include or other content insertion method.
	Also note spacer gifs are necessary for MSIE.
*/

/*
	8d5f79 = dark purplish color
*/

div.ltab-8d5f79-ffffff {
       
        width: 100%;
	height: 5px;
	background: #8D5F79 url("images/ltab_8d5f79_ffffff.gif") left top no-repeat;
}

div.rtab-8d5f79-ffffff {
	float: right;
	width: 6px;
	height: 5px;
	background: #8D5F79 url("images/rtab_8d5f79_ffffff.gif") right top no-repeat;
}

div.ltab-8d5f79-eeebe4 {
	
        width: 100%;
	height: 5px;
	background: #8D5F79 url("images/ltab_8d5f79_eeebe4.gif") left top no-repeat;
}

div.rtab-8d5f79-eeebe4 {
	float: right;
	width: 6px;
	height: 5px;
	background: #8D5F79 url("images/rtab_8d5f79_eeebe4.gif") right top no-repeat;
}

/*
	9a6d4e = brownish color
*/

div.ltab-9a6d4e-eeebe4 {
	width: 100%;
	height: 5px;
	background: #9a6d4e url("images/ltab_9a6d4e_eeebe4.gif") left top no-repeat;
}

div.rtab-9a6d4e-eeebe4 {
	float: right;
	width: 6px;
	height: 5px;
	background: #9a6d4e url("images/rtab_9a6d4e_eeebe4.gif") right top no-repeat;
}

div.ltab-9a6d4e-ffffff {
	width: 100%;
	height: 5px;
	background: #9a6d4e url("images/ltab_9a6d4e_ffffff.gif") left top no-repeat;
}

div.rtab-9a6d4e-ffffff {
	float: right;
	width: 6px;
	height: 5px;
	background: #9a6d4e url("images/rtab_9a6d4e_ffffff.gif") right top no-repeat;
}


/*
	b390a4 = light purplish color
*/

div.ltab-b390a4-ffffff {
	
        width: 100%;
	height: 5px;
	background: #b390a4 url("images/ltab_b390a4_ffffff.gif") left top no-repeat;
}

div.rtab-b390a4-ffffff {
	  float: right;
	width: 6px;
	height: 5px;
	background: #b390a4 url("images/rtab_b390a4_ffffff.gif") right top no-repeat;
}
/*
	Program Groups
*/

#ProgramGroups ul {
	list-style-type: none;
	padding: 4px 0 4px 0;
	float: right;
	margin-right: 0.5em;
	font-weight: bold;
}

#ProgramGroups ul li {
	float: left;
}

#ProgramGroups a {
	color: #9A323D;
	padding: 2px 0.7em 2px 0.5em;
	margin-top: 0;
	text-decoration: none;
}

#ProgramGroups a:hover {
	color: white;
	background-color: #9A6D4E;
}

/*
	ProgramGroups needs to retain size in pixels
	(Search may need to as well)
*/

div#ProgramGroups {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}

/*
	Program Groups Dropdowns
	somewhat based on Son of Suckerfish Dropdowns
	modified to work with different lengths
	we can also use display: none;
*/

ul.dropdown {
	display: none;
	float: none;
	background-color: #EEEBE4;
	width: 160px;
	border-style: solid;
	border-color: #9a6d4e;
	border-width: 1px;
	padding: 0 !important;
	font-weight: normal !important;
	margin-top: 1px;
	padding-bottom: 10px !important;
}

ul.dropdown li {
	clear: left;
	border-bottom-style: solid;
	border-bottom-color: #D1CFC3;
	border-bottom-width: 1px;
	float: none;
	width: 100%;
}

ul.dropdown li a {
	color: #002655 !important;
	display: block;
	width: 100%;
}

/*
	the width=100% in the above style is needed for MSIE to make
	the whole area clickable. This is too much for others so
	we set width to auto here via a child selector, which isn't
	understood by MSIE.
*/

ul.dropdown > li > a {
	width: auto;
}

ul.dropdown li a:hover {
	color: white !important;
	background-color: #C04041 !important;
}

ul#ProgramGroupsDropNav li:hover ul.dropdown {
	display: block;
	position: absolute;
}

/*
	This is a special class for MSIE only. It duplicates the above
	effect for li:hover. It's inserted into the html via javascript.
	While the styling is different than the previous, this is due
	to yet another MSIE issue....
*/
ul#ProgramGroupsDropNav li.sfhover ul.dropdown {
	display: block;
	position: absolute;
	margin-top: 1.4em;
}

/*
	Each of the dropdowns is defined here. We set
	width and margins here. These will need to be
	adjusted if rewording or adding elements.
	
	Note that different values are required for MSIE. In particular,
	all elements needed a negative left margin.
	
	We use em's instead of pixels so that when the font
	is resize, the positions of the dropdowns should be the same.
	
	First we define widths. Unfortunately, we needed width: 100% on the
	anchors in the dropdowns to make the whole block clickable, which somehow
	makes for extra space in MSIE. 
*/

/*
	first define widths for all browsers
*/

ul#ddAcademicExcellence {
	width: 14em;
}

ul#ddAccountabilityPrograms {
	width: 16em;
}

ul#ddData  {
	width: 10em;
}

ul#ddTeacherSupport  {
	width: 19em;
}

ul#ddLearningSupport {
	width: 24em;
}

/*
	now set widths for non-MSIE browsers. We use child selectors since
	these are not recognized by MSIE
*/

ul#ProgramGroupsDropNav li > ul#ddAcademicExcellence {
	width: 16em;
}

ul#ProgramGroupsDropNav li > ul#ddAccountabilityPrograms {
	width: 18em;
}

ul#ProgramGroupsDropNav li > ul#ddData  {
	width: 12em;
}

ul#ProgramGroupsDropNav li > ul#ddTeacherSupport  {
	width: 21em;
}

ul#ProgramGroupsDropNav li > ul#ddLearningSupport {
	width: 26em;
}

/*
	now handle left margins. For some reason the dropdowns are
	going to the right of the containing element in MSIE. Thus
	we set negative left margins.
*/

/*
	this set is for MSIE browsers. these will actually affect
	all browsers, but the overrides under this will replace
	these values for non-MSIE.
*/

ul#ddAcademicExcellence {
	margin-left: -11.3em;
}

ul#ddAccountabilityPrograms {
	margin-left: -12.8em;
}

ul#ddData {
	margin-left: -7em;
}

ul#ddTeacherSupport {
	margin-left: -20.3em;
}

ul#ddLearningSupport {
	margin-left: -25.3em;
}

/*
	this set is for non-MSIE browsers. We use child selectors
	that are not handled by MSIE.
*/

ul#ProgramGroupsDropNav li > ul#ddAcademicExcellence {
	margin-left: 0;
}

ul#ProgramGroupsDropNav li > ul#ddAccountabilityPrograms {
	margin-left: 0;
}

ul#ProgramGroupsDropNav li > ul#ddData {
	margin-left: -4em;
}

ul#ProgramGroupsDropNav li > ul#ddTeacherSupport {
	margin-left: -12.1em;
}

ul#ProgramGroupsDropNav li > ul#ddLearningSupport {
	margin-left: -16.8em;
}

/*
     Remove the underline on links as a default
*/
.app:link {
        text-decoration: none;
}

.app:visited {
        text-decoration: none;
}

.app:hover {
	text-decoration: underline;
}

.app:active {
         text-decoration: underline;
}
div#SectionLinks {

	float: left;

	width: 21%;

	margin-left: 1%;

	margin-right: 1%;

}

/*

	------------------------------

	SectionLinks (right side menu)

	------------------------------

*/



#SectionLinks {

	background-color: #EEEBE4;

}



#SectionLinks h2 {

	color: white;

	background-color: #9A6D4E;

	padding: 0 0.5em 2px 0.5em;

}



#SectionLinks h3 {
 margin: 0px;
  padding: 0px;
	color: white;

	background-color: #D1CFC3;

	border-bottom: 1px solid #bbb;

}



#SectionLinks ul {
 margin: 3px;
  padding: 1px;

	list-style-type: none;

}



#SectionLinks ul li {

	color: #333333;

	border-bottom-style: solid;

	border-bottom-color: #D1CFC3;

	border-bottom-width: 1px;

}



#SectionLinks ul li a {

	display: block;

	text-decoration: none;

	padding: 3px 0.5em 2px 0.5em;

	color: #002655;

	line-height: 1.3em;

}



#SectionLinks ul li a:hover {

	color: white;

	background-color: #003366;

}



#SectionLinks h3 a {
	margin: 0px;
        padding: 0px;

	display: block;

	text-decoration: none;

	color: #002655;

	padding: 8px 0.5em 2px 0.5em;

	line-height: 1.2em;

}



#SectionLinks h3 a:hover {

	color: white;

	background-color: #C04041;

}



/*

	for non-link text in the left side menu, surround

	it with a span with this class. use with .block except

	for BST/Data Submission type (where you have a <br />

	in the code).

*/

.padlikelink {

	padding: 3px 0.5em 2px 0.5em;

}



.block {

	display: block;

}



.inline {

	display: inline;

}
/*

	tabnav is for hiding popout elements

*/



div.tabnav {

	display: none;

}

.printlink {
	display: block;
	font-size: 10pt;
	color: black;
	font-weight: normal;
}




	
	/*
	-------------------------
	Cross-browser shadow hack
	-------------------------

	The Parent Title above is white against
	a background image, and needs a shadow to
	stand out against lighter colors.
	If everything was like Safari
	and OmniWeb, we could use:
	text-shadow: 0.1em 0.1em black;
	but instead we use this hack from
	http://www.workingwith.me.uk/articles/css/cross-browser-drop-shadows/
	
	Note that a tiny part of this hack needs to be in the
	html file itself (the :before content insert)
	
	Also, this css is full of hacks to disable recognition by
	different browsers so it may be best to not mess with it...
*/

/*
	BEGIN Shadow Hack
*/

/* default setup that everything sees */
.shadow {
  /* needed for Internet explorer */
  height: 2em;
  filter: shadow(Color=#000000, 
                 Direction=135, 
                 Strength=2);

  /* Needed for Gecko */
  line-height: 2em;
  white-space: nowrap;
}

/* 
 * used by browsers which know about
 * :before to create the shadow 
 */
.shadow:before {
  display: block;
  margin: 0 0 -2.10em 0.09em;
  padding: 0;
  color: #000000; 
}


/*\*/
html*.shadow {

  [color:red;/* required by Safari 
              * so that [] is correctly
              * begun. associated with
              * the property, yet hiding
              * it. Seen by IE6 */

    /* 
     * seen by IE6 and Safari, but hidden
     * from Gecko 
     */
    text-shadow: #000000 0.1em 0.1em 0.1em; 

  ]color:auto; /* resets color for IE6 */
}/**/

/* 
 * end hack using dummy attribute selector
 * for IE5 mac
 */
.dummyend[id]{clear: both;}

/*\*/
html*.shadow:before {

  [color:red;/* required by Safari. 
                seen by IE6 */

    /* 
     * seen by IE6 and Safari, but hidden
     * from Gecko 
     */
    display: none;

  ]color:auto; /* resets color for IE6 */
}/**/

/* 
 * end hack using dummy attribute selector
 * for IE5 mac
 */
.dummyend[id]{clear: both;}

/*
	END Shadow Hack
*/
#AppContent h2, #AppContent2 h2, #AppContent3 h2 {
	
	font-weight: bold;
        background-color: #8D5F79;
	color: white;
	padding: 0 0.5em 2px 0.5em;
}

#AppContent h3, #AppContent2 h3, #AppContent3 h3 {
  font-size: 15px;
	font-weight:bold;
	margin-top: 1em;
	margin-bottom: 0.5em;
}

#AppContent h3 a, #AppContent2 h3 a, #AppContent3 h3 a {
     
	color: #400080;
	text-decoration: none;
	
}

#AppContent h3 a:hover, #AppContent2 h3 a:hover, #AppContent3 h3 a:hover {
 
	color: #400080;
	text-decoration: underline;
}

#AppContent h4, #AppContent2 h4, #AppContent3 h4 {
	font-weight: bold;
        color: #C04041;
	margin-top: 1em;
	margin-bottom: 0.5em;
}

#AppContent2 h4 {
	background-color: #8D5F79;
	color: white;
	padding: 0 0.5em 2px 0.5em;
        font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	voice-family: "\"}\"";
	voice-family: inherit;
}

#AppContent a, #AppContent2 a,#AppContent3 a {

text-decoration: none;
color: rgb(0,28,85);
font-weight:bold;
}

#AppContent td, #AppContent2 td, #AppContent3 td   {
   font-size: 13px;
   }
	
#AppContent td a, #AppContent2 td a,#AppContent3 td a {

text-decoration: none;
color: rgb(0,28,85);
font-weight:bold;
}

#AppContent a:hover,#AppContent2 a:hover,#AppContent3 a:hover {

text-decoration: underline;
} 


#AppContent td a:visited,#AppContent2 td a:visited,#AppContent3 td a:visited {

text-decoration: none;
color: rgb(0,28,85);
font-weight:bold;

}

#AppContent td a:hover,#AppContent2 td a:hover,#AppContent3 td a:hover {

text-decoration: underline;
} 
#AppContent p, #AppContent2 p, #AppContent3 p {
   font-size: 13px;
   }

#AppContent ul, #AppContent2 ul, #AppContent3 ul,  {
	
	padding: 0 4px 0 4px;
	font-size: 13px;
}

#AppContent ul li, #AppContent2 ul li, #AppContent3 ul li, #AppContent ol li {
	margin-left: 20px;
	font-size: 13px;
}

#AppContent2 h3 {
	font-weight:bold;
	font-size:  15px;
	margin-top: 1em;
	margin-bottom: 0.5em;
	background-color: #B390A4;
	color: white;
  padding: 0 0.5em 2px 0.5em;
}

#AppContent2 h3 a {
 
	color: #400080;
	text-decoration: none;
}

#AppContent2 h3 a:hover {
 
	color: #400080;
	text-decoration: underline;
}

div#SearchForm, #Breadcrumb, #TopPageNav, #AppContent3 h2, #AppContent2 h2, #AppContent h2, #AppContent ul, #AppContent ol, #SectionLinks h2, #SectionLinks h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	voice-family: "\"}\"";
	voice-family: inherit;

}

/* Be Nice to Opera */
html>div#SearchForm, html>#Breadcrumb, html>#TopPageNav, html>#AssociatedLinks h3, html>#AssociatedLinks h2, html>#AssociatedLinks2 h3, html>#AppContent h2, html>#AppContent h2, html>#AppContent p, html>#AppContent ul, html>#AppContent ol, html>#SectionLinks h2, html>#SectionLinks h3 {
	font-size: 11px;
}

div#AppContent ul, #AppContent ol{

	font-size: 13px;
}


/*
	----
	Container and Min Width to prevent wrapping
	----
*/

* html .container {
	margin-left: -820px;
	position: relative;
}

* html .container, * html .content {
	height: 1px;
}

.content {
	padding: 0px;
}
.width {
	width: 100%;
	min-width: 820px;
	margin:0 auto;
	height:100%;
	border:0px;
}
* html .minwidth {
	padding-left: 820px;
}

* html .minwidth, * html .layout {
	height: 1px;
}

#plainLink td a {
text-decoration: underline;
color: #002655;
}

#plainLink td a:hover {
text-decoration: none;
color: #002655;
}

#Calendar td{
        font-size: 13px;
}

.TextInstruction {
        background: #DCCBD5;
        color: #002655;
}

.TextDirection {
        background: #EBEBEB;
        color: #002655;
}
     
             
.announcements {
    border: 1px solid #9a6d4e;
    background-color: #F5F5D0;
    padding-right: 5px;
    padding-left: 5px;
    padding-bottom: 10px;
    padding-top: 5px;
    font-family: sans-serif;
    font-size: 12px;
	font-weight:bold;
}
            

#Calendar a
{
	text-decoration: none;

color: #001c55;

font-weight: bold;
}
  
  #Calendar a:hover
{    
		color: white;
	background-color: #C04041;
	}

#dropnav {
position: absolute;
	width: 52em;
right:2px;
top:126px;
z-index:5}

#nav, #nav ul {
	float: left;
	width: 51em;
	list-style: none;
	line-height: 1;
	background: white;
	font-weight: bold;
	padding: 0;
  font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;}
	
#nav ul {
	border-style: solid;
	border-color: #9a6d4e;
	border-width: 1px;}

#nav li a {
	display: block;
	text-decoration: none;
	padding: 0.35em 1em;}
	
#nav li {
	float: left;
	padding: 0;}

#nav li a{
color: #9a323d;}

#nav li li a{
color: #002655;
display: block;
width:190px;}

#nav li ul {
	position: absolute;
	left: -999em;
	height: auto;
 width: 215px;
	font-weight: normal;
	margin: 0;}

#nav li li {
  width:215px;
	background-color: #EEEBE4;
	border-bottom-style: solid;
	border-bottom-color: #D1CFC3;
	border-bottom-width: 1px;}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {	left: -999em;}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {left: auto;}

#nav li:hover ul.Data{
right:20px;
}
#nav li.sfhover ul.Data{
right:20px;
}
#nav li:hover ul.LearnSupp{
right:2px;
}
#nav li.sfhover ul.LearnSupp{
right:2px;
}

#nav li:hover ul.AcEx{
right:397px;
}
#nav li.sfhover ul.AcEx{
right:397px;
}
#nav li:hover ul.AccProg{
right:250px;
}

#nav li.sfhover ul.AccProg{
right:250px;
}

#nav li:hover ul.Teach{
right:112px;
}

#nav li.sfhover ul.Teach{
right:112px;
}

#nav li a:hover, #nav li a.sfhover {
	color: white;
	background-color: #9A6D4E;}



#nav li li:hover, nav li li.sfhover{color: white; background-color: #c04041;}
#nav li li a:hover, nav li li a.sfhover{color: white; background-color: #c04041;}

div#Courtesy, #Courtesy a, #AssociatedLinks p, #AssociatedLinks ul, #ProgramsByCategory ul, #Copyright, .plast a, .commissioner {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: xx-small;
	voice-family: "\"}\"";
	voice-family: inherit;
	font-size: x-small;
}