/*
    2009-05-07:  This stylesheet holds all styles for all templates.  Some styles are shared while others may be
    particular template specific

 colors used
    #79B30B;  this is blue header, footer, left nav  ? #0b3e91
    #f4770b;  this is orange left nav
    #7C92C8;  this is the off page background
    #0b3e91;  dark blue
    #0038A8;  light blue
    #b0bee1;  another blue
    #ec903d;  orange
    #fbdbbe;  orange

 Colors
Blue Bar @ Top and bottom footer #0038A8
New Blue Bar @ Top and bottom footer #005dab
Blue division bar  #b0bee1
border Blue division bar #0b3e91
Links color: #0038A8;
orange gradient to white  color: #ec903d; to #ffffff;
Dropdown Box orange color when drop down #fbdbbe
*/

/* *************************************** */
/*    Color Schemes     	     		   */
/*******************************************

    swicblue - color:#005DAA;
    mediumblue - color:#0b3e91;
    darkblue - color:#00335E;
    orange - color:#EC903D;
    darktan - color:#EDE0BF;
    lighttan - background-color:#f6efdf;
    darkgrey - color:#aeaeae;
    lightgrey - background-color:#eaeaea;
    lightblue(test color) - background-color:#DFEBF4; 
    
*********************************************/




/******************************************************************************/
/*                      Top - Center blue Gradient with Page name             */
/******************************************************************************/
div#headerbar
{
	background-image:       url(../images/titlebar.gif);
    margin-left:            191px;
    padding:                0px;
    font-family:            sans-serif;
    height:                 100px;    
    line-height:            58px;
    padding-left:           30px;
    color:                  white;
    font-size:              25pt; /*xx-large;*/
    /*border:               2px yellow solid;*/
}

/* make headerbar text an h1 for accessibility */
div#headerbar h1
{
  font-family:            sans-serif;
  color:                  white;
  font-size:              25pt; /*xx-large;*/
  line-height:            58px;
  font-weight:            normal;
}
  


div#headerbar p
{
    margin:  0px !important;
    padding:  0px !important;
}



/******************************************************************************/
/*                        Top - Center  Navigation 4 Links                    */
/******************************************************************************/

div#toplinks 
{
    margin-left:            191px;
	position:               absolute; 
	top:                    65px;
}

/******************************************************************************/
/*                        Top - breadcrumbs                    */
/******************************************************************************/

#breadandlinks
{
    padding-bottom: 15px;
    margin-bottom: 15px;
        margin-left:            193px;
}

.breadcrumbs a {
    font-size: 11px;
}   

.breadcrumbs 
{
    
    float: left;
    font-size: 11px;
}

br .clear 
{
    clear: both;
}

/*Positions the div that holds the print me, email me, and any future links that may
   be needed for the pages*/
div.linkbox
{
    margin-left:            15px;
    margin-right:            15px;
    float: right;
    font-size: 11px;
    padding: 0;
    margin-top: 0;
    margin-bottom: 0;
}

/* Makes the print link in the link box look like a link, else it doesn't look like one.*/
a.cmdLink
{
    color:                  #0b3e91;
    text-decoration:        underline;
    cursor:                 pointer
   
}   

/******************************************************************************/
/*                       Center  Section                                      */
/******************************************************************************/
div.contentwrapper
{
    position:               relative;
	margin:                 10px 0px 10px 192px;
    width:                  790px;
    border:                 2px #0b3e91 solid;
}

div.contentarea /*entire WHITE content area*/
{
    min-height:             550px;/* IE7 fix, make sure page is tall enopugh so footer clears left nav structure*/
    background-color:       white;    
    padding:                10px 10px 10px 10px;  
    margin:                 0px 0px 0px 0px;
}

div.contentbar /*bottom light blue bar*/
{
    clear:                  both;
    height:                 10px;
    /*background-color:       #b0bee1; */
}

#pagetitle
{
    font-weight:            bold;
    font-size:              14pt;
    color:                  #0b3e91;
    text-align:             center;
    padding:                0px 0px 15px 0px;
}

div.controlholder  /* holds the Ektron control */
{ 
    font-size:  10pt;

}

div.controlholder p
{
    font-size:  10pt;
    margin:  0px 0px 10px 0px;  
}

/* override the div.controlholder p selector for webcalendars
   webcalendars will be shifted right in Firefox if the <p> retains
   the bottom margin set in div.controlholder  */
div#webcal_holder * p
{
    margin: 0px 0px 0px 0px !important ;
}



div.collect
{

  display: block !important;
}




