/* root.css */

/* Table of Contents
------------------------------------
    1. Reset
    2. Elements (a, body, p, etc.)
	3. ID's (#container, etc.)
	4. Classes (.red, .clear, etc.)
	5. Print
	6. Handheld
	7. Debug
	
COLORS
    Main Text:              #3d3d3d
    Army Gold:              #ffd54a
    Army Green:             #7b8738                  
    Light Gray bg:          #f7f7f7
------------------------------------*/

/* 1. Reset
------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ul, li, ol,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
}
:focus {
	outline: 0;
}
body {
	background: #FFF;
	color: #000;
	/*line-height: 1; BENB */
	
}



/* 2. Elements
------------------------------------*/
body {
    background: #7a7a7a url(/oilspill/20130213205302oe_/http://garrison.leavenworth.army.mil/App_Themes/GarrisonRoot/Images/body_gradient.jpg) repeat-x;
    color: #3d3d3d;
    font-family: Verdana, Arial, sans-serif;
}
a {
	/*color: #3d3d3d;*/
	color: #0099FF;
	/*font-weight: bold;*/
    	text-decoration: none;
}
a:hover {
	color: #7b8738;
	text-decoration: underline;
}
h1, h2, h3, h4, h5, h6 {
    font-weight: bold;
}
h1 {
    font-size: 2.6em;
    line-height: 1.2em;
    margin-bottom: 1em;
}
h2 {
    font-size: 1.4em;
    margin-bottom: 1em;	
}
img {
    border: 1px solid #3d3d3d;
}
p {
    font-size: 1.1em;
    /*line-height: 1.4em;*/
    /*margin: 1.1em 0;*/
    margin-bottom:1.0em;	
}

/* 3. ID's
------------------------------------*/
#container {
    background: #fff;
    font-size: 62.5%;
    margin: 0 auto 14px auto;
    padding: 14px 0;
    /*overflow: auto;*/
    width: 996px;
}
#contentBackground {
    background: url(/oilspill/20130213205302oe_/http://garrison.leavenworth.army.mil/App_Themes/GarrisonRoot/Images/3column.gif) repeat-y;
    width: 996px;
    overflow: hidden;
}

#contentBackground_only_left_column {
    background: url(/oilspill/20130213205302oe_/http://garrison.leavenworth.army.mil/App_Themes/GarrisonRoot/Images/only_left_column.gif) repeat-y;
    width: 996px;
    overflow: hidden;
}
/* BENB */
#contentBackground_only_left_column #mainContent {padding}
#contentBackground_single_column #mainContent {padding:10px 15px;}

#contentBackground_single_column,#contentBackground_onlyright {
    background:#f7f7f7;
    width: 996px;
    overflow: hidden;
}

