/*
Note for BLOGENGINE
Read comments for
1. #content-container-three-column
2. #footer
3. #footer div
*/

.fflmenu
{
    border-top:  1px dotted #b2b2b2;
    margin: .15em;
}
.ffl_footer
{
     border-bottom:  1px dotted #b2b2b2;
    border-top:  1px dotted #b2b2b2;
    text-align:center;
    margin-left:auto;
    margin-right:auto;
}
div.fflmenu div.current
{
    background-color: #E5E5E5;
}
.close {	
    DISPLAY: block;	
    BACKGROUND: url(/images/close24.png) no-repeat 0px 0px;	
    LEFT: -5px;	
    WIDTH: 26px;	
    TEXT-INDENT: -1000em;	
    POSITION: absolute;	
    TOP: -7px;	
    HEIGHT: 26px;	
} 
.modalBackground 
{   background-color:Gray;
    /* top: 0px; 
    left: 0px;
    width: 100%; height: 100%;
    position: absolute;
    z-index: 500;

   	
     filter: Alpha(Opacity=60); 
     -moz-opacity:0.4; 
     opacity: 0.4;*/

        }
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	CONTENT CONTAINER - THREE COLUMN

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*the tag below is what creates a funky box problem in firefox
To Fix: comment out the border, background tags */
#content-container-three-column
{
    margin-left: auto;
    margin-right: auto;
    width: 772px;
    border: 0px solid #818181;
    background: url(/images/bg-three-column-main.png) repeat-y;
    position: relative;
    background-color: #ffffff;
        }

#content-main-three-column
{
    width: 380px;
    float: left;
}

#content-main-three-column div.container
{
margin: 10px 5px 5px 10px;
}


#content-side2-three-column, #content-side1-three-column
{
    width: 193px;
    font-size: .9em;

}

#content-side2-three-column
{
    float: right;
    padding:0 0 0 0;
}
#content-side2-three-column div.container
{
    margin: 20px 10px 5px 10px;
}

