/* last modified 18 Aug 2010 */
/*  General rules */
	
a img {
border: none;
background: transparent; 
} 

/*  general layout parameters */

body	{
	border-left:0px none;
	border-right:0px none; 
	border-bottom:0px none;
	border-top: 1px solid #9D8D8D;
	background:#A7B4C1 url('bg.jpg') repeat-x;
	/*
	background:#7D8FA0 url('bg.jpg') repeat-x;
	background:#7B7B7B url('./_images/bg.gif') repeat-x fixed bottom left;
	background:#9d8d8d url('bg.gif') repeat-y fixed bottom left; 
	*/
	color: #383838;
	margin: 0;
	text-align: center;
	font-family: "Trebuchet MS", verdana, lucida, arial, helvetica, sans-serif, Arial;
	padding-bottom: 20px; padding-left:0; padding-right:0; padding-top:0;
	}
	
#wrapper	{
	border-left:0px none; border-right:0px none; border-bottom:0px none;
	border-top: 1px solid #808080;
	background:url('_images/wrapper.png'); 
	color: #ffffff;
	margin: 0px auto;
	padding: 0px;
	width: 1023px;  /* bmh */	
	voice-family: "\"}\""; 
	voice-family:inherit;
	width: 1024px;
	box-shadow:0 0 60px rgba(0,0,0,.6);
	}

html>#wrapper	{
	width: 1024px;
	} 

#header	{
	background: #ffffff;
	color: #C0C0C0;
	border: 0 none;
	margin: 0;
	margin-bottom:0px;
	padding: 0;
	text-align: left;
	}

#header img	{
	background: #ffffff;
	margin-bottom:-5px;
	padding: 0;
	border: 0 none;
	}

#pagebody	{
	padding: 0;
	margin: 0;
	border: 0 none;
	text-align: left;
	color: #222;
	background: #fff;
	clear: both;
	}

#navigation {
	float: left;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	padding-top: 80px;
	padding-left: 0px;
	padding-right: 0px;
}
	
#maincontent	{
	float: left;
	background: #fff url('_images/maincontent.png');
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	padding-top: 0px;
	padding-left: 12px;
	padding-right: 12px;
	width: 924px;  /* box model hack */	
	voice-family: "\"}\""; 
	voice-family:inherit;
	width: 925px;
	}

html>#maincontent 	{
	width: 924px;
	} 

th	{
	font-weight: bold;
	}

#noborder {
border-style: none;}

#thinborder {
border: 1px solid #000;
border-collapse:collapse;
}

#statusbar {
	border-left:0px none;
	border-right:0px none;
	border-top:0px none;
	border-bottom:0px none;
	color: #3B3B3B;
	background: #E7EEFB;
	height:18px;
	clear: both;
	font-size: xx-small;
	voice-family: "\"}\""; 
	voice-family:inherit;
	font-size: x-small; padding-left:8px;padding-right:8px;padding-top:0px;padding-bottom:0px;
	}

#footer {
	border:0 none;
	color: #5B5B5B;
	background: #333333;
	clear: both;
	color: #BCBCBC;
	font-size: xx-small;
	voice-family: "\"}\""; 
	voice-family:inherit;
	font-size: x-small; padding-left:10px; padding-right:0px; padding-top:0px; padding-bottom:3px;
	text-align:center;
	-webkit-box-shadow: 0 8px 6px -6px #666;
	   -moz-box-shadow: 0 8px 6px -6px #666;
	        box-shadow: 0 8px 6px -6px #666;
		
	}

/*

*/

	/*  Work around IE/Win code size bug - courtesy Jesper, waffle.wootest.net  */

* html code	{
	font-size : 105%; 
	}

	/*  Typography */
	
h1 {
	font-family: arial,"Century Gothic", verdana, helvetica, sans-serif,lucida;
	font-weight: bold;
}

