/* Right 2 Column Template Blue theme with red background  */

/* area for utility navigation */
#global_box {
	margin-right:5px;
	margin-top:0px;	
	color:#0D0E09;
	display:inline-block;

}

/* wraps the entire page */
#page_wrapper {
  margin-left: auto; 
  margin-right: auto;
  width: 960px;
  text-align: left;
  background: #FFFFFF url('../Masterpages/images/dept_bg_NoColRed.gif') top left repeat-y;
 
}

/*wraps the content area */
#content_wrapper {
  margin-top:0px;
  margin-bottom:10px;
  margin-left:10px;
  margin-right:10px;      
  border: 0px aqua dotted;  


}

/* moved to the left since no left-column in this design */
#center {
  margin-top:5px;
  margin-left:5px;
  margin-right:245px;
  border: 0px dashed #cccccc;

}

/* Right Side */

#right_side {
  float: right;
  width:230px;
  border:0px dashed #cccccc;

}

#right_side h3 {
  margin-top:0px;
  margin-bottom:5px; 
  font-family: Times New Roman, serif;
  font-size: 15px;
  color: #57120D; 
  border-bottom: 2px solid #360A0B; 
}

#right_side p {
  margin-top:5px;
  margin-bottom:15px;    
  line-height: 16px;
  color: #000000;
}

/* Brings in the footer image */
#footer_image
{
	height:30px;
	margin:0;
	background: #FFFFFF url('../MasterPages/images/footerRight2ColRed.gif') no-repeat;
	clear: both;
}


/* Override footer properties */


#page_footer {
  height:auto;
  clear: both;
  background-color:#571109;  
}
#page_footer p {
  margin:0;
  text-align:center;  
  font-size: 10px;
  font-weight:bold;
  line-height:14px;
  color:#ffffff;
}

#page_footer A:link { COLOR: #ffffff; text-decoration: none }
#page_footer A:visited { COLOR: #ffffff; text-decoration: none }
#page_footer A:active { COLOR: #ffffff; text-decoration: none }
#page_footer A:hover { 	COLOR: #ffffff; text-decoration: underline }


/* ---------------------------------------------
 Override sprymenu for blue horizontal navigation by changing by using SpryAssetsBlue.css
and classes to:
navcontainterBlue
MenuBarHorizontalBlue
MenBarHorizontal12Blue
 ---------------------------------------------*/

/*******************************************************************************

 DESIGN INFORMATION: describes color scheme, borders, fonts

 *******************************************************************************/
#navcontainerBlue {
  padding-left: 0;
  margin-left: 0;
  margin-top: 0;
  background-color: #2776bb;
  background: url('../masterpages/images/barM13blue.gif') top right no-repeat;   
  width: 100%;
  float:left;
  font-family: verdana, arial, helvetica, sans-serif;
  font-size:12px;
  line-height:13px;
  font-weight:bold;
  text-decoration: none;
} 

