/* CSS Document */
*{
	padding: 0; 
	margin: 0;
	font: 0.99em Calibri, Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;	
}


html { 	
	overflow-x:hidden; 
	overflow-y: auto; 	
}

#iezoom { background: url(../images/bg.gif) #fff repeat-x; }

.blockquote {
	margin: 10px 0 10px 0;
	padding: 5px 0 0 20px;;
	background:url(../images/quote.gif) no-repeat top left;
	font-style:italic;
	font-size: 1.4em;
	color:#999999;
}


/****************** Header Definitions ******************/
h1 {
	font-size: 1.5em;
	margin-bottom: 5px;
	border-bottom: 1px solid #ccc;
	color:#2B4567;
}

h2 {
	font-size: 1.1em;
	font-weight: bold;
	margin-bottom: 5px;
	color:#2B4567;	
}

h3 {
	font-style: italic;
	color:#2B4567;	
	margin:0; padding:0;
}

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

#banner {
	height: 100px;
	width: 100%;
	background: url(../images/bg_logo.gif) no-repeat;
}

#banner p { margin: 0; padding: 0; }
#banner p.title {
	padding-top: 20px;
	float:right;
	text-transform: uppercase;	
	font: italic 1.5em Calibri, Arial;
	color: white;
}
#banner p.subtitle {
	float: right; clear: right;	
	color: white;
	font: bold italic 0.75em Calibri, Arial;	
}

body { background: url(../images/bg_crosspat.gif) }
body p {
	margin: 5px;
	margin-bottom: 10px;
}

#content {
	background: url(../images/bg-left.png) repeat-x;
}

#right {
	background: #fff;
	margin-left: 150px;
	padding: 15px;
	border-bottom: 1px solid #ccc;
}

#right ul { margin-left: 20px; }

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


#footer {
	/*background: url(../images/bg_pattern.gif);*/
	background: url(../images/navbg.gif) repeat-x bottom;
	clear: both;
/*	border: 3px solid #ccc;*/
	padding: 10px 3px 10px 3px;
	margin-bottom: 10px;	
}

#footer p { clear:both; margin: 0; padding: 0; }
#footer #columnar div { text-align: center; }
#footer img { height: 50px; border: none; }
#footer a { text-decoration: none; }

a img { border:none; padding: 0 10px 0 10px;}
a img:hover { 
   background-color: #ffffff;  /* the background          */
   filter:alpha(opacity=70);   /* Internet Explorer       */
   -moz-opacity:0.7;           /* Mozilla 1.6 and below   */
   opacity: 0.7;               /* newer Mozilla and CSS-3 */
}

a { 
	text-decoration: none;
	font-weight: bold;
	color: #4975B0;
}

a:hover { color: #2B4567; }

.left { float: left; }
.right { float: right; }
.centered { display: block; margin-left: auto; margin-right:auto; }
.clear { clear: both; }

.framed { margin: 5px; padding: 5px; border: 1px solid #ccc;  }

#columnar { width: 100%; }
#columnar #col-left { float: left; width: 50%; }
#columnar #col-right {float: right; width: 49%; }
#columnar div#col-item { width: 100%; margin:0; padding:0 0 10px 0; }
#columnar div#col-item:hover { border: 1px solid #ccc; margin: -1px; }

#columnar #col-variable { float: right; margin: 0; padding: 0; }

/*******************************************  Begin "left"  *******************************************/
#left {
  width: 151px;          /* LC width */
  float: left;
  padding-right: 1px;
  background: #fff;
  font: normal 85% "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}

#left p {
	padding: 5px;
	margin-top: 0;
}

#left ul {
	margin: 0;
	margin-left: -1px;
	padding: 0;
	list-style: none;
	width: 151px; /* Width of Menu Items */	
	border-bottom: 1px solid #ccc;
}

#left ul li {
	position: relative;
}
	
#left li ul {
	position: absolute;
	left: 151px; /* Set 1px less than menu width */
	top: 0;
	display: none;
}

/* Sub-submenus */
#left li ul li ul a { padding: 2px; }
#left ul li:hover ul ul, #left ul li:hover ul ul ul, #left ul li.over ul ul, #left ul li.over ul ul ul {
display:none;
}
#left ul li:hover ul,#left ul li li:hover ul,#left ul li li li:hover ul,
#left ul li.over ul,#left ul li li.over ul,#left ul li li li.over ul {
	display: block;
}


/* Styles for Menu Items */
#left ul li a {
	display: block;
	text-decoration: none;
	color: #777;
	background: #fff; /* IE6 Bug */
	padding: 7px;
	border: 1px solid #ccc;
	border-bottom: 0;
}

/* Fix IE. Hide from IE Mac \*/
* html #left ul li { float: left; height: 1%; }
* html #left ul li a { height: 1%; }
/* End */

#left ul li a:hover { color: #2B4567; background: #D6E0EE; } /* Hover Styles */
		
#left li ul li a { padding: 5px 5px; } /* Sub Menu Styles */
		
#left li:hover ul, #left li.over ul { display: block; } /* The magic */

/*******************************************  End "left"  *******************************************/

/*******************************************  Begin "sidebar"  *******************************************/
.sidebar {
	background: url(../images/sb_top-l.png) no-repeat top left;
}

.sbhead {
	background: url(../images/sb_top-r.png) no-repeat top right;
	margin: 0;
	padding: 15px;
	padding-bottom: 0;	
}

.sbhead h2 {
	margin: 0 5px 0 5px;
	padding: 0;
	border-bottom: 1px solid #ccc;
	font-size: 1.2em; 
	color:#2B4567;
}


.sbfoot {
	background: url(../images/sb_btm-l.png) no-repeat bottom left;
}

.sbfoot p {
	background: url(../images/sb_btm-r.png) no-repeat bottom right;
	display:block;
  	margin: 0 0 0 0;
	padding: 0 20px 0px 20px;	
}

.sbbody {
	background: url(../images/sb_body-r.png) repeat-y right;
	padding: 5px 20px 5px 20px;
	margin: 0;
}

.sbbody h2 {
	font-size: 1.2em; 
	color:#2B4567;
	border-bottom: 1px solid #ccc;
	margin-bottom: 5px;
}

.sbbody p {
	margin:0;
	padding:0;
}

.sidebar dl { margin: 0; padding: 0; }
.sidebar dt {
	font-weight: bold;
}

/*******************************************  End "sidebar"  *******************************************/

#tabnav {
	float:left;	
	width:95%;
	background: url(../images/navbg.gif) repeat-x bottom;
	line-height:normal;	
	padding-left: 5%;
}

#tabnav * { font: "Courier New", Courier, mono; }

#tabnav ul {
	margin:0;
	padding:5px 10px 0;
	list-style:none;
}

#tabnav li {
	float:left;
	background: url(../images/navleft.gif) no-repeat left top;
	margin:0;
	padding:0 0 0 7px;
	font-size: 14px;
}

#tabnav a {
	display:block;
	background: url(../images/navright.gif) no-repeat right top;
	padding: 2px 8px 2px 3px;
	text-decoration:none;
	font-weight:bold;
	color:#765;
}

/* Commented Backslash Hack
hides rule from IE5-Mac \*/
#tabnav a {float:none;}
/* End IE5-Mac hack */
#tabnav a:hover {
color:#333;
}

#tabnav .current {
	border-width:0;
}

#tabnav .current a {
	color:#333;
	padding-bottom:3px;
}