
/* CSS Document 
Authored by:
For:
Date:
*/


.contentapprovalhead {
font-size: 11px;
}
html, body, div, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset {/*Sets up a series of default settings, and how other selectors can inherit them. This reduces the size of your CSS file and decreases any style maintenance*/
   margin: 0;
   padding: 0;
   border: 0;
}
a:hover {
  text-decoration: underline;
}
.clear {
    clear: both;
}
body {
	 text-align: center;
	 font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	 margin-bottom: 10px;
	 font-size: 100%;
	 background: #A63500;
	 
}
#containerouter {
    width: 825px;
    margin: 10px auto 0 auto;
    text-align: left;
    
}
#top{
}
#toplogo {
  float: left;
  width: 400px;

}

#container {/*holds mast and 3 columns*/
  width: 900px;
	border: 1px solid #000000;
	background-color: #FFFFFF;
}

/*mast styles*/
#mast {
	

}
#mastleft {
    float: left;
width: 400px;
  padding: 5px;
}
#mastright{
	float: right;
	width: 530px;
}
#search {
  float: right;
  margin-top: 55px;
  margin-right: 15px;
  font-size: .65em;
}

.searchtext {
width: 161px;
border: 1px solid #000000;
vertical-align: bottom;
}
.searchbutton {
  width: 50px;
  height: 16px;
  background-color:  #5489B4;
  border: none;
  color: #FFFFFF;
  text-align: center;
  margin-left: 8px;
}
#mainav {

}
#mainav li {
  float: left;
  list-style-type: none;
}
#mainav li a {
  display: block;
  color: #000000;

}
#mainav a,#mainav a:link,#mainav a:visited {
  color: #000000;
  text-decoration: none;
  font-weight: bold;
}
#mainav a:hover {
  text-decoration: underline;
}
#mainav li.noline {
  background: none;
}

#contenttop {
  width: 825px;
  height: 48px;
}
#breadcrumb {
  position: relative;
  width: 100%;
  right: 10px;
  text-align: right;
}
#breadcrumb a,#breadcrumb a:link,#breadcrumb a:visited {
  color: #4F7884;
}
#breadcrumb a:hover {
  text-decoration: underline;
}
/*middle body styles*/
#contentholder {/*holds background image of middle body section*/
   padding-top: 5px;
   margin-top: 0px;
}



/*left column - cp*/
#left {
  float: left;
   text-align: center;
   width: 150px;
	padding: 5px;

}
/*middle column - cp*/
#content{
   float: left;
   width: 500px;
	padding: 15px;
   line-height: 160%;
   color: #000000;
   font-size: .75em;

}
#content h1 {
   color: #000000;
   font-size: 1.6em;
   margin-bottom: 15px;
}
#content h2 {
}
#content h3 {
}
#content p {
   padding-bottom: 15px;
}
#content ul {
   margin-left: 25px;
   list-style-type: square;
}
#content ol {
 margin-left: 25px
}
 
.table {
  border-top: 1px solid #333333;
  border-right: 1px solid #333333;
  padding: 0;
  margin: 0;
}
.table td {
  border-bottom: 1px solid #333333;
  border-left: 1px solid #333333;
  padding: 5px;
  margin: 0;
}
 .imageright {
  margin-left: 12px;
  margin-bottom: 5px;
  float: right;
}
.imageleft {
  margin-right: 12px;
  margin-bottom: 5px;
  float: left;
}



/*right column - cp*/
#subinfo {
    float: left;
    width: 180px;
	padding: 5px;


}
#subnav ul {
   padding-bottom: 40px;
   border-bottom: 1px dotted #CCB55E;
   margin-bottom: 25px;
}
#subnav li {
	background-repeat: no-repeat;
	padding: 0 0 8px 20px;
	list-style-type: none;
	line-height: 100%;
}   
#subnav li a {
    color: #4F7884;
	font-size: .8em;
	font-weight: bold;

}

