/* Cream #12FAA7 
   Blue  #15D3FA
*/   
/* TABLE ........................................................................ */ 

td.head-left 
{
	background-image: url('head-left.png');
	height:97px ;
	width:38px;
	background-repeat: no-repeat;
}

td.head-center 
{
	background-image: url('head-center.png');
	height:97px ;
	background-repeat: repeat-x;
}

td.head-right
{
	background-image: url('head-right.png');
	height:97px ;
	width:40px;
	background-repeat: no-repeat;
}

td.body-left 
{
	background-image: url('body-left.png');
	background-repeat: repeat-y;
}

td.body-center 
{
}

td.body-right
{
	background-image: url('body-right.png');
	background-repeat: repeat-y;
}

td.foot-left 
{
	background-image: url('foot-left.png');
	height:75px ;
	background-repeat: no-repeat;
}

td.foot-center 
{
	background-image: url('foot-center.png');
	color:rgb(230,230,230);
	height:75px ;
	background-repeat: repeat-x;
	padding: 15px 5px 5px 5px
}

td.foot-right
{
	background-image: url('foot-right.png');
	height:75px ;
	background-repeat: no-repeat;
}

td.key {color:black;padding: 5px 5px 5px 5px;line-height: 1.3em;} 
td.value {color:gray;padding: 5px 5px 5px 5px;line-height: 1.3em;}

th.grid {background-color:gray ;color:white;padding: 5px 5px 5px 5px;line-height: 1.3em;font-weight:normal}
td.grid {background-color:silver ;color:black;padding: 5px 5px 5px 5px;line-height: 1.3em;}

th.mgrid {background-color:rgb(0,102,167) ;color:white;padding: 5px 5px 5px 5px;
  line-height: 1.3em;font-weight:normal}
td.mgrid {background-color:rgb(121,202,255);color:black;padding: 5px 5px 5px 5px;line-height: 1.3em;}


/* GENERAL ................................................................................ */

* 
{
  margin:0;
  padding:0;
}

body 
{
   text-align: left;
   font-family: Verdana, "Lucida Grande", Geneva, Arial, Helvetica;
   font-size:12px;
   background-color:white;
   color:black;

   margin:1em;
}

img { border: 0; }
img.doc { border: 0; margin-left:36px}

a,
a:link 
a:active 
{
   text-decoration: underline;
   background-color: inherit; 
   color: #18507C; 
}

a:visited 
{
   text-decoration: underline;
   background-color: inherit;
   color: #18507C; 
}

a:hover 
{
   text-decoration: none;
   background-color: #C3D4DF;
   color: #385C72;
}

/* CONTENT STYLING ********************************************************************/

div#main 
{
   margin-left: 10px;
   margin-right: 5px; 
}

div#sidebar 
{
   margin-left: 1px;   
}

div#content 
{
	margin: 1em auto 1em 0;
}

div#content h1 
{
   font-size: 2em; /* font size for h1 */
   line-height: 1em;
   margin: 0;
}

div#content h2 
{
	color:#12FAA7 ;
	text-align: center; 
	padding-left: 0.5em;
	padding-bottom: 1px;
   font-size: 24px; line-height: 36px;
   font-weight: normal;
   margin: 0 0 0.5em 0;
}

div#content h3 
{
   color: #15D3FA;
   font-size: 1.5em;
   line-height: 1.3em;
   margin: 0 0 0.5em 0;
   font-weight: normal;
}
div#content h4 
{
   color: #15D3FA;
   font-size: 1.2em;
   line-height: 1.3em;
   margin: 0 0 0.25em 0;
   font-weight: normal;
}

div#content h5 
{
   color: #12FAA7;
   font-size: 1em;
   line-height: 1.3em;
   margin: 0 0 0.5em 0;
   font-weight: normal;
}

h6 
{
   font-size: 1em;
   line-height: 1em;
   margin: 0 0 0.25em 0;
   font-weight: bold;
}

/* TEXT */
p 
{
   font-size: 1em;
   margin: 0 0 1.5em 0; /* some air around p elements */
   line-height: 1.4em;
   padding: 0;
}

blockquote 
{
   border-left: 10px solid #ddd;
   margin-left: 10px;
}

strong, b {font-weight: bold; }
em, i {font-style:italic;}

/* Wrapping text in <code> tags. Makes CSS not validate */
code, pre 
{
   white-space: pre-wrap;       /* css-3 */
   white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
   white-space: -pre-wrap;      /* Opera 4-6 */
   white-space: -o-pre-wrap;    /* Opera 7 */
   word-wrap: break-word;       /* Internet Explorer 5.5+ */
   font-family: monaco, "Courier New", Courier, monospace;
   font-size: 1em;
}

pre 
{
   border: 1px solid #15D3FA ;  
   background-color: #12FAA7 ;
   margin: 0 1em 1em 1em;
   padding: 0.5em;
   line-height: 1.5em;
   font-size: 90%;
   color:white;
}