#content-side1-three-column
{
    float: left;
    padding:0 0 0 0;
}
#content-side1-three-column div.container
{
    margin:  20px 10px 5px 10px;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	CONTENT CONTAINER - TWO COLUMN

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#content-container-two-column
{
    margin-top: 0px;
    margin-left: auto;
    margin-right: auto;
    width: 772px;
    border: 0px solid #818181;
    background: url(/images/bg-content-side.png) repeat-y right;
     background-color: #ffffff;
   position: relative;
}
#content-container-one-column
{
    margin-top: 0px;
    margin-left: auto;
    margin-right: auto;
    width: 772px;
    border: 0px solid #818181;
    background: url(/images/bg-content-whole.png) repeat-y right;
     background-color: #ffffff;
   position: relative;
}
#content-main-two-column
{
    width: 572px;
    float: left;
}
#content-main-two-column div.container
{
    margin: 10px 0 0 15px;
    }
#content-side-two-column
{
    float: right;
    width: 193px;
}

#content-side-two-column div.container
{
    margin:5px 10px 0 5px;
 }



/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	HOME PAGE - THREE COLUMN SECTION

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#three-column-container
{
    background: url(/images/bg-three-column-home.png) repeat-y;
    padding: 0;
    margin: 20px 15px 10px 0;
}

#three-column-side1
{
    float: left;
    width: 163px;
}

#three-column-side2
{
    float: right;
    width: 163px;
}

#three-column-middle
{
    width: 163px;
    margin: 0px 183px 0px 183px;
}



/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ 
    
    css-master

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	HTML TAGS 

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

body
{
    margin: 0px;
    background-color: #f3f3f3;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: .8em;
    line-height: 1.4em;
        color: #444444;

}

p
{
    margin: 10px 0;
}

p.no-padding-no-margin
{
    padding: 0;
    margin: 0;
}

hr
{
    color: #E5E5E5;
    background-color: #E5E5E5;
    height: 1px;
    border: 0;
    margin: 15px 0;
   /* _margin: 10px 0;*/
}

blockquote
{
    padding: 0 0 0 12px;
    margin: 12px 8px 0 0;
    background: url(/images/bg-quote.png) no-repeat;
}

blockquote p
{
    margin: 2px 0;
}

cite
{
    font-size: .85em;
    margin: 0;
    padding: 0 0 0 6px;
}

fieldset
{
    padding: 15px;
}

legend
{
    color: #333333;
    padding: 5px 3px 10px 3px;
}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	HEADINGS 

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/


h1, h2, h3, h4, h5, h6
{
    font-size: 1.8em;
    font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
    line-height: 1.1em;
    margin: 5px 0;
}

h1
{
    margin-bottom: 0;
}

h1, h2
{
    margin-top: 0px;
}

h2
{
    font-size: 1.3em;
}

h3
{
    font-size: 1.1em;
}

h3.small
{
    font-size: 1.2em;
}

h4
{
    font-size: 1.1em;
}

h5
{
    font-size: 1.1em;
}

h6
{
    font-size: 1em;
}



/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	LINKS

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* Link to an external URL */
a.externallink {
	background-image: url(/Images/ExternalLink.gif);
	background-position: right;
	background-repeat: no-repeat;
	padding-right: 14px;
}


a:link
{
    color: #d61719;
    text-decoration: none;
}

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

a:hover
{
    text-decoration: none;
}

a:active
{
    color: #980000;
}

#content-side-two-column a:link, #content-side2-three-column a:link, #content-side1-three-column a:link, #content-side-two-column a:visited, #content-side2-three-column a:visited, #content-side1-three-column a:visited
{
    text-decoration: none;
}

#content-side-two-column a:hover, #content-side2-three-column a:hover, #content-side1-three-column a:hover
{
    text-decoration: underline;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	TOP INFORMATION

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#top-information
{
    position:relative;
    height: 4.5em;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 3px;
    color: #999999;
    font-size: 12px;
    width: 760px;

}
#logo
{
    position: absolute;
    top: .3em;
    left: 5px;
    font-size: 2.5em;
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    height: 2.9em;
    padding: 0 0 .1em 0;
    font-weight: bold;
    font-variant: small-caps;
}

    
 #logo2009Bee
{
    margin:5px 0 0 0 ;
    position:absolute;
    left:0px;
    

    }
 #logo2009Text
{
    margin:15px 0 0 0 ;
position:absolute;
left:104px;
    }
  
    
    
    
#logo a
{
    color: #4A6BB3;
    text-decoration: none;
}

#top-address
{
    position: absolute;
    /*top: 3.2em;*/
    top: 38px;
    left: 104px;
    font-size: .9em;
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    height: 2.8em;
    padding: 0 0 0 0;
    font-weight: bold;
    margin:0 0 0 0;

}



#top-information-contact
{
    text-align: right;
    border-bottom: 1px dashed #CACACA;
    position: absolute;
    top: 15px;
    right: 14.5%;
    font-size: .9em;
    height: 2em;
    width: 12%;
    padding: 0 1.5% 0 0;
}
#top-information-search
{
    text-align: left;
    border-left: 1px dashed #CACACA;
    border-bottom: 1px dashed #CACACA;
    position: absolute;
    top: 15px;
    left: 86%;
    height: 100%;
    font-size: .9em;
    padding: 0 0 0 2%;
    height: 2em;
    width: 12%;
}
#top-information-school
{
    text-align: right;
    position: absolute;
    top: 3.5em;
    right: 14.5%;
    font-size: .9em;
    height: 2em;
    padding: 0 1.5% 0 0;
}
#top-information-phone
{
    text-align: left;
    position: absolute;
    top: 3.5em;
    left: 86%;
    height: 100%;
    font-size: .9em;
    padding: 0 0 0 2%;
    height: 2em;
    width: 12%;
}



#top-information-home
{
    text-align: right;
    border-bottom: 1px dashed #CACACA;
    position: absolute;
    top: 0;
    right: 25.5%;
    font-size: .9em;
    height: 2em;
    width: 15%;
    padding: 0 1.5% 0 0;
}


#top-information-login
{
    text-align: left;
    border-left: 1px dashed #CACACA;
    border-bottom: 1px dashed #CACACA;
    position: absolute;
    top: 0;
    left: 75%;
    height: 100%;
    font-size: .9em;
    padding: 0 0 0 2%;
    height: 2em;
    width: 15%;
}


#top-information-link
{
    text-align: center;
    font-size: .9em;
    border-left: 1px dashed #CACACA;
    position: absolute;
    top: 0;
    right: 0;
    height: 2em;
    width: 8.5%;
    padding: 0 0 0 1.5%;
}


#heading
{
    text-align: left;
    font-size: 1.4em;
    font-weight: bold;
}

#subheading
{
    font-size: 1.1em;
    font-weight: bold;
}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	MAIN NAV 

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.menu-main
{
    margin: 10px 0 0 20px;
}

#nav-main
{
    background: #ff6600 url(/images/bg_top.gif) no-repeat;
    margin-left: auto;
    margin-right: auto;
    width: 772px;
    padding: 0 0 0 0;
    position: relative;
    font-weight: bold;
    height: 40px;
        border-bottom:solid 1px #eeeeee;

}

#nav-main div
{
    width: 25%;
    /*_width: 25.5%;*/
    position: absolute;
    top: 0;
    right: 0;
    height: 2em;
    text-align: center;
    margin-top: 10px;
    color: #f3f3f3;
    font-size: .9em;
}

#nav-main ul
{
    padding: 0 0 0 0;
}

#nav-main li
{
    display: inline;
    list-style: none;
    padding: 0 0 0 0;
    background: none;
}

#nav-main a:link, #nav-main a:visited
{
    color: #FFFFFF;
    text-decoration: none;
}

#nav-main a:hover
{
    color: #D4E7F8;
    text-decoration: underline overline;
}

#nav-main a:active
{
    color: #FFFFFF;
}

#nav-main li.current a:link, #nav-main li.current a:visited
{
    text-decoration: underline;
}

#nav-main li.current a:hover
{
    color: #D4E7F8;
    text-decoration: underline;
}

#nav-main li.current a:active
{
    color: #FFFFFF;
}
#nav-main li.mainnav:hover > a
{
    background: #003046;
    border-right-color: #003046;
    color: #fff;
}
#nav-main li.mainnav a:hover
{
    background: #003046;
    border-right-color: #003046;
    color: #fff;
}

/* ACTIVE PAGES */
#nav-main a.StaticSelectedStyle:link, #nav-main a.StaticSelectedStyle:visited
{
    color: #D4E7F8;
    text-decoration: underline;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	POSTER PHOTO

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#poster-photo-container {

    
    
    
        margin-top: 0;
    margin-left: auto;
    margin-right: auto;
    width: 772px;
    border: 0px solid #818181;
    background: url(/images/bg-photo-container.gif) repeat-y right;
    position: relative;

    
    
    
	}
	
.poster-photo-image 
{
    margin-left:7.5px;
	border-right:3px solid #FFF;
	display:block;
	}

#feature-area-home {
	position:absolute;
	top:0;
	right:0;
	text-align:center;
	padding:2%;
	color:#FFFFFF;
	/*font-size:1.2em;
	font-weight:bold;
	line-height:160%;*/
	background: #006699;
	margin:0 7px 0 0;
	height:180px;
	}
#poster-photo-text {
	position:absolute;
	top:0;
	right:0;
	text-align:left;
	padding:2%;
	color:#eeeeee;
	/*font-size:1.2em;
	font-weight:bold;
	line-height:160%;*/
	background: #111111;
	margin:0 7px 0 0;
	height:180px;
	}