#subnav a:hover {
    text-decoration: underline;
}
#quote {
   font-size: .8em;
   font-style: italic;
   color: #BAB036;
   font-weight: bold;
   padding-bottom: 35px;
   border-bottom: 1px dotted #CCB55E;
   margin-bottom: 25px;
}
#extra {
   font-size: .7em;
}
#extra h1 {
  margin-bottom: 10px;
}
#extra p {
  margin-top: 10px;
}
#extra a,#extra a:link,#extra a:visited {
  color: #4F7884;
  text-decoration: none;
}
/*footer styles*/

#footer {
	color: #FFFFFF;
	font-size: .7em;
	padding-top: 15px;
	padding-bottom: 3px;
	padding-right: 15px;
	letter-spacing: .1em;
	width: 570px;
	float: left;
}
#footer a,#footer a:link,#footer a:visited {
   color: #99C4CC;
}
#privacy {
   float: right;
   width: 80px;
   font-size: .75em;
   	padding-top: 15px;
}
#privacy a,#privacy a:link,#privacy a:visited {
   color: #99C4CC;
   font-size: 1em;
}

#copyright {
   margin-top: 15px;
   margin-bottom: 15px;
    color: #333333;
	font-size: .75em;
}
/*home page styles*/

#homecontentholder {/*holds background image of middle body section*/
   padding-bottom: 10px;
   padding-top: 5px;
   margin-top: 0px;
}
#homepikholder {
   height: 212px;
   margin-left: 4px;

}
#homepikholder img {
  margin: 12px 0 0 13px;
}
#homemaininfo {
  margin-left: 10px;
  float: left;
  width: 560px;
}
#edprograms {
  padding: 8px 0 0 15px;

}
#edprograms a,#edprograms a:link,#edprograms a:visited {
  color: #3D6B92;
  font-weight: bold;
  text-decoration: none;
}
#edprograms a:hover {
  text-decoration: underline;
}
#edprograms h1 {
  margin-bottom: 10px;
}
#edprogram1 h2,#edprogram2 h2,#edprogram3 h2 {
  margin-top: 8px;
  margin-bottom: 10px;
}
#edprogram1 {
  float: left;
  width: 155px;
  text-align: center;
}
#edprogram1 p {
  padding-left: 10px;
  padding-right: 10px;
}
#edprogram1 p,#edprogram2 p,#edprogram3 p {
  font-size: .75em;
  color: #666666;
  line-height: 120%;
  text-align: left;
  padding-top: 15px;
}
#edprogram2 {
  float: left;
  width: 170px;
  text-align: center;
  padding-left: 18px;
  padding-right: 7px;
}
#edprogram2 p {
  padding-left: 15px;
  padding-right: 10px;
}
#edprogram3 {
  float: left;
  width: 175px;
  text-align: center;
}
#edprogram3 p {
  padding-left: 20px;
  padding-right: 10px;
}
#goldline {
  width: 532px;
  height: 8px;
  margin-top: 15px;
}
#supportdownloadsholder {
  margin-top: 15px;
}
#support {
  width: 232px;
  float: left;
  color: #666666;
  font-size: .7em;
  line-height: 140%;
  padding: 0 20px 0 20px;
}
#support a,#support a:link,#support a:visited {
  color: #3D6B92;
  font-weight: bold;
  text-decoration: none;

}
#support a,#support a:link,#support a:visited {
  color: #3D6B92;
  font-weight: bold;
  text-decoration: none;

}
#support a:hover {
  text-decoration: underline;
}
#downloads {
  width: 270px;
  float: left;
  padding-left: 10px;
  font-size: .75em;
}

#downloads ul {
   width: 195px; 
   float: left;
}
#downloads li {

  list-style-type: none;
  padding-left: 15px;
  padding-bottom: 5px;

 
 }
#downloads a,#downloads a:link,#downloads a:visited {
  color: #3D6B92;
  text-decoration: none;
}
#downloads a:hover {
  text-decoration: underline;
}
#homesubinfo {
  float: left;
  width: 220px;
  color: #666666;
  font-size: .7em;
  padding: 5px;
}
#homesubinfo a,#homesubinfo a:link,#homesubinfo a:visited {
  color: #3D6B92;
  text-decoration: none;
  font-weight: bold;
}
#homesubinfo a:visited {
  text-decoration: underline;
}
#homesubinfo h1 {
 margin-bottom: 10px;
}
#homesubinfo h2 {
  font-weight: bold;
  color: #999999;
  font-size: 1.1em;
  margin-bottom: 5px;

}
#whatshappening  {
 padding-bottom: 20px;
}
#whatshappening p {
  padding-bottom: 20px;
}
#spotlight {
  margin-top: 25px;
}
/*clears floats with no presentational markup*/
.clearfix:after {
    content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
   display: inline-table;
}
/*Hides from IE Mac \*/