h2, h3, h4, h5, h6, h7	{
	font-family: arial,"Century Gothic", verdana, helvetica, sans-serif,lucida;
	font-weight: normal;
	}

#pagebody h1	{
    font-size:    medium;      
    voice-family: "\"}\"";   
    voice-family: inherit;   
    font-size:  large;       
    }

html>#pagebody h1 	{
	font-size:  large;
	} 

#pagebody h2	{
    font-size:    medium;
    voice-family: "\"}\"";   
    voice-family: inherit;   
    font-size:    large;
    font-weight: bold;
    }

html>#pagebody h2 	{
	font-size:  large;
	} 

h3	{
	font-size: small;      
	voice-family: "\"}\"";   
	voice-family: inherit;   
	font-size: medium;
	font-weight:bold;
	}

html>h3 	{
	font-size:  medium;
	} 

h4	{
	font-weight: normal;
   	font-size: x-small;      
	voice-family: "\"}\"";   
	voice-family: inherit;   
	font-size: small;  
	}

html>h4 	{
	font-size: small;  
	} 	

h5	{
     font-size:    xx-small;      
     voice-family: "\"}\"";   
     voice-family: inherit;   
     font-size:    x-small;  
	}
	
html>h5 	{
	font-size:  x-small;  
	} 

h6	{
	margin: 0 0 18px 0;
	padding: 0;
	background: transparent;
	font-weight: normal;
	font-size:    9px;      
	voice-family: "\"}\"";   
	voice-family: inherit;   
  	font-size: xx-small;
	}

html>h6 	{
	font-size:  xx-small;  
	} 

p	{
	line-height: 120%;
	text-align: left;
	margin-top: 0;
	margin-bottom: 1em;
	}

p i {font-size: 90%;}

p sup {font-size: 60%;}

p sub {font-size: 60%;}

#pagebody, #pagebody div, #pagebody p, #pagebody th, #pagebody td, #pagebody li, #pagebody dd, #pagebody dt    {
     font-size:    xx-small;      
             /* Tantek again */
    voice-family: "\"}\"";   
    voice-family: inherit;   
    font-size:    small;         
    }

html>#pagebody, html>#pagebody div, html>#pagebody p, html>#pagebody th, 
html>#pagebody td, html>#pagebody li, html>#pagebody dd, html>#pagebody dt    {
    font-size:  small;
    }


#maincontent dl	{
	line-height: 1.4em;
	margin-top: 0;
	padding-top: 0;
	}

#maincontent dd	{
	margin-bottom: 5px;
	padding-left: 5px;
	margin-left: 5px;
	}

.trans	{
	margin-top: 75px;
	padding-top: 0;
	}
	
.trans dt  {
	font-weight: normal;
	font-style: italic;
	font-size:  large;      
	voice-family: "\"}\"";   
	voice-family: inherit;   
	font-size:  x-large;  
	}
	
html>.trans dt  {
	font-size:  x-large;  
	} 


	/* General linkology */

a:link#href2, a:visited#href2 {
	font-weight : normal; 
	text-decoration : none;
	color: #a8a8a8;
	background: transparent; 
}

a:hover#href2 {
	font-weight : normal; 
	text-decoration : none;
	color: #c8c8c8;
	background: transparent; 
}

a:link#href3, a:visited#href3 {
	font-weight : normal; 
	text-decoration : none;
	color: #c8c8c8;
	background: transparent; 
	border: 1px solid;
}

a:hover#href3 {
	font-weight : normal; 
	text-decoration : none;
	color: #f8f8f8;
	background: transparent; 
}

a:link#href4, a:visited#href4 {
	font-weight :normal; 
	text-decoration : none;
	color: #EE8C00;
	background: transparent; 
}

a:hover#href4 {
	font-weight : normal; 
	text-decoration : none;
	color: #D1E5DE;
	background: transparent; 
}

/* menu text color on master page */
a:link, a:visited {
	font-weight : bold; 
	text-decoration : none;
	color: #4E678E;
	background: transparent; 
	}