#poster-photo-text a:visited,
#poster-photo-text a:link {
	color:#ff9999;
	text-decoration:underline;

	}

#feature-area-home a:link,
#feature-area-home a:visited {
	/*color:#dcf2f7;*/
	color:#336699;
	text-decoration:underline;
	}
	
#feature-area-home a:hover {
	text-decoration:underline;
	}
#feature-area-home p {
	text-align:center;
	padding:2%;
	color:#FFFFFF;
	font-size:.7em;
	font-weight:bold;
	/*line-height:160%;*/
	}
	#hhaCalendar
{
    margin:10px 0 10px 60px;
    }
.hhaCalendar
{
}

#calendarHighlight
{
    color:#d61719;
    text-align: center; 
    padding: 0px;
    
    }
#calendarHeaderCell
    {
        height: 24px; 
        background: url(/images/bg_headercell.gif); 
        border: solid 1px #666666;
        padding: 2px; 
        background-color: #5276c7; 
        color: #ffffff;
        }
#calendarHighlightContentContainer
{}
#calendarHighlightContent
{
    padding: 5px 0 5px 0; 
    margin: 0 0 5px 0; 
    border: dashed 1px #608fc8;
    border-right: dashed 1px #608fc8; 
    border-bottom: dashed 1px #608fc8;
    }
