/******************
Squared TEMPLATE
Velocity SKIN modified for SUMNER specific colors
by JenSharp.com
purplish #0000ff --> bright blue #0000ff
light green #007fff --> light blue #007fff
subtle yelloworange #ffcc33 --> bright yelloworange #ffcc33
accent deep blue #253759
red #cc6633
******************/



body {
background-color:#FFFFFF;
	font-family: Verdana; /*This is the page font face*/
	color:#333;  /*This is the page font color*/
	font-size:12px;   /*This is the page font size */
	width:auto;
	/* FOR ROUNDED SQUARED FULLSCREEN:  */
	margin-top:0px; 
	margin-bottom:0px;
	/* or FOR RETRO 
	margin:0px; */
	}
	
#Body {
	background:#fff; /* url(img/bodybg.jpg) repeat-x */
	text-align: center; 
}
	
	
#overallwidth {
   width:980px;/* IF SQUARED, RETRO, ROUNDED should have 762 for smaller res*/
   margin-right : auto;
	/* FOR ROUNDED SQUARED FULLSCREEN:  */
   margin-left : auto;
	/* or FOR RETRO 
   margin-left : 0px;  */
   text-align:left;
    }


#header {
	background:#0000ff; /* url(img/headerbg.jpg) bottom left repeat-xThis is the header background color - SAME AS FOOTER - header background image*/
	/* FOR SQUARED FULLSCREEN:  */
	margin-bottom:1px;
	border-bottom:2px solid #7F7F7F;
	border-right:1px solid #7F7F7F;
	/*or FOR RETRO ROUNDED:  	
margin-bottom:0px;
border: 0px;*/
  
	padding: 5px; /*-left:10px;
	padding-right:10px;
	overflow: auto;*/
	height:95px; /*This is the header height*/
	text-align:left;
	color:#ffcc33; /*this needs to be either light or dark compared to color, automatically selected!*/
	}
#header a, #footer a {
	text-decoration:none;
	color:#ffcc33; /*automatically selected!*/
	}
	
#header a:hover, #footer a:hover {
	text-decoration:none;
	color:#007fff; /*automatically selected!*/
	}
	
#footer {
	font-size:10px;
	background:#0000ff; /* url("img/footerbg.jpg") top left repeat-x;/*same as header*/
	color:#ffcc33; /*same as header*/
	/* FOR SQUARED FULLSCREEN:  */
	border-bottom:2px solid #7F7F7F;
	border-right:1px solid #7F7F7F;
	/*or FOR RETRO ROUNDED: 
border: 0px; */	
  
  	height:31px;
	padding-top: 6px;
	text-align:center;
}

/******************
LINKS
******************/

a {
	color:#007fff;
	text-decoration:none;
	}

a:visited {
	color:#007fff;
	text-decoration:none;
	}

a:hover {
	color:#253759;
	text-decoration:none;
	}

a:active {
	color:#007fff;
	text-decoration:none;
	}

	
/******************
OTHER STYLES
******************/
.shadow_left {
background:#ede8c1 url("img/shadow_left.jpg") repeat-y;
width:30px;
}
.shadow_right {
background:#ede8c1 url("img/shadow_right.jpg") repeat-y;
width:30px;
}
#sections {
 background:#0000ff; /* url(img/breadcrumbbg.jpg) top left repeat-x; */
height:48px;
max-height:48px;
margin:0px;
 text-align:center;
 padding:0px;
	font-family:Tahoma, Verdana; /*This is the sections font face*/
	font-weight:bold;
	font-size:14px;
	/* FOR SQUARED FULLSCREEN: */
	border-bottom:2px solid #7F7F7F;
	border-right:1px solid #7F7F7F;
	border-left:1px solid #EDEDED;
	/*or FOR RETRO ROUNDED:  	
border: 0px;*/
        color:#ffcc33;  /*This is the sections font color same as link below*/
	}

#sections a {
	color:#ffcc33;           /*This is the sections font color*/
	text-decoration:none;
	padding:2px 7px 2px 7px;
	font-family:Tahoma, Verdana; /*This is the sections font face*/
	font-weight:bold;
	font-size:14px;
	}
#sections a:hover {
	color:#0000ff;           /*This is the sections hover font color*/
	background:#ffcc33; /*This is the sections hover background*/
	text-decoration:none;
	}

p.sections {
margin:0px;
padding:0px;
}

.breadcrumb {
	color:#0000ff;
	font-family:Verdana;
	font-size:10px;
	font-stretch:expanded;
	text-transform:lowercase;
}
.breadcrumb a {
	color:#0000ff;
	font-family:Verdana;
	font-size:10px;
	font-stretch:expanded;
	text-transform:lowercase;
}
.breadcrumb a:hover {
	color:#ffcc33;
}