#dropDownNav {
    float: left;
    font-size: 1.1em;
}
#dropDownNav li {
    background: url(/oilspill/20130213205302oe_/http://garrison.leavenworth.army.mil/App_Themes/GarrisonRoot/Images/drop_down_border1.gif) no-repeat right;
    float: left;
    display: block;
    height: 2.6em;
    line-height: 2.6em;
    margin: 0 -1px;
    position: relative;
    z-index: 999;
    white-space:nowrap; 

	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;

    
}
#dropDownNav li a {
	display: block;
	padding: 0 19px;
	color: #3D3D3D;
	font-weight: bold;
	text-decoration:none;
}
#dropDownNav li:hover, #dropDownNav li.sfHover, #dropDownNav li a:active, #dropDownNav li:hover a, #dropDownNav li.sfHover a {
	background: url(/oilspill/20130213205302oe_/http://garrison.leavenworth.army.mil/App_Themes/GarrisonRoot/Images/nav_hover_gradient.gif) repeat-x;
	color: #7b8738;
	font-weight: bold;
	text-decoration:none;
}
#dropDownNav li ul {
    /*background: url(/oilspill/20130213205302oe_/http://garrison.leavenworth.army.mil/App_Themes/GarrisonRoot/Images/drop_down_bg.png);*/
    background: #DCDCDC;
    border: 1px solid #b6b6b6;
    border-top: none;
    display: none;
    position: absolute;
    left: 0;
    padding: 0;
    top: 29px;
    width: 210px;
}
#dropDownNav li ul li {
    background: none;
    border: none;
    display: block;
    /*font-size: 0.9em;*/
    height: auto;
    line-height: 2.6em;
    padding: 0;
    clear:both;
}
#dropDownNav li ul li a, #dropDownNav li:hover li a, #dropDownNav li.sfHover li a {
    background: none;
    color: #3d3d3d;
    display: block;
    height: auto;
    padding: 0 0 0 10px;
    width: 202px;
}
#dropDownNav li ul li a:focus, #dropDownNav li ul li a:hover {
    background-image: none;
    background-color: #b4b4b4;
    color: #7b8738;
}
#dropDownNavNS{
	position:absolute;
	top:10px;
 	left:5px;
}
#dropDownNavNS li{
    line-height:15px;
}
#footer {
    background: #4e4e4e;
    clear: both;
    color: #e3e3e3;
    font-size: 1.2em;
    padding: 5px 10px;
    overflow: auto;
    width: 976px;
}
#footer a {
    color: #e3e3e3;
    font-weight: normal;
}
#footer ul {
	margin-top:20px;
	text-align: center;
}
#footer li {
    display: inline;
    margin-right: 1.9em;

}
#footerLeft, #footerMiddle, #footerRight {
    float: left;
}
#footerLeft, #footerRight {
    width: 200px;
}
#footerMiddle {
	text-align:center;
    /*margin: 1.4em 0 0;*/
    width: 576px;
}
#footerRight {
    text-align: right;
}
#footerRight a {
    color: #ffd54a;
}
#header {
    background: url(/oilspill/20130213205302oe_/http://garrison.leavenworth.army.mil/App_Themes/GarrisonRoot/Images/banner.gif) no-repeat;
    border-bottom: 1px solid #8f8f8f;
    height: 151px;
    width: 996px;
}
#headerStar {
    display: block;
    position: relative;
    top: 24px;
    left: 15px;
    height: 102px;
    width: 80px;
}
#leftCol {
    background: #c2c2c2;
    float: left;
    width: 196px;
    
}

#leftColNav
{
list-style: none;
margin: 0;
padding: 0;
}


#leftCol .rss, #leftCol .podcasts {
    margin-left: 10px;
}
#leftColNav li {
    font-size: 11px;
    line-height: 2.8em;
    margin-left:0px;
    margin-bottom:0px;
}
#leftColNav .level3 {
    border-left: 1px solid #c2c2c2;
}
#leftColNav .level4 {
    background: #fff;
    border-top: 1px solid #c2c2c2;
    padding: 10px 0;
}
#leftColNav .level4 a {
    font-weight: normal;
    line-height: 15px;
}
#leftColNav .level4 a:hover {
    background: none;
    color: #3d3d3d;
}
#leftColNav li a.current {
    background: #4e4e4e;
    color: #fff;
}
#leftColNav li a.current:hover {
    background: #4e4e4e;
    color: #fff;
}
#leftColNav li a.subNav {
    background: #f7f7f7;
    font-weight: normal;
    border-top: 1px solid #c2c2c2;
}
#leftColNav li a.subNav:hover {
 	background: #f7f7f7;
	color: #3d3d3d;
}
#leftColNav li#last {
    border-bottom: 1px solid #939393;
    margin: 0.2em 5px 0;
}
#leftColNav li#sections {
    background: #a1a1a1;
    font-weight: bold;
    padding: 0 10px;
}
#leftColNav li a {
	font-weight:bold;
	display: block;
	padding: 0 10px;
	width: 176px;
	color: #3D3D3D;
}
#leftColNav li a:hover {
	background-color: #b4b4b4;
	color: #7b8738;
	text-decoration:none;
}
#leftColRSS {
    padding: 1em 0;
    margin-bottom: 2em;
}
/* Live Search */
/* Live Search */
#liveSearch {
position:relative;
background: #525252;
float: right;
height: 2.8em;
width: 26em;
}
#liveSearch input {
color: #737373;
float: left;
font-size: 1em;
height: 1.2em;
margin: 4px 5px;
padding: 0;
}
#liveSearch input#search {
width: 210px;
}
#liveSearch input.close {
background: url(/oilspill/20130213205302oe_/http://garrison.leavenworth.army.mil/App_Themes/GarrisonRoot/Images/searchbutton.png) no-repeat 5px 5px;
border: none;
color: #fff;
cursor: pointer;
display: inline;
float: right;
height: 26px;
width: 28px;
margin: 0;
padding: 0;
}
#liveSearchTabs {
position:absolute;
display:none;
cursor:pointer;
top:-22px;
left:-1px;
width:230px;
height:22px;
background: url(/oilspill/20130213205302oe_/http://garrison.leavenworth.army.mil/App_Themes/GarrisonRoot/Images/live_search_tab_1.png) no-repeat;
}
#liveSearchTabs li {
height:22px;
display:inline;
float:left;
text-align:center;
color:#fff;
font-size:11px;
font-family: Verdana, Arial, Sans-serif;
padding-top:7px;
}
#liveSearchTabs1 {
width:36px;
}
#liveSearchTabs2 {
width:64px;
}
#liveSearchTabs3 {
width:66px;
}
#liveSearchTabs4 {
width:64px;
}
#liveSearchLeft {
background: url(/oilspill/20130213205302oe_/http://garrison.leavenworth.army.mil/App_Themes/GarrisonRoot/Images/live_search_left.gif) no-repeat;
float: left;
height: 2.8em;
width: 6px;
}
#mainContent {
    background: #f7f7f7;
    float: left;
    padding-bottom: 10px;
    padding-left:5px;
    padding-right:10px;
    min-height:500px;
}
#mainContent.only_right_column {
    background: #f7f7f7;
    /*width:784px;margin-left:15px;*/
    float: left;
    padding-bottom: 10px;
    padding-left:0px;
    padding-right:0px;
    min-height:500px;
}