#calendarHighlightContentSmall
{
    font-size: 9px;
    }


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	pagetitle

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/


#pagetitle
{
    margin-left: auto;
    margin-right: auto;
    width: 772px;
    height: 40px;
    background: url(/images/bg-pagetitle.png) repeat-y;
    position: relative;
    background-color: #608fc8;
    color: #d5e8ff;
    font-size: large;
}

#pagetitle div
{
    padding: 8px 0 0 20px;
}

#pagetitle a:link, #pagetitle a:visited
{
    color: #FFFFFF;
    text-decoration: none;
}

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




/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	TREE VIEW CONTROL

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/


.TreeView
{
    border-bottom: 1px dotted #B2B2B2 !important;
}

.TreeView div
{
    margin-left: 5px;
}

.TreeView table
{
    border-top: 1px dotted #B2B2B2 !important;
}

.TreeView div table
{
    border-bottom: none !important;
    border-top: none !important;
}

.TreeView table td
{
    padding: 2px 0;
}

.LeafNodesStyle
{
}


.RootNodeStyle
{
}

/* ALL ELEMENTS */
.NodeStyle
{
}

.ParentNodeStyle
{
    background: yellow;
}


a.SelectedNodeStyle
{
    background: #E5E5E5;
    display: block;
    padding: 2px 0 2px 3px;
}



/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	LISTS

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

ul
{
    margin: 0;
    padding: 0;
}

ul li
{
    list-style: none;
    background: url(/images/list-bullet-02.gif) no-repeat 0 .8em;
    padding: .2em 0 .2em 1em;
    margin-left: 0.4em;
}

ol.playground li
{
    list-style: none;
    background: url(/images/list-bullet-02.gif) no-repeat 0 .8em;
    padding: .2em 0 .2em 1em;
    margin-left: 0.4em;
}


ul.list-of-links
{
    border-bottom: 1px dotted #B2B2B2;
}

#content-side1-three-column ul.list-of-links, #content-side2-three-column ul.list-of-links
{
    margin: 0 0 30px 0px;
}

ul.list-of-links li
{
    border-top: 1px dotted #B2B2B2;
    background-image: url(/images/list-bullet-01-link.gif);
}

ul.list-of-links li.current
{
    background-color: #E5E5E5;
}


ul.no-lines, ul.no-lines li
{
    border: none;
}



/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	HOME PAGE FEATURE AREA

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/


.feature-area
{
    background-color: #6799D1;
}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	IMAGES & PHOTOS

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

img
{
    border: none;
}

.photo-border
{
    border: 1px solid #cecece;
    padding: 4px;
    background: #d9d9d9 url(/images/bg-photo.png) top repeat-x;
    margin-bottom: 5px;
    display: block;
}