a:hover {
	font-weight : bold; 
	text-decoration : none;
	color: #702920;
	background: transparent; 
	}

a:active {
	font-weight : bold; 
	text-decoration : none;
	color: #526968;
	background: transparent;  
	}


	/*  Horizontal nav */

#menu {
	margin: 0;
	padding: 0;
	}

#menu ul {
	border: 0px none;
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: center;
	clear: left
	}

#menu ul li {
	display: block;
	float: left;
	text-align: center;
	padding: 0;
	margin: 0;
	}

#menu ul li a {
	background: #BEE4C1;
	outline:0;
	width: 80px;
	height: 1.2em;
	border-top: 0;
	border-left: 1px solid #FFF;
	border-bottom: 0;
	border-right: none;
	padding: 0;
	margin: 0 0 8px 0;
	color: #C30;
	text-decoration: none;
	display: block;
	text-align: center;
	font-family:arial;
	font-weight: normal;
	letter-spacing: 1px;
	line-height: 1.2em;
	font-size:    xx-small;     
	voice-family: "\"}\"";   
	voice-family: inherit;   
	font-size:  x-small;
	}

html>#menu ul li a  {
	font-size: xx-small;   
	} 

#menu ul li#one a	{
	width: 86px;
	}

#resources a:link, #resources a:visited {
	border-right: 1px solid #ccc;
	}

#menu ul li a:hover {
	font-weight: bold;
	color: black;
	background:#86D08B;
	}

#menu a:active	{
	color: #408658;
	font-weight: bold;
	}

body#sectionone #menu li#one a, 
body#sectiontwo #menu li#two a,
body#sectionthree #menu li#three a,
body#sectionfour #menu li#four a,
body#sectionfive #menu li#five a,
body#sectionsix #menu li#six a,
body#sectionseven #menu li#seven a,
body#sectioneight #menu li#eight a {
	background: #59BF60;
	border: 1px solid #c30;
	color: #fff;
	font-weight: bold;
	}

	/*  Hidey-ho */

.hide {
	height: 0;
	width: 0;
	overflow: hidden;
	position: absolute;  /* for the benefit of IE5 Mac */
	}

	/*  Helpers */

#pagebody #maincontent #box {
    font-size:    xx-small;      
    voice-family: "\"}\"";   
    voice-family: inherit;   
    font-size:    x-small;  
	border-style: dashed;
	border-width: 1;
	padding-left: 8;
	padding-right: 8;
	padding-top: 1;
	padding-bottom: 0;
	}
	
.linewrap {
	font-weight: bold; 
	color: #c60; 
	font-size: 10px;
	}
	
.floatleft	{
	float: left;
	padding: 0;
	margin: 0 5px 5px 0;
	}

.floatleft h5 {
     font-size:    xx-small;      
     voice-family: "\"}\"";   
     voice-family: inherit;   
     font-size:    x-small;  
	}

.floatright {
	float: right;
	padding: 0;
	margin: 0 5px 5px 0;
	}

.nofloat {
	clear: both;
	}

.vs0	{
	margin-top: 0;
	}
	
.vs3	{
	margin-top: 3px;
	}		

.vs5	{
	margin-top: 5px;
	}	

.vs7	{
	margin-top: 7px;
	}

.vs10	{
	margin-top: 10px;
	}	

.vs15	{
	margin-top: 15px;
	}	
	
.vs25	{
	margin-top: 25px;
	}

.cell {
  width:40px;
  height:40px;
  font-family:Verdana, Arial;
  font-size:10pt;
  font-weight:bold;
  background-color:#996633;
  color:#ffff33;
  border-top:2px solid #aa9966;
  border-left:2px solid #aa9966;
  border-right:2px solid #663300;
  border-bottom:2px solid #663300;
  text-align:center;
}

.hole {
  width:40px;
  height:40px;
  background-color:#aa9966;
  text-align:center;
}