.clearfix {
    display: block;
    height: 1%;
}
/*End Hack \*/

/* ================================
    Default styles FOR DotNetNuke
   ================================
*/   

/* background color for the content part of the pages */


.ControlPanel, .PagingTable {
    width: 100%;
    height: 64px;
    background-color: #FFFFFF;
    BORDER-RIGHT: #003366 1px solid; 
    BORDER-TOP: #003366 1px solid; 
    BORDER-LEFT: #003366 1px solid; 
    BORDER-BOTTOM: #003366 1px solid; 
}

.SkinObject {
    font-weight: bold;
    font-size: 8.5pt;
    color: #003366;
    text-decoration: none;
}

A.SkinObject:link {
    text-decoration:    none;
    color:#003366;
}

A.SkinObject:visited  {
    text-decoration:    none;
    color:#003366;
}

A.SkinObject:active   {
    text-decoration:    none;
    color:#003366;
}

A.SkinObject:hover    {
    text-decoration:    none;
    color:#003366;
}

/* style for module titles */
.Head   {
    font-family: Tahoma, Arial, Helvetica;
    font-size:  20px;
    font-weight:    normal;
    color: #333333;
}

/* style of item titles on edit and admin pages */
.SubHead    {
    font-family: Tahoma, Arial, Helvetica;
    font-size:  11px;
    font-weight:    bold;
    color: #003366;
}


/* styles used by Data Grids */
.DataGrid_AlternatingItem
{
    background-color:White;
    color: Red;
    font-family: Tahoma, Arial, Helvetica;
    font-size: 10px;
    font-weight: normal;
}
.DataGrid_Container
{
	background-color: Transparent;
}
.DataGrid_Footer
{
    background-color:White;
}
.DataGrid_Header
{
    background-color:Transparent;
    color: Black;
    font-family: Tahoma, Arial, Helvetica;
    font-size: 10px;
    font-weight: bold;
    text-align: center;
}
.DataGrid_Item
{
    background-color:Transparent;
    color: Black;
    font-family: Tahoma, Arial, Helvetica;
    font-size: 10px;
    font-weight: normal;
}
.DataGrid_SelectedItem
{
    background-color: Silver;
    color: Blue;
    font-family: Tahoma, Arial, Helvetica;
    font-size: 10px;
    font-weight: normal;
}

/* styles used by TreeMenu Skin Object */
.TreeMenu_Node 
{
    font-family: Tahoma, Arial, Helvetica;
    font-size: 12px;
    font-weight: normal;
}

.TreeMenu_NodeSelected
{
    font-family: Tahoma, Arial, Helvetica;
    font-size: 12px;
    font-weight: normal;
	background-color: #dcdcdc; 
}

A.TreeMenu_Node:link, A.TreeMenu_NodeSelected:link {
    text-decoration:    none;
    color: #003366;
}

A.TreeMenu_Node:visited, A.TreeMenu_NodeSelected:visited  {
    text-decoration:    none;
    color: #003366;
}

A.TreeMenu_Node:active, A.TreeMenu_NodeSelected:active   {
    text-decoration:    none;
    color: #003366;
}

A.TreeMenu_Node:hover, A.TreeMenu_NodeSelected:hover    {
    text-decoration:    none;
    color: #ff0000;
}

/* styles used in the FileManager */
.FileManager
{
	border-right: black 1px solid;
	border-top: black 1px solid;
	border-left: black 1px solid;
	border-bottom: black 1px solid;
	height:400px;
}
.FileManager_ToolBar
{
	border-bottom: black 1px solid;
	height:25px;
}
.FileManager_Explorer
{
	height:100%;
	border: #999999 1px solid;
	background-color: White;
	margin: 2px 2px 2px 2px;
}

