/*
- This file is for clients who need configuring their own CSS set
 to change the web appearance from the default set.
- The default CSS set is in MEDIANET_DEFAULT.CSS. Look at this file
 for a list of style elements that can be overridden and examples on
 how to define an override setting.
*/
/* Global settings for <h1> titles. */
h1 {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 15px;
 font-weight: bold;
 color: #DD895B;
 letter-spacing: .1em;
 padding-top: 10px;
 text-transform: none;
}
/*
To remove the background images of the default Medianet style (which
will remove most of the style 'appearance'):
 body {
 background-image: url();
 }
 #idBottom {
 background-image:url();
 }
To remove the borders around the content (with a small 10px margin on
the left so the text isn't flush against the left).
 #idContent {
	border: 0px;
	margin: 0px 0px 0px 10px;
	padding: 0px;
 }
 You will also want to remove idHeader (unless you've moved it above
 the tabs using <!--MED_SITE_HEADER-->):
 #idHeader {
 display:none;
 }
To remove the centering on the buttonbars:
 #idBottom {
 text-align: left;
 }
 The 15px is significant, it ensure the buttonbar text is centered
 vertically in the blue bar.
 #idFooter {
 text-align: left;
 margin: 0px;
 padding: 15px 0px 0px 10px;
 }
To put an image on the top of the tabs: The easiest way is:
 Fill in the nav bar with dark blue, to replace the color we lost
 with the background image (since the tabs will now be displaced
 below the dark blue bar):
 #idNavContainer {
 background-color: #314A5A;
 }
 To handle positioning bugs in Firefox, we have to change to
 absolute positioning. We assume here your logo is in
 #idHeader, added above the tabs in style_Cfg.iht using
<!--MED_SITE_HEADER-->. The actual pixels for height: and
 top: values will depend on the height of your logo:
 #idNavContainer {
 background-color: #314A5A;
 height: 100px;
 margin: 0;
 padding: 0;
 text-align: bottom;
 }
 #idNav {
 position: absolute;
 top: 68px;
 left: 0px;
 padding: 0 0 0 0;
 margin: 0 0 0 100;
 height: 35px;
 }
 #idHeader {
 position:absolute;
 top: 0px;
 left: 0px;
 width: 100%;
 height: 45px;
 background-color: white;
 }
 // And put in some space between the contents and the tabs,
 // since we moved the header
 #idContents {
 margin-top: 10px;
 }
To change the size of the page contents section (for instance, to
ensure the text doesn't stretch beyond the width of the site logo):
 .pageContentsTable {
 width: 700px;
 }
To change the default font size:
body, td, th {
 font-size: 15px;
}
To change the appearance of the <h1> titles:
h1 {
 color: green;
 font-size: large;
 padding-top: 5px;
 text-transform: none;
}
To grow the navigation bar section to make room for more tabs:
#idNav {
 width: 900px;
}
To change the height of a header from HEADER_CFG.IHT:
#idHeader {
 height: 50px;
}
To change the appearance of the page contents area titles
(from optional <root>_TITLE_CFG.IHT):
h1.innerTitle {
 color: red;
 font-size: 25px;
}
To grow the size of the footer button bar to prevent wrapping:
#idFooter {
 width: 900px;
}
To put bars around the buttonbar:
#idBtnbar {
 border-top: 1px groove black;
 border-bottom: 1px groove black;
 padding-top: 10px;
 padding-bottom: 10px;
}
*/