/******************
Layout Divs
******************/

	
#content-container {
	/*background:#d8dfe8 url(bg-menu.gif) repeat-y;     /*This is the menu background color , menu background image , repeat/no-repeat*/
	/* FOR  SQUARED FULLSCREEN:  */
	background:#007fff; /*url(img/containerbg.jpg) repeat-x;
	border-top:1px solid #CBCBCB;
	border-right:1px solid #7F7F7F;
	border-bottom:2px solid #7F7F7F;
	border-left:1px solid #CBCBCB;*/
/*or FOR RETRO ROUNDED: 
border: 0px; */	
  
  	padding:0px;
	margin:0px;
	/*position:relative; NOT NECESSARY IF USING TABLES */
	min-height:300px;
	text-align:left;
	}


#content, #content-noright {
	background-color:#fff;  /*This is the page (content) background (only pale colors tho)*/
	min-height:350px;
	height:100%;
	overflow: auto;
	}
	

#content-left {   /*left side for menu*/
	/*position:absolute;
	top:0px;
	left:0px;*/
	width:140px;
	padding:10px;
	}

#content-right {         /*right side*/
	/*position:absolute;
	top:0;
	right:0px;*/
	width:10px;
	padding:10px;
  color: #253759;
  font: bold 12px/24px Verdana, Arial, Helvetica, sans-serif;
  text-decoration: none;
	}
#content-right a {
  color: #253759;
  font: bold 12px Verdana, Arial, Helvetica, sans-serif;
  padding:5px;
  text-decoration: none;
  height: auto !important;
  height: 1%; /*For IE*/
  }
#content-right a:hover {
   background: #ffcc33;
  color: #0000ff;
  }
	
#content  {            /*middle section*/
background-color:#fafcff;
border:1px solid #909090;
color:#2a2a2a;
	padding:10px;
	margin:0px 10px 0px 171px;
	height:100%;
	/* FOR ROUNDED SQUARED FULLSCREEN:
	border-left:1px dashed #D0D0BF;
	border-right:1px dashed #D0D0BF;  */
/*or FOR RETRO:  	
LEAVE IT OFF
  */
  	}

#content-noright {           /*what to use for the middle if you don't want a right side*/
	padding:10px;
	margin:0px 10px 0px 171px;
	height:100%;
	/* FOR ROUNDED SQUARED FULLSCREEN:  */
	border-left:1px dashed #D0D0BF;
	border-right:1px dashed #D0D0BF;
/*or FOR RETRO:  	
LEAVE IT OFF
  */
  	}


p {
line-height:1.5em;
margin:0 0 15px 0;
}

/*DNN Styles to override */
/* text style used for most text rendered by modules */
.Normal, .NormalDisabled, .NormalBold, .NormalRed
{
    font-family: Verdana,Tahoma,Arial,sans-serif;
    font-size: 100%;
    font-weight: normal;
}
.NormalDisabled
{
    color: Silver;
}
.NormalBold
{
    font-weight: bold
}
.NormalRed
{
    font-weight: bold;
    color: #ff0000
}
h1, h2, h3, h4, h5, h6, .Head
{
    font-family: Verdana,Tahoma,Arial,sans-serif;
}
.Head   {
    background-color:inherit;
    color:#606060;
    font-size:100%;
    font-weight:bold;
    letter-spacing:-1px;
    margin:0 0 15px 0;
    padding:0;
}


.SkinItem {
font-size: 100%;
}
/*
/*** login links **
#loginlinks {
float: right;
padding:10px;
}*/


/*** Various classes ***/

.thumbnail {
background:#fafbfc;
border:1px solid #b0b0b0;
margin:0 0 10px 10px;
padding:5px;
}
/*
.searchform {margin:0;}

.searchbox {
background:#f0f0f0;
border:1px solid #b0b0b0;
margin:0 4px 0 0;
width:100px;
}
/*
.searchbutton {
background:#f0f0f0;
border:1px solid #b0b0b0;
}
*/

.clear {
clear:both;
height:30px;
width:1px;
}