.FileManager_FileList 
{
	height:100%;
	border: #999999 1px solid;
	background-color: White;
	margin: 2px 2px 2px 2px;
	overflow: auto;
}

.FileManager_MessageBox 
{
	text-align: center;
	vertical-align: middle;
	background-color: White;
	padding: 25px 25px 25px 25px;
}

.FileManager_Header
{
    font-family: Tahoma, Arial, Helvetica;
    font-size: 11px;
    font-weight: bold;
    color: #E7E7FF;
    background-color: #9EBFF6;
    border-bottom: #999999 1px solid;
    height: 25px;
}

.FileManager_Pager
{
    font-family: Tahoma, Arial, Helvetica;
    font-size: 11px;
    font-weight: bold;
    background-color: #EEEEEE;
    border-top: #999999 1px solid;
    height: 25px;
}

.FileManager_StatusBar
{
    font-family: Tahoma, Arial, Helvetica;
    font-size: 11px;
    font-weight: normal;
    background-color: #dedfde;
    height: 25px;
	margin: 2px 2px 2px 2px;
}

.FileManager_Item
{
    font-family: Tahoma, Arial, Helvetica;
    font-size: 11px;
    font-weight: normal;
    color: Black;
    background-color: #F8F8F8;
    border-top: black 1px dashed;
    border-bottom: black 1px dashed;
}

.FileManager_AltItem
{
    font-family: Tahoma, Arial, Helvetica;
    font-size: 11px;
    font-weight: normal;
    color: Black;
    background-color: #EEEEEE;
    border-style: none;
}
.FileManager_SelItem
{
    font-family: Tahoma, Arial, Helvetica;
    font-size: 11px;
    font-weight: bold;
    color: White;
    background-color: #99ffff;
    border-style: none;
}

.FileManagerTreeNode 
{
    font-family: Tahoma, Arial, Helvetica;
    font-size: 11px;
    font-weight: normal;
}

.FileManagerTreeNodeSelected 
{
    font-family: Tahoma, Arial, Helvetica;
    font-size: 11px;
    font-weight: normal;
	background-color: #dcdcdc; 
}

A.FileManagerTreeNode:link, A.FileManagerTreeNodeSelected:link {
    text-decoration:    none;
    color: #003366;
}

A.FileManagerTreeNode:visited, A.FileManagerTreeNodeSelected:visited  {
    text-decoration:    none;
    color: #003366;
}

A.FileManagerTreeNode:active, A.FileManagerTreeNodeSelected:active   {
    text-decoration:    none;
    color: #003366;
}

A.FileManagerTreeNode:hover, A.FileManagerTreeNodeSelected:hover    {
    text-decoration:    none;
    color: #ff0000;
}

/* styles used in the Wizard Framework */
.Wizard
{
	border-right: black 1px solid;
	border-top: black 1px solid;
	border-left: black 1px solid;
	border-bottom: black 1px solid;
	height:400px;
	width:650px;
}
.WizardButton
{
	border-right: #999999 1px solid;
	padding-right: 2px;
	border-top: #999999 1px solid;
	padding-left: 2px;
	padding-bottom: 2px;
	border-left: #999999 1px solid;
	padding-top: 2px;
	border-bottom: #999999 1px solid;
	background-color: #999999;
}
.WizardHeader
{
	background: #ffffcc;
	border-bottom: black 1px solid;
	height:40px;
}
.WizardFooter
{
	border-top: black 1px solid;
	background: #ccffcc;
	height: 25px;
	text-align: right;
}
.WizardBody
{
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 10px;
	padding-top: 10px;
	height: 325px;
}
.WizardHelp
{
	padding-right: 5px;
	padding-left: 5px;
	font-size: 9pt;
	padding-bottom: 5px;
	border-left: black 1px solid;
	width: 180px;
	padding-top: 5px;
	background-color: #ccffff;
}
.WizardHelpText
{
	overflow: auto;
	font-size: 8pt;
	width: 180px;
	color: black;
	font-family: Tahoma, Verdana, Arial, Sans-Serif;
	height: 300px;
}
.WizardText
{
	font-size: 9pt;
	color: black;
	font-family: Tahoma, Verdana, Arial, Sans-Serif;
}