.msg {font-size:8pt; font-weight:bold;}

.tab {cursor:hand;}

.capt1 {font-size:10pt; font-weight:bold;}

.capt2 {font-size:9pt; font-weight:bold;}

.capt3 {font-size:10pt; font-weight:bold; color:#808080;}

.capt4 {font-size:9pt; font-weight:bold; color:#808080;}

.but {font-size:9pt; font-weight:bold; height:30px;background-color:#aaaa99;}

.main {
width:200px;
border:0px solid #ccc;
}

.month {
background-color:#c30;
font:bold 8px verdana;
color:white;
}

.daysofweek {
background-color:white;
font:bold 8px verdana;
color:black;
border-bottom:1px solid #ccc;
}

.days {
font-size: 8px;
font-family:verdana;
color:black;
background-color: white;
padding: 2px;
}

.days #today{
font-weight: bold;
color: white;
background-color: #808080;
}

fieldset#back {
position:relative;
margin-top:18px;
margin-left:3px;
margin-right:3px;
margin-bottom:18px;
height:388px;
background:#66A890; 
/* background:#FFFFFF;  */
padding-top:18px;
}

fieldset#front {
position:relative;
margin-top:28px;
margin-left:12px;
margin-right:12px;
margin-bottom:12px;
background:#D1E5DE;
/* background:#FFFFFF;  */
padding-top:18px;
padding-left:8px;
text-align: left;
}

legend {
 /*
 position:absolute;
 top:-12px;
 left: 8px;
 */
 background:#fff;
 color:#000;
 border:0px none; 
 padding:2px 5px;
 font-weight:bold;
}

/* for datepicker */
.ajax__calendar_body {
font-family:Arial;
font-size: 8pt !important;
font-weight:normal;
color:#334B3C;
background-color:#FAFAF6;
}

.ajax__calendar_header {
font-family:Arial;
font-size: 8pt !important;
font-weight:normal;
color:#334B3C;
background-color:#FFFFFF;
}

.ajax__calendar_title {
font-family:Arial;
font-size: 8pt !important;
font-weight:normal;
color:#334B3C;
}

.ajax__calendar_year {
font-family:Arial;
font-size: 8pt !important;
font-weight:normal;
color:#334B3C;
}

.ajax__calendar_month {
font-family:Arial;
font-size: 8pt !important;
font-weight:normal;
color:#334B3C;
}

.ajax__calendar_day {
font-family:Arial;
font-size: 8pt !important;
font-weight:normal;
color:#334B3C;
}

.ajax__calendar_today {
font-family:Arial;
font-size: 8pt !important;
font-weight:bold;
border:1px solid;
color:#000333;
}

.ajax__calendar_footer {
display:none;
}

.ajax__calendar_dayname {
font-family:Arial;
font-size: 8pt !important;
font-weight:normal;
color:#334B3C;
background-color:#F8F8F8;
}

.ajax__calendar_container {
border:1px solid #F3F3F3;
background-color:#FFFFFF;
}

.ajax__calendar_other {
font-family:Arial;
font-size: 8pt !important;
font-weight:normal;
color:#C8C8C8;
}

.datepick .ajax__calendar_container {
font-family:Arial;
font-size:8pt;
border:1px solid #8CA758;
color:#334B3C;
font-weight:normal;
background-color:#F2F9F1;
}

.main {
width:200px;
border:0px solid #ccc;
}

.month {
background-color:#c30;
font:bold 8px verdana;
color:white;
}

.daysofweek {
background-color:white;
font:bold 8px verdana;
color:black;
border-bottom:1px solid #ccc;
}

.days {
font-size: 8px;
font-family:verdana;
color:black;
background-color: white;
padding: 2px;
}

.days #today{
font-weight: bold;
color: white;
background-color: #808080;
}

#datepick1 {
font-family:arial;
font-size:50%;
color:#334B3C;
font-weight:normal;
position:absolute;
visibility:hidden;
background-color:#D1E5DE;
}