div.msgBox 
{
    padding: 10px 10px 0px; 
    color: black;
    background-color: #eaeaea;
    border-style: double; 
    border-width: 3px; 
    border-color: #0b3e91;
    margin: 0px 0px 15px;
    text-align: left;
    width: 525px;
}

pre
{
font-family:Arial, Helvetica, sans-serif;
}


/******************************************************************************/
/*                                Section Navigation                          */
/*                                                                            */
/* 2009-5-5 NJA Floats some navigation to the Right                           */
/* Uses:   division pages                                                     */
/******************************************************************************/

div.secnav /* encloses/floats the three right menus */
{  
    float:                  right;
    width:                  225px;

}

div.secnav ul li, div.secnav a:visited, div.secnav a:hover, div.secnav a:active
{
    font-family:            Arial, Helvetica, Sans-Serif;
    font-weight:            normal;
    font-size:              10pt;
}

div.secnavbox /*individual Right menus*/
{
    top:                    0px;
    margin:                 0px 5px 15px 10px;

 /*border: 2px black solid;   */
}

div.secnavtype1 /*menu 1 border */
{
    border:                 2px #EDE0BF solid;/*orange solid; */
    background:  white;
}

div.secnavtype2 /*menu 2 border */
{
    border:                 2px #0b3e91 solid; /* dark blue border*/
    background:  white;    
}

div.secnavtype1title /*menu  row 1 title */
{
    text-align:             center;
    color:                  #0b3e91;
    background-color:       #EDE0BF;
    height:                 15px;
	margin:                 0px 0px 0px 0px;

}
div.secnavtype2title /*menu row 2 title */
{
    text-align:             center;
    color:                  white;
    background-color:       #0b3e91;
    height:                 15px;
	margin:                 0px 0px 0px 0px;
}

.hshs-programs-menuwrapper	.secnavtype2title
{
	display:none;
}


/******************************************************************************/
/*                             Center  Section  Links                        */
/******************************************************************************/
div.middle
{    float: right;
height: 600px;
    width: 802px;
    clear: right;
    padding: 0px;
	background-image:   url(../images/bluelghthome.png);
    background-repeat:  repeat-x;
    background-color: white;
/*
    position: relative;position: absolute;
top: 400px; 
	
width: 802px;

    margin: 0px 0px 0px 0px;
	padding: 0px;
    background-image: url(../images/bluelghthome.png);
    background-repeat:  repeat-x;*/

}

div.middle a {
    color: #000000;
    text-decoration: none;
    font-size: small;
}
div.middle p a {
    color: black;
    text-decoration: none;
    font-size: small;
}

div.middle p a:hover {
    color: black;
    text-decoration: underline;
    font-size: small;
}

div.movedown
{
    position: relative;
}


/******************************************************************************/
/*                             RSS Feed                                       */
/******************************************************************************/

.rss-feed
{
	border: 2px solid #0b3e91;
	background-color:#f6efdf;
	float:right;
	clear:right;
	width: 196px;
	margin: 5px 5px 15px 10px ;
	padding: 5px;
}

.rss-feed li
{
	list-style-type: disc;
}

.rss-feed * a, .rss-feed * a:visited
{
	font-size: 9pt!important;
	color: #0b3e91;
	text-decoration: none;
	font-weight:normal;
}

.rss-feed * a:hover, .rss-feed * a:active
{
	text-decoration: underline!important    ;
	font-size: 9pt!important;
	font-weight:normal;
}

.rss-feed h4
{
	text-align:center;	
	border-bottom: 1px solid #EC903D;
	
}

/* the anchor psuedoclasses                     should be in a certain order to be effective.  Use the mnemonic LoVeHAte */

.rss-feed h4 a:link, .rss-feed h4 a:visited, .rss-feed h4 a:hover, .rss-feed h4 a:active
{
	color: #0b3e91;
	font-weight:bold;
	font-size: 10pt!important;
	text-decoration:none;
}
.rss-feed h4 a:hover, .rss-feed h4 a:active{
    text-decoration:underline;
}

/******************************************************************************/
/*                        Paging Links                                        */
/******************************************************************************/
div.paging
{
width:380px;
height:20px;
margin:auto!important;
text-decoration:none;
}
div.paging * p
{
text-align:center;
}
div.paging  * a
{
text-decoration:none;
}

/******************************************************************************/
/*                             Miscellaneous                                  */
/******************************************************************************/

/* The alert style (uses red as the font color) is sometimes used on a blue background.
   On the blue background, the red is too hard to read so we created a separate style
   with a toned-down red */
.subtleAlert a, .subtleAlert a:visited, .subtleAlert a:active, .subtleAlert a:hover
{
    color: #962121 !important;
}