/* text style used for help text rendered by modules */
.Help
{
  border-right: black 1px solid;
  padding-right: 2px;
  border-top: black 1px solid;
  padding-left: 2px;
  font-weight: normal;
  font-size: 11px;
  padding-bottom: 2px;
  border-left: black 1px solid;
  color: black;
  padding-top: 2px;
  border-bottom: black 1px solid;
  font-family: Tahoma, Arial, Helvetica;
  background-color: #ffff99;
}

/* text style for buttons and link buttons used in the portal admin pages */
.CommandButton     {
    font-family: Tahoma, Arial, Helvetica;
    font-size: 11px;
    font-weight: normal;
}
    
/* hyperlink style for buttons and link buttons used in the portal admin pages */
A.CommandButton:link {
    text-decoration:underline;
    color: #003366;
}

A.CommandButton:visited  {
    text-decoration:    underline;
    color: #003366;
}

A.CommandButton:active   {
    text-decoration:    underline;
    color: #003366;
}

A.CommandButton:hover    {
    text-decoration:    underline;
    color: #ff0000;
}

/* button style for standard HTML buttons */
.StandardButton
{
	padding-right: 5px;
	padding-left: 5px;
	font-weight: normal;
	font-size: 11px;
	background: #dddddd;
	color: #000000;
	font-family: Verdana, sans-serif;
}
/* modified style for Dynamic Login buttons - may need to be applied to page: /DesktopModules/Dynamic Login/DynamicLogin.ascx */

.LoginButton
{
	font-weight: normal;
	font-size: 12px;
	background: url(../0/images/button_background_login.jpg);
	height:20px;
	border: none;
	color: #FFFFFF;
	font-weight:bold;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}    

.PWButton
{
	font-weight: normal;
	font-size: 12px;
	background: url(../0/images/button_background_pw.jpg);
	color: #FFFFFF;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	border: none;
	height:20px;
	font-weight:bold;
} 
HR {
    color: #999999;
    height:1pt;
    text-align:left
}
/* Custom admin module fixes */
#dnn_ctr605_DD select{
  width: 110px;
}
#dnn_ctr606_DD select{
  width: 110px;
}
#dnn_ctr607_DD select{
  width: 110px;
}
/* Module Title Menu */
.ModuleTitle_MenuContainer {
	border-bottom: blue 0px solid; 
	border-left: blue 0px solid; 
	border-top: blue 0px solid; 
	border-right: blue 0px solid; 
}

.ModuleTitle_MenuBar {
	cursor: pointer; 
	
	height:16px;
	background-color: Transparent;
}

.ModuleTitle_MenuItem {
	cursor: pointer; 
	 
	color: black; 
	font-size: 9pt; 
	font-weight: bold; 
	font-style: normal; 
	border-left: white 0px solid; 
	border-bottom: white 1px solid; 
	border-top: white 1px solid; 
	border-right: white 0px solid;
	background-color: Transparent;
}

.ModuleTitle_MenuIcon {
	cursor: pointer; 
	 
	background-color: #EEEEEE; 
	border-left: #EEEEEE 1px solid; 
	border-bottom: #EEEEEE 1px solid; 
	border-top: #EEEEEE 1px solid; 
	text-align: center; 
	width: 15px; 
	height: 21px;
}

.ModuleTitle_SubMenu {
	z-index: 1000; 
	cursor: pointer; 
	 
	background-color: #FFFFFF; 
	/*filter:progid:DXImageTransform.Microsoft.Shadow(color='#999999', Direction=135, Strength=3); */
	border-bottom: #FFFFFF 0px solid; 
	border-left: #FFFFFF 0px solid; 
	border-top: #FFFFFF 0px solid; 
	border-right: #FFFFFF 0px solid;
}

.ModuleTitle_MenuBreak {
	border-bottom: #EEEEEE 1px solid; 
	border-left: #EEEEEE 0px solid; 
	border-top: #EEEEEE 1px solid;  
	border-right: #EEEEEE 0px solid; 
	background-color: #EEEEEE; 
	height: 1px;
}