#datepick1 a:active, #datepick1 a:link, #datepick1 a:visited {
font-family:arial;
font-weight: normal;
font-size: x-small;
}

form {
text-align: center;
padding: 0;
}

/* .container & .text are for shadowed text */

.container {
text-align:left;
padding-left:15px;
position : relative; 
left : 188px; 
top : -47px; 
color : #e8e8e8; 
} 

.text {
padding-left:15px;
position : absolute;
left : -1px; 
top : -1px; 
color : #66A890;
} 

.subtitle {
padding-left:15px;
position : absolute;
left : -1px; 
top : 15px; 
color : #66A890;
} 


v\:* { behavior:url(#default#VML); } 

.accordionHeader {
color: #000000;
background: #ffffff;
border: 1px solid #f8f8f8;
}

.accordionHeaderSelected {
color: #000000;
background: #888888;
border: 1px solid #f8f8f8;
}
.accordionContent {
color: #000000;
background:#ffffff;
border: 1px solid #f8f8f8;
}

.dragContainer{
      background-color: #FFC0FF;
      height: 282px;
      width: 357px;
      border-bottom-color: black;
}
.dragHeader{
      background-color: #8080FF; 
      height: 48px;
      width: 358px;     
}
.dragDetail{
      background-color: #FFC0FF;
      height: 213px; 
      width: 357px;     
}

.gridviewheaderstyle
{
    font-weight: Bold; 
    font-size: 8pt; 
    color: #333333; 
    font-family: Arial;
    background-color: #D8E8D8;
	border:solid 1px #F0F0F0;
	text-align: center;
}
.nodelevel1
{
text-align:left;
font-size:12pt;
font-weight:bold;
}
.nodelevel2
{
text-align:left;
font-size:10pt;
font-weight:bold;
}
.nodelevel3
{
text-align:left;
font-size:8pt;
font-weight:bold;
}
.nodelevel4
{
text-align:left;
font-size:8pt;
font-weight:normal;
}
textarea
{
font-family: Arial;
resize: none;
}

.staticMenuItemStyle {
text-align:left;
display:block;
padding-left:2px;
padding-right:2px;
padding-top:1px;
padding-bottom:2px;
margin-left:0;
}

.staticMenuItemSelectedStyle {
background-image:url(../_images/bg-black2.gif);
border:none 0px #000;
}

.staticHoverStyle {
background-image:url(../_images/bg-black.gif);
}

.menuItem {
display:block;
}

.dynamicMenuItemStyle {
border:solid 1px #000;
background-color:Silver;
padding-left:8px;
padding-right:8px;
padding-top:2px;
padding-bottom:2px;
text-align:left;
color:Red;
}

.background {
border-left:0px none;
border-right:0px none;
border-top:0px none;
border-bottom:0px none;
width:1024px;
background-image:url(../_images/bg-black.gif); 
margin-left:0px;
margin-top:-80px;
}

.NavigationMenu {
font-family:Arial;
font-size:10pt;
color: #FFF;
font-weight:600;
padding-left:1px;
padding-right:1px;
margin-left:0px;
margin-top:-18px;
background-image:url(../_images/bg-black.gif);
}

#h {
background:#CCCFFF;
padding:5px 0 6px 10px;
}

#e {
border:solid 1px #919191;
background-image:url(../_images/sub.gif);
padding:0 0 1px;
margin-left:130px;
}

.menuItemMouseOver,.menuItemSelected {
border:0px none;
background-image:url(../_images/bg-black.gif);
}

.NavigationMenu A:link,.NavigationMenu A:visited,.NavigationMenu A:active {
text-decoration:none;
color:#FFF;
display:block;
}

.currentNodeStyle,.nodeStyle,.rootNodeStyle,a.siteMapPath {
text-decoration:none;
font-family:Arial;
font-size:10pt;
}