.three_columns
{
/* BENB */
	/*width:589px;*/
	width:569px;
	margin-left: 20px;
}

.only_left_column
{
	/* BENB */
	/*width:784px;*/
	width:764px;
	margin-left:20px;
/*background-color:red !important;*/
}
/*
.only_right_column
{
width:784px;	
}
*/

#mainContent h1, #mainContent h2, #mainContent h3  {
    /*padding-left: 8px;*/
}
#mainContent h3
{
 margin-bottom:2px;
}

h3
{
font-size: 1.2em;
}

#mainContent p, #rightCol p {
    /*padding: 0 10px;*/
}
#mainContent ul {
    font-size: 1.1em;
    padding-left: 10px;
    padding-right: 10px;
}
#navBar {
    background: #cfcfcf url(/oilspill/20130213205302oe_/http://garrison.leavenworth.army.mil/App_Themes/GarrisonRoot/Images/nav_gradient.gif) repeat-x;
    border-bottom: 1px solid #b6b6b6;
    height: 2.8em;
}
#rightCol {
    display: inline;
    float: right;
    width: 196px;
    background-color:#fff;
}
#rightCol h2 {
    clear: both;
    margin:0;
}
#rightCol ul {
    margin: 1em 0 1em 15px;
}
#rightCol li {
    line-height: 1.2em;
    margin: 0.8em 0;
}
#rightCol li a {
    display: block;
	/*color:#fff;*/
}
#wrapper {
    background: url(/oilspill/20130213205302oe_/http://garrison.leavenworth.army.mil/App_Themes/GarrisonRoot/Images/white_bg.gif) repeat-y top center;
    width: 100%;
}