.ModuleTitle_MenuItemSel {

	cursor: pointer; 
	 
	color: black; 
	font-family: Tahoma, Arial, Helvetica; 
	font-size: 9pt; 
	font-weight: bold; 
	font-style: normal;

	background-color: #C1D2EE;
}

.ModuleTitle_MenuArrow {
	font-family: webdings; 
	font-size: 10pt; 
	cursor: pointer; 
	 
	border-right: #FFFFFF 1px solid; 
	border-bottom: #FFFFFF 1px solid; 
	border-top: #FFFFFF 0px solid;
}

.ModuleTitle_RootMenuArrow {
	font-family: webdings; 
	font-size: 10pt; 
	cursor: pointer; 
	
}

/* module title style used instead of Head for compact rendering by QuickLinks and Signin modules */
.Head {

    font-size:  12px;
    font-weight:    bold;
	color: #4F7884;
 
}

/* text style used for most text rendered by modules */
.Normal,.NormalDisabled
  
{

}

/* text style used for rendered text which should appear disabled */
.NormalDisabled
{

}
/*Container style*/
.dropdown select {
  font-size: 10px;
  font-family: Arial, sans-serif;
}

/** Custom Module Styles **/

/* admin screen styles */
#custommodule h1 {
}
#custommodule h2 {
}
#custommodule h3 {
}
/* field label */
.label {
  font-weight: bold;
  font-size:13px;
}
td label {
font-size:11px;
}
/* input field styles */
#custommodule input,#custommodule select {
  padding-left: 6px;
  border: 1px solid #0099CC;
}
#custommodule.border {
  border: 1px solid #7797A4;
  margin-top: 3px;
}
#custommodule input[type="checkbox"] { 
border: none; 
margin-right: 10px;
}
#custommodule input[type="radio"] { 
border: none; 
margin-right: 10px;
}
#custommodule input[type="text"] { 
height: 19px; 
}

#custommodule input[type="combo"] { 
height: 19px; 
}
#custommodule input.ComboBoxInput_Default[type="text"] { 
height: 21px; 
}

/* radio button select list text wrap fix - you have to put the appropriate style around the radio list tag and a clearfix div must accompany it 

EXAMPLE:
<div class="checkboxlist">
	<div class="clearfix">
		<radiobuttonlist>
	</div>
</div>

*/
	/* 1 column checkbox list */
	.checkboxlist td input {
	  display: block;
	  float: left;
	  width: 25px;
	  margin-left:-3px;
	}
	.checkboxlist td label {
	  display: block;
	  float: left;
	  width: 440px;
	}
	/* 1 column / half page checkbox list*/
	.checkboxlist1a td {
		vertical-align:top;
		height:23px;
	}
	
	.checkboxlist1a td input {
	  display: block;
	  float: left;
	  width: 25px;
	  vertical-align: top;
	  margin-left:-3px;
	}
	.checkboxlist1a td label {
	  display: block;
	  float: left;
	  width: 215px;
	}
	/* 2 column checkbox list */
	.checkboxlist2 td input {
	  display: block;
	  float: left;
	  width: 25px;
	  margin-left:-3px;
	}
	.checkboxlist2 td label {
	  display: block;
	  float: left;
	  width: 200px;
	}
	/* 3 column checkbox list*/
	.checkboxlist3 td {
		vertical-align:top;
	}
	.checkboxlist3 td input {
	  display: block;
	  float: left;
	  width: 25px;
	  vertical-align: top;
	  margin-left:-3px;
	}
	.checkboxlist3 td label {
	  display: block;
	  float: left;
	  width: 100px;
	}
	/* 4 column checkbox list*/
	.checkboxlist4 td {
		vertical-align:top;
	}
	.checkboxlist4 td input {
	  display: block;
	  float: left;
	  width: 25px;
	  vertical-align: top;
	  margin-left:-3px;
	}
	.checkboxlist4 td label {
	  display: block;
	  float: left;
	  width: 100px;
	}

/* styles for the error message image if replaced with custom image */
.alertimage {
padding-left:12px; 
position:relative; 
top: 5px;
}
.alertimage2 {
position:relative;
top: 5px;
}