.Caption {  font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #ffffff}
.CaptionWhite { font-size: 9.4px; color: #FFFFFF; font-family: Verdana, Arial, Helvetica, sans-serif}


.hide {display:none;}

/*** Text format ***/

.intro {
font-size:1.1em;
font-weight:bold;
letter-spacing:-1px;
}

.small {font-size:0.8em;}
.large {font-size:1.4em;}
.center {text-align:center;}
.right {text-align:right;}


a.roll {font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight : bold;}
a.roll:link {color:#336699}
a.roll:visited {color:#336699}
a.roll:hover {color: #cccccc}
a.roll:active {color: #cccccc}

a.rollNav { font-family:Verdana, Arial, Helvetica, sans-serif; color:#ffffff; font-size:10px; font-weight:bold}
a.rollNav:link {color:#cccccc}
a.rollNav:visited {color:#cccccc; text-decoration: underline}
a.rollNav:hover {color: #003366}
a.rollNav:active {color: #003366}

a.rollTable { font-family:Verdana, Arial, Helvetica, sans-serif; color:#ffffff; font-size:10px; font-weight:bold}
a.rollTable:link {color:#cccccc}
a.rollTable:visited {color:#cccccc; text-decoration: underline}
a.rollTable:hover {color:#003366}
a.rollTable:active {color:#003366}

.titlehead {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 197%; color: #F9CF3E; font-weight: bold}
.month {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #003366}

.name {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 18px; color: #FFFFFF; font-weight: bold }


/**************************************************************************************************************/
/*INCLUDE THIS IN XML file for FCK editor called fckstyles.xml*/
/******************
BASIC COLORS:
blue is 003366
white FFFFFF
black 000000
yellow ffff33
lite yellow fbfabc
lime 00ff33
red 0000ff
gray CCCCCC
lite gray e7e7e7
******************/

.bk1 {background-color: #336699}
.bk2 {background-color: #003366}
.bk3 {background-color: #99ccff}
.bk4 {background-color: #959595}
.bk5 {background-color: #cccccc}
.bkwhite {background-color: #FFFFFF}

.custombold1 {font-weight: bold;color: #336699}
.custombold2 {font-weight: bold;color: #003366}
.custombold3 {font-weight: bold;color: #99ccff}
.custombold4 {font-weight: bold;color: #959595}
.custombold5 {font-weight: bold;color: #cccccc}

.custom1 {font-weight: normal;color: #336699}
.custom2 {font-weight: normal;color: #003366}
.custom3 {font-weight: normal;color: #99ccff}
.custom4 {font-weight: normal;color: #959595}
.custom5 {font-weight: normal;color: #cccccc}


.fineprint    { color: #333333; font-family: Verdana; font-size: 8pt }
.fineprint a  { color: #333333; font-family: Verdana; font-size: 8pt }
.fineprint a:hover    { text-decoration: none; color: #0000ff; }

.fineprintitalic    { color: #333333; font-family: Verdana; font-size: 8pt; font-style:italic }
.fineprintitalic a   { color: #333333; font-family: Verdana; font-size: 8pt; font-style:italic }
.fineprintitalic a:hover    { text-decoration: none; color: #0000ff; }

.lite     { color: #e7e7e7; font-family: Verdana; font-size: 10pt }
.lite a { color: #e9ebf8; text-decoration: none; font-size:10pt; font-family:Verdana }
.lite a:hover  { text-decoration: none; color: #f8ebe9;  font-size:10pt; font-family:Verdana }

.brite     { color: #ffcc33; font-family: Verdana; font-size: 10pt }
.brite a { color: #00FF00; text-decoration: none; font-size:10pt; font-family:Verdana }
.brite a:hover  { text-decoration: none; color: #FFFF00;  font-size:10pt; font-family:Verdana }

.accentlite     { color: #fbfabc; font-family: Verdana; font-size: 10pt }
.accentlite a { color: #fbfabc; text-decoration: none; font-size:10pt; font-family:Verdana }
.accentlite a:hover  { text-decoration: none; color: #FFFF00;  font-size:10pt; font-family:Verdana }

.accent  { color: #990000;}
.accent a { color: #0000ff; text-decoration: none;}
.accent a:hover  { text-decoration: none; color: #FF0000;}

.emphasis  { color: #0000ff; font-family: Verdana; font-weight:bold;}
.emphasis a { color: #0000ff; font-family: Verdana; font-weight:bold;}
.emphasis a:hover { color: #0000ff; font-family: Verdana; font-weight:bold;}

.grayish    { color: #CCCCCC; }
.grayish a  { color: #CCCCCC; text-decoration:none; }
.grayish a:hover    { text-decoration: none; color: #0000ff; }

.obvious     { color: #0000ff; font-family: Arial; font-size: 32pt }
.obvious a { color: #0000ff; text-decoration: none; }
.obvious a:hover  { text-decoration: none; background:#fbfabc; }

.stretch {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-stretch:expanded;
}


img.photobox {
	border-top:1px solid #CCCCCC;
	border-right:1px solid #999999;
	border-bottom:1px solid #999999;
	border-left:1px solid #CCCCCC;
	background: #E0E0E0;
	padding:8px;
	margin:20px;
	}
/*End fckeditor inclusion*/
/**************************************************************************************************************/


/******************
For DNN search
******************/
#dnn_dnnSEARCH_txtSearch {
padding:2px;
background-image: url(img/searchbox_background.png);
background-repeat: no-repeat;
width: 86px; 
border:none;
}

#dnn_dnnSEARCH_cmdSearch {
width:23px;
height:20px;
padding:0px;
border:none;
}




	
/* Root = Vertical, Secondary = Vertical HOUSEMENUNAV */
ul#HouseMenuNav, 
ul#HouseMenuNav li,
ul#HouseMenuNav ul {
  margin: 0;
  border: 0 none;
  padding: 0;
  width: 125px; /*For KHTML*/
  list-style: none;
}

ul#HouseMenuNav:after /*From IE 7 lack of compliance*/{
  clear: both;
  display: block;
  font: 1px/0px serif;
  content: ".";
  height: 0;
  visibility: hidden;
}

ul#HouseMenuNav li {
  float: left; /*For IE 7 lack of compliance*/
  display: block !important; /*For GOOD browsers*/
  display: inline; /*For IE*/
  position: relative;
}

/* Root Menu */
ul#HouseMenuNav a {
  /*border: 1px solid #FFF;
  border-right-color: #CCC;
  border-bottom-color: #CCC;  
  background: #EEE;
*/
  padding: 4px;
  display: block;
  color: #253759;
  font: bold 11px Verdana, Arial, Helvetica, sans-serif;
  text-decoration: none;
  height: auto !important;
  height: 1%; /*For IE*/
}

/* Root Menu Hover Persistence */
ul#HouseMenuNav a:hover,
ul#HouseMenuNav li:hover a,
ul#HouseMenuNav li.iehover a {
  background: #ffcc33;
  color: #0000ff;
}

/* 2nd & 4th Menu */
ul#HouseMenuNav li:hover li a,
ul#HouseMenuNav li.iehover li a,
ul#HouseMenuNav li:hover li:hover li:hover li a,
ul#HouseMenuNav li.iehover li.iehover li.iehover li a {
  background: #ffcc33;
  color: #0000ff;
  border: 1px solid #FFF;
  border-right-color: #CCC;
  border-bottom-color: #CCC; 
  width:170px;
}

/* 2nd & 4th  Menu Hover Persistence */
ul#HouseMenuNav li:hover li a:hover,
ul#HouseMenuNav li:hover li:hover a,
ul#HouseMenuNav li.iehover li a:hover,
ul#HouseMenuNav li.iehover li.iehover a,
ul#HouseMenuNav li:hover li:hover li:hover li a:hover,
ul#HouseMenuNav li.iehover li.iehover li.iehover li a:hover {
  background: #0000ff;
  color: #ffcc33;
}

/* 3rd & 5th Menu */
ul#HouseMenuNav li:hover li:hover li a, ul#HouseMenuNav li:hover li:hover li:hover li:hover li a,
ul#HouseMenuNav li.iehover li.iehover li a, ul#HouseMenuNav li.iehover li.iehover li.iehover li.iehover li a {
  background: #ffcc33;
  color: #0000ff;
}

/* 3rd & 5th Menu Hover Persistence */
ul#HouseMenuNav li:hover li:hover li a:hover,
ul#HouseMenuNav li:hover li:hover  li:hover  li:hover li a:hover,
ul#HouseMenuNav li:hover li:hover li:hover a,
ul#HouseMenuNav li:hover li:hover li:hover li:hover li:hover a,
ul#HouseMenuNav li.iehover li.iehover li a:hover,
ul#HouseMenuNav li.iehover li.iehover li.iehover li.iehover li a:hover,
ul#HouseMenuNav li.iehover li.iehover li.iehover a,
ul#HouseMenuNav li.iehover li.iehover li.iehover li.iehover li.iehover a {
  background: #0000ff;
  color: #ffcc33;
}


ul#HouseMenuNav ul {
  display: none;
  position: absolute;
  z-index:5000;
  top: -10px;
  left: 122px;
}

ul#HouseMenuNav ul ul,
ul#HouseMenuNav ul ul ul,
ul#HouseMenuNav ul ul ul ul {
 display: none;
  position: absolute;
    z-index:5000;
  top: -3px;
  left: 180px;
}


/* Do Not Move - Must Come Before display:block for Gecko */
ul#HouseMenuNav li:hover ul ul,
ul#HouseMenuNav li:hover ul ul ul,
ul#HouseMenuNav li:hover ul ul ul ul,
ul#HouseMenuNav li.iehover ul ul,
ul#HouseMenuNav li.iehover ul ul ul,
ul#HouseMenuNav li.iehover ul ul ul ul {
  display: none;
}

ul#HouseMenuNav li:hover ul,
ul#HouseMenuNav ul li:hover ul,
ul#HouseMenuNav ul ul li:hover ul,
ul#HouseMenuNav ul ul ul li:hover ul,
ul#HouseMenuNav li.iehover ul,
ul#HouseMenuNav ul li.iehover ul,
ul#HouseMenuNav ul ul li.iehover ul,
ul#HouseMenuNav ul ul ul li.iehover ul  {
  display: block;
}


/*** End of file ***/