/* Separating the divs on the template explanation page, with some bottom-border */
div.templatecode { margin: 0 0 2.5em; }

/* LISTS */

/* lists in content need some margins to look nice */
div#main ul,
div#main ol,
div#main dl 
{
   font-size: 1.0em;
   line-height: 1.4em;
   margin: 0 0 1.5em 0;
}

div#main ul li,
div#main ol li { margin: 0 0 0.25em 3em; }

/* definition lists topics on bold */
div#main dl dt 
{
   font-weight: bold;
   margin: 0 0 0 1em;
}
div#main dl dd { margin: 0 0 1em 1em; }

div#main dl 
{
  margin-bottom: 2em;
  padding-bottom: 1em;
  border-bottom: 1px solid #c0c0c0;
}

/* VERTICAL MENU .................................................................*/

#sidebar 
{
   padding-left: 0;
   margin-left: 1em;
}

/* third level has some padding to have it stand out */
div#sidebar ul ul ul { padding-bottom: 0.5em; }

/* menu li block */
#sidebar li 
{
   list-style: none;
   margin: 0;
   border-bottom: 1px solid #12FAA7;
   display: block;
}

#sidebar ul ul li { border: none; }

/** fix stupid ie bug with display:block; **/
* html #sidebar li a { height: 1%; } 
* html #sidebar li hr { height: 1%; }
/** end fix **/

/* first level links */
div#sidebar a 
{
   text-decoration:none; /* no underline for links */
   display: block; /* IE has problems with this, fixed above */
   padding: 0.5em 0.5em 0.5em 1.5em; /* some air for it */
   color: #18507C; /* this will be link color for all levels */
   /*background: url(arrow-right-active.gif) no-repeat 0.5em center; */
   background: url(nav-right.png) no-repeat 0.5em center; 
   background: transparent; 
   min-height:1em; /* Fixes IE7 whitespace bug */ 
}

/* next level links, more padding and smaller font */
div#sidebar ul ul a 
{
   font-size: 90%;
   padding: 0.5em 0.5em 0.5em 2.8em;
   background-position: 1.5em center;
}

/* third level links, more padding */
div#sidebar ul ul ul a 
{
   padding: 0.3em 0.5em 0.3em 4.3em;
   background: url(dash.png) no-repeat 2.8em center; 
}

/* hover state for all links */
div#sidebar a:hover 
{
   /*background-color: #C3D4DF;*/
   background-color:#15D3FA ;
}

div#sidebar a.activeparent:hover 
{
   background-color: #15D3FA;
   color: white;
}

/* active parent, that is the first-level parent 
   of a child page that is the current page  */
div#sidebar li a.activeparent 
{
   background: url(nav-down.png) no-repeat 0.4em center; 
   /*background-color: #385C72;*/
   background-color: #12FAA7 ;
   color: white;
}

div#sidebar ul ul li a.activeparent 
{
   background-position: 1.5em center; 
   background-color: transparent;
   color: #18507C;
}

/* current pages in the default Menu Manager 
   template are unclickable. This is for current page on first level */
div#sidebar ul h3 
{
   background: url(nav-right.png) no-repeat 0.4em center;
   background-color: #12FAA7 ;
   display: block; 
   padding: 0.5em 0.5em 0.5em 1.5em;  /* some air for it */
   color: #fff;                       /* this will be link color for all levels */
   font-size: 1em;                    /* instead of the normal font size for <h3> */
   margin: 0;                         /* as <h3> normally has some margin by default */
}

/* next level current pages, more padding, 
   smaller font and no background color or bottom border */
div#sidebar ul ul h3 
{
   font-size: 90%;
   padding: 0.3em 0.5em 0.3em 2.8em;
   background-position: 1.4em center;
   background-color: transparent;
   border-bottom: none;
   color: #000;     
}

/* current page on third level, more padding */
div#sidebar ul ul ul h3 
{
   padding: 0.3em 0.5em 0.3em 4.3em;
   background: url(nav-right.png) no-repeat 2.7em center; 
}

/* section header */
div#sidebar li.sectionheader 
{
   border-right: none;
   font-size: 130%;
   font-weight: bold;
   padding: 1.5em 0 0.8em 0;
   background-color: white;
   line-height: 1em;
   margin: 0;
   text-align:center;
}

/* separator */
div#sidebar li.separator 
{
   height: 1px !important;
   margin-top: -1px;
   margin-bottom: 0;
   padding:2px 0 2px 0;
   background-color: #000;
   overflow:hidden !important;
   line-height:1px !important;
   font-size:1px; /* for ie */
}

div#sidebar li.separator hr 
{
   display: none; /* this is for accessibility */
}

hr.blueline { height: 1%; color:#15D3FA}

/* Google Analytic */
div#feature_img{float:left; margin-right:10px; width:150px; height:123px;}
div#feature_txt {min-height:130px; }
div#feature_clear{height:10px;border-top:1px solid #15D3FA;}
div#feature_txt li {list-style-position:inside;list-style-type:square;}