.photo-float-left
{
    float: left;
    margin-right: 10px;
}

.image-border-none
{
    border: none;
}

/* footer and copyright 
.footer {
	clear: both; 
	background: #f3f3f3 url('/images/bg_bottom.gif') no-repeat; 
	color: #fff; 
	height: 38px;
	text-align: center; 
	padding-top: 6px; 
}
*/

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	FOOTER
for blogs: comment out the bacground for #footer and #footer div
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#footer
{
    background: #F3F3F3 url(/images/bg_bottom.gif) bottom left no-repeat;
    margin-top: 0px;
    margin-left: auto;
    margin-right: auto;
    width: 772px; /*padding: .8em 0 1em 20px;
    position: relative;*/
    color: #666666;
    font-size: .8em;
    height: 38px;
    text-align: center;
    padding-top: 0px;
}


/*
#footer div
{
    background: #4b6cb5 url(/images/bg-nav-side.png) bottom right no-repeat;
    width: 25%;
    _width: 25.5%;
    position: absolute;
    top: 0;
    right: 0;
    padding: .8em 0 1em 0;
}
*/
#footer a:link, #footer a:visited
{
    color: #FFFFFF;
    text-decoration: none;
}

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

#footer a:active
{
    color: #FFFFFF;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	FOOTER-SUB

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#footer-sub
{
    margin-top: .1em;
    margin-left: auto;
    margin-right: auto;
    width: 740px;
    text-align: center;
    padding: 0 0 2em 0;
    /*position: relative;*/
    font-size: .8em;
    color: #999999;
}

#footer-sub ul
{
    margin: 0;
    padding: 0;
}

#footer-sub li
{
    display: inline;
    list-style: none;
    padding: 0 1em 0 0;
    background: none;
}

#footer-sub a:link, #footer-sub a:visited
{
    text-decoration: underline;
    color: #999999;
}

#footer-sub a:hover
{
    color: #666666;
    text-decoration: none;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	MISC CLASSES

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.news-date
{
    font-size: 0.9em;
    font-style: italic;
    color: #A4A4A4;
}

.arrow
{
    vertical-align: middle;
}

input.button-big
{
    font-weight: bold;
    padding: .7em 1.5em;
    font-size: 1.1em;
    vertical-align: bottom;
}

input.button-small
{
    font-weight: normal;
    padding: .4em 1em;
    font-size: .8em;
    vertical-align: bottom;
}

.clear
{
    clear: both;
}

.none
{
    display: none;
}


/* ######### CSS for Indented CSS Tabs. Remove if not using ######### */


.indentmenu{
font: bold 13px Arial;
width: 100%; /*leave this value as is in most cases*/
}

.indentmenu ul{
margin: 0;
padding: 0;
float: left;
 width: 100%;
/*border-top: 1px solid navy; navy border*/
/*background: black url(indentbg.gif) center center repeat-x;*/
}

.indentmenu ul li{
display: inline;
}
.indentmenu ul li img 
{
opacity:0.4;filter:alpha(opacity=40);
    }


.indentmenu ul li a{
float: left;
color: #cccccc; /*text color*/
padding: 5px 10px;
text-decoration: none;
list-style-type:square;
/*border-right: 1px solid navy; navy divider between menu items*/
}

.indentmenu ul li a:visited{
color: white;
}

.indentmenu ul li a.selected{
color: white !important;
padding-top: 6px; /*shift text down 1px*/
padding-bottom: 4px;
background: #006699;

}
.indentmenu ul li a.selected img{
opacity:1;filter:alpha(opacity=100);

}


.tabcontentstyle{ /*style of tab content oontainer*/
border: 1px solid #006699;
width: 550px;
margin-bottom: 1em;
padding: 10px;
background-color:#dddddd;
}

.tabcontent{
display:none;
}

@media print {
.tabcontent {
display:block !important;
}
}