ul.MenuBarHorizontalblue A:hover { COLOR: #ffffff; text-decoration: none; } 
ul.MenuBarHorizontalblue A:link { COLOR: #ffffff; text-decoration:none;}
ul.MenuBarHorizontalblue A:visited { COLOR: #ffffff; text-decoration: none }
ul.MenuBarHorizontalblue A:active { COLOR: #ffffff; text-decoration: none }

ul.MenuBarHorizontal2blue A:hover { COLOR: #000000; text-decoration: none; } 
ul.MenuBarHorizontal2blue A:link { COLOR: #400F10; text-decoration:none;}
ul.MenuBarHorizontal2blue A:visited { COLOR: #000000; text-decoration: none }
ul.MenuBarHorizontal2blue A:active { COLOR: #400F10; text-decoration: none } 

/* Submenu item containers have borders on all sides */
ul.MenuBarHorizontalblue ul
{
	border: none;
	
}
/* Menu items are a light gray block with padding and no text decoration */
ul.MenuBarHorizontalblue a
{
	display: block;
	cursor: pointer;
	background: url('../masterpages/images/barM13.gif') top right no-repeat; 
	/* background-color: #EEE; --- This is the grey background*/
	padding: 0.5em 0.75em;
	color: #F0EED7;
	text-decoration: none;
	
}
/* Sub menu items */
ul.MenuBarHorizontalblue ul a 
{
	display: block;
	cursor: pointer;
	background: url('../masterpages/images/barsubitem.jpg') bottom left repeat-x;
	background-color: #DDDBB9;
	padding: 0.4em;
	color: #400F10;
	text-decoration: none;
	border-bottom: 1px solid #000000;
	text-align:left;
	font-size:11px;
}


/* Menu items that have mouse over or focus have a blue background and white text */
ul.MenuBarHorizontalblue a:hover, ul.MenuBarHorizontalblue a:focus 
/*.MenuBarHorizontal a:hover, a:focus*/
{
	/* background-color: #A0272A; */
	background: url('../masterpages/images/barhover.jpg') top right repeat-x;
}

ul.MenuBarHorizontalblue ul a:hover, ul.MenuBarHorizontal ul a:focus
/* This overlays the hover image for submenu */
{ 
    background: url('') bottom left repeat-x;
	background-color: #a59e6a; 		
	color: #000000; 
	text-decoration: none;
}


/* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text */
ul.MenuBarHorizontal2blue a.MenuBarItemHover, 
ul.MenuBarHorizontal2blue a.MenuBarItemSubmenuHover, 
ul.MenuBarHorizontal2blue a.MenuBarSubmenuVisible

{
	 background-color: #a59e6a;  
	/* background: url('../img/barhover.jpg') bottom  left repeat-x; */
	 color : #000000;
	 text-decoration: none;
}
/*******************************************************************************

 SUBMENU INDICATION: styles if there is a submenu under a given menu item

 *******************************************************************************/

/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontalblue a.MenuBarItemSubmenu
{
	background-image: url('../masterpages/images/barM13.gif') top right no-repeat;
	background-repeat: no-repeat;
	/* background-position: 95% 50%; */
}
/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) 
ul.MenuBarHorizontal ul a.MenuBarItemSubmenu
{
	background-image: none;
	background-repeat: no-repeat;
	background-position: 95% 50%; 
}
*/
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontalblue a.MenuBarItemSubmenuHover
{
	background: url('../masterpages/images/barhover.jpg') top right repeat-x;	
}
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontalblue ul a.MenuBarItemSubmenuHover
{
	background-image: none;
	background-repeat: no-repeat;
	background-position: 95% 50%;
}

/*******************************************************************************

 BROWSER HACKS: the hacks below should not be changed unless you are an expert

 *******************************************************************************/

/* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */
ul.MenuBarHorizontalblue iframe
{
	position: absolute;
	z-index: 1010;
}
/* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
@media screen, projection
{
	ul.MenuBarHorizontalblue li.MenuBarItemIE
	{
		display: inline;
		f\loat: left;
		background: #FFF;
	}
}


/* OVER RIDE Slider */
/* Is used for Sliding(Rotating) Ads */

#slide_photos {
	border-collapse:collapse;
	font-family:Arial, Helvetica, sans-serif;
	color: #000000;
	font-size:small;

}
            
 #slide_photos td { 
    padding-bottom: 5px;
    border-bottom: 2px solid #0a5398;    
		
}


td.StoryBox {
    padding-left: 20px;
    padding-right: 10px;
    color: White;

}


.StoryTitle { 
    font-family: Palatino Linotype, Times New Roman, Serif ; 
    font-size:x-large; 
    font-weight:bold; 
    color: White;

}

#lbldesc { 
    margin-left: 20 px; 
    font-family: Palatino Linotype, Times New Roman, Serif ; 
    width: 179px;
    text-align: center;

}

#lblTitle {
    width: 180px;
    text-align: center;
}

a.rm:link { color: #000000; text-decoration:none; font-style: italic}
a.rm:visited { COLOR: #000000; text-decoration: none; font-style: italic }
a.rm:active { COLOR: #000000; text-decoration: none; font-style: italic }
a.rm:hover { COLOR: #000000; text-decoration: underline; font-style: italic }


td.rightImage {
    padding-left: 10px;
    padding-right: 5px;
    padding-top: 4px;
    padding-bottom: 3px;

    

}

#storyMore { margin-left:50px; text-align:right;}

.readmoreRight {
    text-align: right;
}