.emails-table { width: 1000px; border: solid 1px #444444;padding:0px;border-collapse:collapse; }
.emails-table-header {
	font-family: "Arial";
	font-size: 8pt;
	background-color: #686868; 
	color: white;
	border: solid 1px;
	}
.emails-table-header-cell { font-family: "Arial"; font-size: 8pt;
	font-weight: bold; border:1px solid; padding: 2px;text-align:center;}
.emails-table-cell-center { font-family: "Arial"; font-size: 8pt;
	border: 1px solid; padding-left:2px; padding-right:2px; text-align:center; }
.emails-table-cell { font-family: "Arial"; font-size: 8pt;
	border: 1px solid; padding-left: 2px; padding-right:2px;text-align:left; }
.emails-table-footer { border: none; padding: 0px;
	width: 50%; }
.email-datetime { float: right; color: #666666; }

/*
.AutoExtender  
{  
	font-family: Verdana, Helvetica, sans-serif;  
	font-size: 8pt;  
	font-weight: normal;  
	border: solid 1px #006699;  
	line-height: 20px;  
	padding: 2px;  
	background-color: White;  
	margin-left:10px;  
}  
.AutoExtenderList  
{  
	border-bottom: dotted 1px #006699;  
	cursor: pointer;  
	color: Maroon;  
	width:200px;  
	padding:0px;  
}  
.AutoExtenderHighlight  
{  
	color: White;  
	background-color: #006699;  
	cursor: pointer;  
	width:200px;  
}  
#divwidth  
{  
  width: 200px !important;      
}  
#divwidth div  
{  
width: 200px !important;     
}  
*/

/* div {z-index:9999; position:relative;} */

div.scroll {
height: 380px;
width: 986px;
overflow: auto;
border: 1px solid #e8e8e8;
background-color: #fff;
padding-left: 8px; padding-right:8px;padding-top:0px;padding-bottom:3px;
}

div.news_left_pane {
height: 500px;
width: 480px;
overflow: auto;
border: 1px solid #e8e8e8;
background-color: #fff;
float:left;
text-align:left;
vertical-align:top;
padding-left: 8px; padding-right:8px;padding-top:0px;padding-bottom:3px;
}

div.news_right_pane {
height: 500px;
width: 480px;
overflow: auto;
border: 1px solid #e8e8e8;
background-color: #fff;
float:right;
text-align:left;
vertical-align:top;
padding-left: 8px; padding-right:8px;padding-top:0px;padding-bottom:3px;
}

div.notice_left_pane {
height: 500px;
width: 480px;
overflow: auto;
border: 1px solid #e8e8e8;
background-color: #fff;
float:left;
text-align:left;
vertical-align:top;
padding-left: 8px; padding-right:8px;padding-top:0px;padding-bottom:3px;
}

div.notice_right_pane {
height: 500px;
width: 480px;
overflow: auto;
border: 1px solid #e8e8e8;
background-color: #fff;
float:right;
text-align:left;
vertical-align:top;
padding-left: 8px; padding-right:8px;padding-top:0px;padding-bottom:3px;
}

div.alerts_right_pane {
height: 300px;
width: 480px;
overflow: auto;
border: 1px solid #e8e8e8;
background-color: #fff;
float:right;
text-align:left;
vertical-align:top;
padding-left: 8px; padding-right:8px;padding-top:0px;padding-bottom:3px;
}

.img-shadow {
  float:left;
  background: url(../_images/shadowAlpha.png) no-repeat bottom right !important;
  background: url(../_images/shadow.gif) no-repeat bottom right;
  margin: 10px 0 0 10px !important;
  margin: 10px 0 0 5px;
  }

.img-shadow img {
  display: block;
  position: relative;
  background-color: #fff;
  border: 1px solid #a9a9a9;
  margin: -6px 6px 6px -6px;
  padding: 4px;
  } 

/* #CPH1_content * {z-index:1;position:relative;} */
#placeholder {
    width: 1000px;
    height: 280px;
}