/* CSS Sprite Icons */
.rss {background: url(/oilspill/20130213205302oe_/http://garrison.leavenworth.army.mil/App_Themes/GarrisonRoot/Images/icon_sprites.gif)           0px -114px no-repeat;}
.podcasts {background: url(/oilspill/20130213205302oe_/http://garrison.leavenworth.army.mil/App_Themes/GarrisonRoot/Images/icon_sprites.gif)      0px -133px no-repeat;}


/* 4. Classes
------------------------------------*/
.block {
    clear: both;
    color: #fff;
    font-size: 11px;
    height: 26px;
    line-height: 26px;
    padding-left: 10px;
    text-transform: uppercase;
}
.bold {
    font-weight: bold;
}
.bordered {
    background: #fff;
    border-top: 1px solid #9b9b9b;
    border-bottom: 1px solid #9b9b9b;
}
.breadcrumbs {padding: 10px 0 20px 3px;}
.centered {
	padding-left: 0;
    text-align: center;
}
.dark-gray {
    background: #4e4e4e;
}
.dark-red {
    background: #af2020;
    padding:0 !important;
}

.diamondList
{
	list-style: none;
	border: 1px solid white;
}

.diamondList, .diamondList li
{
margin: 0;
padding: 0;
}
.diamondList li {
    background: url(/oilspill/20130213205302oe_/http://garrison.leavenworth.army.mil/App_Themes/GarrisonRoot/Images/diamond_bullet.gif) no-repeat 0 2px;
    padding-left: 16px;
    margin: 12px 0;
}
.hide {
    display: none;
}
.hide2 {
    position:absolute;
    left:0px;
    top:-500px;
    width:1px;
    height:1px;
    overflow:hidden;
}
.icon_sprite {
    display: block;
    float: left;
    height: 19px;
    margin: 0 4px;
    width: 19px;
}
.light-gray {
    background: #c0c0c0;
    color: #565656;
}
.rss, .podcasts {
    display: block;
    height: 19px;
    line-height: 19px;
    margin: 0.4em 0;
}
.rss .textLink, .podcasts .textLink, #email .textLink, #print .textLink {
    margin-left: 24px;
}

.SearchDialog, .SearchResults {Padding:0 0 !Important;}
.SearchResults {padding-top:20px !Important;}


/* 5. Print
------------------------------------*/
@media print {
    body {
        background: #fff;
    }
    #header, #navBar, #breadCrumbs, #leftCol, #rightCol, #footer {
        display: none;
    }
    #mainContent {
        overflow: visible;
    }
}

/* 6. Handheld
------------------------------------*/
@media handheld {
    
}

/* 7. Debug
------------------------------------*/
/* Un-comment for site testing

*[style], font, center {outline: 5px solid red;}
img[alt=""] {border: 3px solid red;}
img[title=""] {border: 3px dotted fuchsia;}
img:not([alt]) {border: 5px solid red;}
img:not([title]) {outline: 5px solid fuchsia;}
table[summary=""] {outline: 3px solid red;}
table:not([summary]) {outline: 5px solid red;}
th {border: 2px solid red;}
th[scope="col"], th[scope="row"] {border: none;}
a[href]:not([title]) {border: 5px solid red;}
a[title=""] {outline: 3px dotted red;}
a[href=""] {background: fuchsia;} */

/* this section is for TAB implementation */
@charset "UTF-8";

/* SpryTabbedPanels.css - version 0.4 - Spry Pre-Release 1.6.1 */

/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */

/* Horizontal Tabbed Panels
 *
 * The default style for a TabbedPanels widget places all tab buttons
 * (left aligned) above the content panel.
 */

/* This is the selector for the main TabbedPanels container. For our
 * default style, this container does not contribute anything visually,
 * but it is floated left to make sure that any floating or clearing done
 * with any of its child elements are contained completely within the
 * TabbedPanels container, to minimize any impact or undesireable
 * interaction with other floated elements on the page that may be used
 * for layout.
 *
 * If you want to constrain the width of the TabbedPanels widget, set a
 * width on the TabbedPanels container. By default, the TabbedPanels widget
 * expands horizontally to fill up available space.
 *
 * The name of the class ("TabbedPanels") used in this selector is not
 * necessary to make the widget function. You can use any class name you
 * want to style the TabbedPanels container.
 */
.TabbedPanels {
	margin: 20px;
	padding: 0px;
	float: none;
	clear: none;
	width: auto; /* IE Hack to force proper layout when preceded by a paragraph. (hasLayout Bug)*/
}

/* This is the selector for the TabGroup. The TabGroup container houses
 * all of the tab buttons for each tabbed panel in the widget. This container
 * does not contribute anything visually to the look of the widget for our
 * default style.
 *
 * The name of the class ("TabbedPanelsTabGroup") used in this selector is not
 * necessary to make the widget function. You can use any class name you
 * want to style the TabGroup container.
 */
.TabbedPanelsTabGroup {
	margin: 0px;
	padding: 0px;
}

/* This is the selector for the TabbedPanelsTab. This container houses
 * the title for the panel. This is also the tab "button" that the user clicks
 * on to activate the corresponding content panel so that it appears on top
 * of the other tabbed panels contained in the widget.
 *
 * For our default style, each tab is positioned relatively 1 pixel down from
 * where it wold normally render. This allows each tab to overlap the content
 * panel that renders below it. Each tab is rendered with a 1 pixel bottom
 * border that has a color that matches the top border of the current content
 * panel. This gives the appearance that the tab is being drawn behind the
 * content panel.
 *
 * The name of the class ("TabbedPanelsTab") used in this selector is not
 * necessary to make the widget function. You can use any class name you want
 * to style this tab container.
 */
.TabbedPanelsTab {
	position: inherit;
	top: 1px;
	float: left;
	padding: 4px 10px;
	margin: 0px 1px 0px 0px;
	font: bold 1.52em sans-serif;
	background-color: #DDD;
	list-style: none;
	border-left: solid 1px #CCC;
	border-bottom: solid 1px #999;
	border-top: solid 1px #999;
	border-right: solid 1px #999;
	-moz-user-select: none;
	-khtml-user-select: none;
	cursor: pointer;
}

/* This selector is an example of how to change the appearnce of a tab button
 * container as the mouse enters it. The class "TabbedPanelsTabHover" is
 * programatically added and removed from the tab element as the mouse enters
 * and exits the container.
 */
.TabbedPanelsTabHover {
	background-color: #CCC;
}

/* This selector is an example of how to change the appearance of a tab button
 * container after the user has clicked on it to activate a content panel.
 * The class "TabbedPanelsTabSelected" is programatically added and removed
 * from the tab element as the user clicks on the tab button containers in
 * the widget.
 *
 * As mentioned above, for our default style, tab buttons are positioned
 * 1 pixel down from where it would normally render. When the tab button is
 * selected, we change its bottom border to match the background color of the
 * content panel so that it looks like the tab is part of the content panel.
 */
.TabbedPanelsTabSelected {
	background-color: #EEE;
	border-bottom: 1px solid #EEE;
}

/* This selector is an example of how to make a link inside of a tab button
 * look like normal text. Users may want to use links inside of a tab button
 * so that when it gets focus, the text *inside* the tab button gets a focus
 * ring around it, instead of the focus ring around the entire tab.
 */
.TabbedPanelsTab a {
	color: black;
	text-decoration: none;
}

/* This is the selector for the ContentGroup. The ContentGroup container houses
 * all of the content panels for each tabbed panel in the widget. For our
 * default style, this container provides the background color and borders that
 * surround the content.
 *
 * The name of the class ("TabbedPanelsContentGroup") used in this selector is
 * not necessary to make the widget function. You can use any class name you
 * want to style the ContentGroup container.
 */
.TabbedPanelsContentGroup {
	clear: both;
	border-left: solid 1px #CCC;
	border-bottom: solid 1px #CCC;
	border-top: solid 1px #999;
	border-right: solid 1px #999;
	background-color: #EEE;
}

/* This is the selector for the Content panel. The Content panel holds the
 * content for a single tabbed panel. For our default style, this container
 * provides some padding, so that the content is not pushed up against the
 * widget borders.
 *
 * The name of the class ("TabbedPanelsContent") used in this selector is
 * not necessary to make the widget function. You can use any class name you
 * want to style the Content container.
 */
.TabbedPanelsContent {
	padding: 4px;
}

/* This selector is an example of how to change the appearnce of the currently
 * active container panel. The class "TabbedPanelsContentVisible" is
 * programatically added and removed from the content element as the panel
 * is activated/deactivated.
 */
.TabbedPanelsContentVisible {
}

/* Vertical Tabbed Panels
 *
 * The following rules override some of the default rules above so that the
 * TabbedPanels widget renders with its tab buttons along the left side of
 * the currently active content panel.
 *
 * With the rules defined below, the only change that will have to be made
 * to switch a horizontal tabbed panels widget to a vertical tabbed panels
 * widget, is to use the "VTabbedPanels" class on the top-level widget
 * container element, instead of "TabbedPanels".
 */

/* This selector floats the TabGroup so that the tab buttons it contains
 * render to the left of the active content panel. A border is drawn around
 * the group container to make it look like a list container.
 */
.VTabbedPanels .TabbedPanelsTabGroup {
	float: left;
	width: 10em;
	height: 20em;
	background-color: #EEE;
	position: relative;
	border-top: solid 1px #999;
	border-right: solid 1px #999;
	border-left: solid 1px #CCC;
	border-bottom: solid 1px #CCC;
}

/* This selector disables the float property that is placed on each tab button
 * by the default TabbedPanelsTab selector rule above. It also draws a bottom
 * border for the tab. The tab button will get its left and right border from
 * the TabGroup, and its top border from the TabGroup or tab button above it.
 */
.VTabbedPanels .TabbedPanelsTab {
	float: none;
	margin: 0px;
	border-top: none;
	border-left: none;
	border-right: none;
}

/* This selector disables the float property that is placed on each tab button
 * by the default TabbedPanelsTab selector rule above. It also draws a bottom
 * border for the tab. The tab button will get its left and right border from
 * the TabGroup, and its top border from the TabGroup or tab button above it.
 */
.VTabbedPanels .TabbedPanelsTabSelected {
	background-color: #EEE;
	border-bottom: solid 1px #999;
}

/* This selector floats the content panels for the widget so that they
 * render to the right of the tabbed buttons.
 */
.VTabbedPanels .TabbedPanelsContentGroup {
	clear: none;
	float: left;
	padding: 0px;
	width: 30em;
	height: 20em;
}

/* TAB CSS ends here */


#breadCrumbs
{
/* BENB */
/*padding:10px 0 5px 9px;*/
padding: 10px 0 5px 2px;
}

#dropDownNav li ul li ul{

	left: 210px;
	top:0px;
	
}

table caption
{
text-align:left;
font-size:1.2em;
font-weight:bold;
margin:5px 0px;
}

.numbered_list 
{
list-style-type: decimal;
margin-left: 35px;
}

.numbered_list li
{
	margin:10px 0px;
	font-size:1.1em;
}

.searchbutton {
    background: url("/oilspill/20130213205302oe_/http://garrison.leavenworth.army.mil/app_themes/garrisonroot/images/searchbutton.png") no-repeat scroll 5px 5px transparent;
    border: medium none;
    color: transparent;
    /*color: #FFFFFF;*/
    cursor: pointer;
    display: inline;
    float: right;
    height: 26px;
    margin: 0;
    width: 28px;
}


.searchbox
{

    color: #737373;
    float: left;
    font-size: 1em;
    height: 1.2em;
    margin: 4px 5px;
    padding: 0;
    width:210px;


}

#Search_Wrap
{
    float: right;
    height: 2.8em;
    position: relative;
    width: 26em;
}

body#xEditingArea 
{
	background:#f7f7f7;
}

table th
{
	background: #dbdbdb;
	border:1px solid #9e9e9e;
	padding:5px;
	text-align:left;
}

table td
{
	border:1px solid #9e9e9e;	
	padding:5px;
}

table
{
	border-collapse:collapse;	
}
table
{
	margin:0 1em;
}
/* BENB */
#mainContent table {
	margin: 0 0;
}

li
{
    margin-left:20px;
    line-height:1.4em;  
    margin-bottom:5px;
}

.UniGridMain td, .UniGridMain td td td  {
border: none;
}

.UniGridMain td td{
border: 1px solid #CCCCCC;
}

.anythingControls {width:175px;}

/*BENB*/
.FeedIcon {
	vertical-align: -4px;
	margin-right:5px;
}

#events_row {
	overflow:hidden !important;
	height:auto !important;
}
#events_row #services {overflow:hidden !important;}
.eventLocation {background:#4e4e4e;color:#fff;}

#rightCol.newsMenu {background:#4e4e4e;}
#rightCol.newsMenu a {color:#ffd54a;}
fieldset
{
	border: 1px solid #e2e2e2;	
	padding:10px;
	margin-top:10px;
display:block;
}

legend
{
	
	padding: 5px;
	font-weight:bold; 
	font-size:1.2em;
}