@import url(main.css);

/******* Content page Components *******/

#maincontentbox {
width:772px;	/* for ie5 */
margin:0 4px;
background: transparent url("/images/skin/contentpage_bg.jpg") repeat-y top left;
voice-family: "\"}\"";	/* for compliant browsers */
voice-family: inherit;
width: 762px;}

#leftcontentbox {
width:772px;	/* for ie5 */
margin:0 4px;
background: transparent url("/images/skin/left_contentpage_bg.jpg") repeat-y top left;
voice-family: "\"}\"";	/* for compliant browsers */
voice-family: inherit;
width: 762px;}

#rightcontentbox {
width:772px;	/* for ie5 */
margin:0 8px;
background: transparent url("/images/skin/right_contentpage_bg.jpg") repeat-y top left;
voice-family: "\"}\"";	/* for compliant browsers */
voice-family: inherit;
width: 754px;}

html>body #maincontentbox { width: 762px }  /* for opera */

#clearcontentbox {background: transparent;clear:both;width:762px;height:22px;}

#fullboxcontent {
width:764px;	/* for ie5 */
margin:0 8px; text-align:center; 
voice-family: "\"}\"";	/* for compliant browsers */
voice-family: inherit;
width: 754px;}

html>body #fullboxcontent { width: 754px;}  /* for opera */
/******* Content page right column Components *******/

#rightcontentcol {
width:170px;	/* for ie5 */
float:right;
padding-right:8px;
font: 1.1em  Arial, Helvetica, sans-serif;
voice-family: "\"}\"";	/* for compliant browsers */
voice-family: inherit;
width: 160px;}

html>body #rightcontentcol { width: 160px }  /* for opera */

#rightcontentcol h1 {padding:10px 0 5px 5px;font:1.4em "Times New Roman", Times, serif;font-weight:bold;margin:0;color:#4A5EA2;}



/******* Content page right column, Components for a Drop Down main menu *******/

#rightcontentcol ul#maindropnav, #rightcontentcol ul.dropnav {color: #333;border:0;border-top: 1px solid #fff;
	margin: 0;
	padding: 0;
	list-style: none;
	width: 160px; /* Width of Menu Items */
	}

#rightcontentcol ul#maindropnav li {border-bottom: 1px solid #fff;width: 160px;
	position: relative;
	}
	
#rightcontentcol ul#maindropnav li ul.dropnav {background-color:#dddbce;
	position: absolute;
	left: -161px; /* Set 1px less than menu width */
	top: -1px;
	display: none;
	border:1px solid #CCC;
	border-right: 0;
	border-bottom: 0;}

/* Styles for Menu Items */
#rightcontentcol ul#maindropnav li a {padding: 5px 5px 5px 15px;width: 135px;
	display: block;
	text-decoration: none;
	color: #777;
	background: #EEEFF1 url(/images/skin/left_darkgrey.gif) no-repeat 5px 10px; /* IE6 Bug */
	}

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

#rightcontentcol ul#maindropnav li a:hover { border-right: 5px solid #ffcc00;color:#fff;background-color:#7F9EBD; } /* Hover Styles */

#rightcontentcol ul#maindropnav li a.active {border-right: 5px solid #6E757E;}	/* active Styles */

#rightcontentcol ul#maindropnav li ul.dropnav li {border-bottom: 1px solid #ccc;background-color:#E1E3E5;}

#rightcontentcol ul#maindropnav li ul.dropnav li a {width: 145px; padding: 5px 5px 5px 5px;background-color:#E1E3E5;background-image:none; } /* Sub Menu Styles */

#rightcontentcol ul#maindropnav li ul.dropnav li a:hover {border-right: 5px solid #295D91;color:#8095D1;background-color:#EEEFF1;}	/* Hover Styles for submenu */

#rightcontentcol ul#maindropnav li:hover ul.dropnav, #rightcontentcol ul#maindropnav li.over ul.dropnav { display: block; } /* The magic */



/******* Content page right column, Components for an expandable main menu ******/

#rightcontentcol ul.mainexpnav {width: 160px;list-style-type: none;color: #333;border:0;border-top: 1px solid #fff;padding:0;margin:0;list-style-image: none;}

#rightcontentcol ul.mainexpnav li{border-bottom: 1px solid #fff;}

#rightcontentcol ul.mainexpnav li a {background:url(/images/skin/bullet.gif) no-repeat 5px 10px;padding: 5px 5px 5px 15px;width: 135px;text-decoration: none;display: block;}

#rightcontentcol ul.mainexpnav li a:hover {border-right: 5px solid #295D91;background-color:#7F9EBD; color:#fff;}

#rightcontentcol ul.mainexpnav li a.active {border-right: 5px solid #6E757E;}

#rightcontentcol ul.mainexpnav li ul.submenu {display: none;border-top: 1px solid #CCC;list-style-type: none;}

#rightcontentcol ul.mainexpnav li ul.submenu li {padding:0;border:0;background-color:#E1E3E5;}

#rightcontentcol ul.mainexpnav li ul.submenu li a {width: 135px;padding:4px 0 5px 20px; background-image:none;}

#rightcontentcol ul.mainexpnav li ul.submenu li a:hover {color:#8095D1;border-right: 5px solid #295D91;background-color:#EEEFF1;}

#rightcontentcol ul.mainsidenav li ul.submenu li a:hover:active {border-right: 5px solid #6E757E;}


/******* Content page left column, Components for a Drop Down main menu *******/
#leftcontentcol h1 {padding:10px 0 5px 24px;font:1.4em "Times New Roman", Times, serif;font-weight:bold;margin:0;color:#4A5EA2;}

#leftcontentcol ul#maindropnav, #leftcontentcol ul.dropnav {color: #333;border:0;border-top: 1px solid #fff;
	margin: 0 4px;
	padding: 0;
	list-style: none;
	width: 160px; /* Width of Menu Items */
	}

#leftcontentcol ul#maindropnav li {border-bottom: 1px solid #fff;width: 160px;
	position: relative;
	}
	
#leftcontentcol ul#maindropnav li ul.dropnav {background-color:#dddbce;
	position: absolute;
	left: -161px; /* Set 1px less than menu width */
	top: -1px;
	display: none;
	border:1px solid #CCC;
	border-left: 0;
	border-bottom: 0;}

/* Styles for Menu Items */
#leftcontentcol ul#maindropnav li a {padding: 5px 5px 5px 15px;width: 135px;
	display: block;
	text-decoration: none;
	color: #777;
	}

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

#leftcontentcol ul#maindropnav li a:hover { border-left: 5px solid #ffcc00;padding: 5px 10px 5px 10px;color:#fff;background-color:#7F9EBD; } /* Hover Styles */

#leftcontentcol ul#maindropnav li a.active {border-left: 5px solid #6E757E;}	/* active Styles */

#leftcontentcol ul#maindropnav li ul.dropnav li {border-bottom: 1px solid #ccc;background-color:#E1E3E5;}

#leftcontentcol ul#maindropnav li ul.dropnav li a {width: 145px; padding: 5px 5px 5px 5px;background-color:#E1E3E5;background-image:none; } /* Sub Menu Styles */

#leftcontentcol ul#maindropnav li ul.dropnav li a:hover {border-left: 5px solid #295D91;color:#8095D1;background-color:#EEEFF1;}	/* Hover Styles for submenu */

#leftcontentcol ul#maindropnav li:hover ul.dropnav, #leftcontentcol ul#maindropnav li.over ul.dropnav { display: block; } /* The magic */



/******* Content page left column, Components for an expandable main menu ******/

#leftcontentcol ul.mainexpnav {width: 160px;list-style-type: none;color: #333;border:0;border-top: 1px solid #fff;padding:0;margin:0;list-style-image: none;}

#leftcontentcol ul.mainexpnav li{border-bottom: 1px solid #fff;}

#leftcontentcol ul.mainexpnav li a {background:url(/images/skin/bullet.gif) no-repeat 5px 10px;padding: 5px 5px 5px 15px;width: 135px;text-decoration: none;display: block;}

#leftcontentcol ul.mainexpnav li a:hover {border-left: 5px solid #295D91;background-color:#7F9EBD; color:#fff;}

#leftcontentcol ul.mainexpnav li a.active {border-left: 5px solid #6E757E;}

#leftcontentcol ul.mainexpnav li ul.submenu {display: none;border-top: 1px solid #CCC;list-style-type: none;}

#leftcontentcol ul.mainexpnav li ul.submenu li {padding:0;border:0;background-color:#E1E3E5;}

#leftcontentcol ul.mainexpnav li ul.submenu li a {width: 135px;padding:4px 0 5px 20px; background-image:none;}

#leftcontentcol ul.mainexpnav li ul.submenu li a:hover {color:#8095D1;border-left: 5px solid #295D91;background-color:#EEEFF1;}

#leftcontentcol ul.mainsidenav li ul.submenu li a:hover:active {border-left: 5px solid #6E757E;}


/******* Content page right column Search *******/

#searchcontainer { background-color:#7F9EBD;color:#fff;height:24px;margin:25px 0 10px 0;padding:3px 3px 2px 3px;}

#searchbutton {font:.9em Verdana, Helvetica, sans-serif;height:22px;padding:0;color:#666;font-weight:bold;width:55px;}

#searchbox {width:92px;height:18px;border-top:1px solid #363636;border-left:1px solid #363636;border-right:1px solid #fff;
border-bottom:1px solid #fff;color:#666;background-color:#EEE;float:left;margin:1px 0px 0 0;}

html>body #searchbox {width:94px;margin:1px 3px 0 0;}



/******* Content page right column, Components to create for related links *******/
#right_pagecontent {width:578px;padding:0 0 4px;background: transparent url("/images/skin/contentbanner_bg.jpg") no-repeat top right;float:right;line-height:1.2em;font-family: Arial, Helvetica, sans-serif;font-size:1.2em;}

#right_section_break {background:transparent url("/images/skin/section_break_right.jpg") no-repeat top right;width: 754px;height:40px;margin:0;text-align:center;}

#rightcontentcol ul.rellinks {padding:0 0 15px 5px;width:155px;list-style-type: none;}

#rightcontentcol ul.rellinks a {line-height:1.3em; background-image:none;padding:0;margin:0; font-size:1.1em;}

#rightcontentcol ul.rellinks a:hover {text-decoration:underline;}

#rightcontentcol p {padding:5px 10px;}

#right_pagecontent h1 {padding:10px 20px 0px 20px;line-height:2em;color:#4A5EA2;font: 1.8em "Times New Roman", Times, serif;}

#right_pagecontent h2 {padding:10px 20px 5px 20px;line-height:1.5em;color:#4A5EA2;font: 1.3em "Times New Roman", Times, serif; font-weight:bold;}

#right_pagecontent h3 {padding:10px 20px 5px 20px;line-height:1.3em;color:#4A5EA2;font: 1.2em "Times New Roman", Times, serif;}

#right_pagecontent p {text-align:justify;padding:3px 20px 12px 20px;line-height:1.3em; font-size: 1.1em;}

#right_pagecontent hr {margin:10px 20px;}

#right_pagecontent p .firstletter {float:right;font: 3em Georgia, "Times New Roman", Times, Arial, Helvetica, sans-serif;
line-height:70%;color:#4A5EA2;margin:4px 3px 0 0;}

#right_pagecontent .subp {padding-right:20px;}

#right_pagecontent ul.nobullet { margin:0 0 0 20px;padding:0 0 10px 40px; width: 450px;}
#right_pagecontent ul.nobullet li { list-style-type: none; padding:2px 0; line-height:1.2em;}

#right_pagecontent ul.bullet { margin:0 0 0 20px;padding:0 0 10px 40px; width: 450px;}
#right_pagecontent ul.bullet li { list-style-type: square; padding:2px 0; line-height:1.2em;}

#right_pagecontent ul.num { margin:0 0 0 20px;padding:0 0 10px 40px; width: 450px;}
#right_pagecontent ul.num li { padding:2px 0;list-style-type: decimal; line-height:1.2em;}

#right_pagecontent ul.letter { margin:0 0 0 20px;padding:0 0 10px 40px; width: 450px;}
#right_pagecontent ul.letter li { padding:2px 0;list-style-type: lower-alpha; line-height:1.2em;}

#right_pagecontent ul li ul { margin:5px 0 5px 20px;padding:0;}
#right_pagecontent ul li ul.letter2 li { list-style-type: lower-alpha; background-image: none;}
#right_pagecontent ul li ul.num2 li { list-style-type: decimal; background-image: none;}
#right_pagecontent ul li ul.bullet2 li { list-style-type: disc; margin:0; padding:0; background-image: none;}
#right_pagecontent ul li ul.nobullet2 li { list-style-type: none; background-image: none;}

#right_pagecontent ul.imglist {padding:0 0 10px 40px; list-style-type: none;width:500px;font-size:1.1em;}
#right_pagecontent ul.imglist li {margin:0; position:relative;width:500px; line-height:1.2em;background:url(/images/skin/bullet.gif) no-repeat 0px 6px;padding:0 0 0 10px;display: block;}
#right_pagecontent ul.imglist li a {}

#right_pagecontent table { width: 538px; margin:20px; padding:0; border:0; background-color:#7F9EBD; }
#right_pagecontent table tr { vertical-align:top; background-color:#fff; padding:0; margin:0; }
#right_pagecontent table th { padding:5px;background-color:#7F9EBD;border:0;}
#right_pagecontent table td {padding:5px;border:0;}

/******* Content page left column Components *******/

#left_pagecontent {width:578px;padding:0 8px;background: transparent url("/images/skin/contentbanner_bg.jpg") no-repeat top left;float:left;line-height:1.2em;font-family: Arial, Helvetica, sans-serif;font-size:1.2em;}

#left_section_break {background:transparent url("/images/skin/section_break_left.jpg") no-repeat top left;width: 754px;height:40px;margin:0;text-align:center;}

#banner {width:578px;height:145px;float:left;}

#navtrail {width:568px;background-color:#6E757E;text-align:right;padding:5px 10px 0 0;height:18px;clear:left;color: #fff;font-size:.9em;font-family:Verdana, Helvetica, sans-serif;}

#navtrail a {color:#fff;}

#navtrail a:hover {color:#A0AED7;}

#left_pagecontent h1 {padding:10px 20px 0px 20px;line-height:2em;color:#4A5EA2;font: 1.8em "Times New Roman", Times, serif;}

#left_pagecontent h2 {padding:10px 20px 5px 20px;line-height:1.5em;color:#4A5EA2;font: 1.3em "Times New Roman", Times, serif; font-weight:bold;}

#left_pagecontent h3 {padding:10px 20px 5px 20px;line-height:1.3em;color:#4A5EA2;font: 1.2em "Times New Roman", Times, serif;}

#left_pagecontent p {text-align:justify;padding:3px 20px 12px 20px;line-height:1.3em; font-size: 1.1em;}

#left_pagecontent hr {margin:10px 20px;}

#left_pagecontent p .firstletter {float:left;font: 3em Georgia, "Times New Roman", Times, Arial, Helvetica, sans-serif;
line-height:70%;color:#4A5EA2;margin:4px 3px 0 0;}

#left_pagecontent .subp {padding-left:20px;}

#left_pagecontent ul.nobullet { margin:0 0 0 20px;padding:0 0 10px 40px; width: 450px;}
#left_pagecontent ul.nobullet li { list-style-type: none; padding:2px 0; line-height:1.2em;}

#left_pagecontent ul.bullet { margin:0 0 0 20px;padding:0 0 10px 40px; width: 450px;}
#left_pagecontent ul.bullet li { list-style-type: square; padding:2px 0; line-height:1.2em;}

#left_pagecontent ul.num { margin:0 0 0 20px;padding:0 0 10px 40px; width: 450px;}
#left_pagecontent ul.num li { padding:2px 0;list-style-type: decimal; line-height:1.2em;}

#left_pagecontent ul.letter { margin:0 0 0 20px;padding:0 0 10px 40px; width: 450px;}
#left_pagecontent ul.letter li { padding:2px 0;list-style-type: lower-alpha; line-height:1.2em;}

#left_pagecontent ul li ul { margin:5px 0 5px 20px;padding:0;}
#left_pagecontent ul li ul.letter2 li { list-style-type: lower-alpha; background-image: none;}
#left_pagecontent ul li ul.num2 li { list-style-type: decimal; background-image: none;}
#left_pagecontent ul li ul.bullet2 li { list-style-type: disc; margin:0; padding:0; background-image: none;}
#left_pagecontent ul li ul.nobullet2 li { list-style-type: none; background-image: none;}

#left_pagecontent ul.imglist {padding:0 0 10px 40px; list-style-type: none;width:500px;font-size:1.1em;}
#left_pagecontent ul.imglist li {margin:0; position:relative;width:500px; line-height:1.2em;background:url(/images/skin/bullet.gif) no-repeat 0px 6px;padding:0 0 0 10px;display: block;}
#left_pagecontent ul.imglist li a {}

#left_pagecontent table { width: 538px; margin:20px; padding:0; border:0; background-color:#7F9EBD; }
#left_pagecontent table tr { vertical-align:top; background-color:#fff; padding:0; margin:0; }
#left_pagecontent table th { padding:5px;background-color:#7F9EBD;border:0;}
#left_pagecontent table td {padding:5px;border:0;}

/******* Component to create 2 columns with text on the left and an image or a citation on the right *******/

#left_pagecontent .rightcol {float:right;padding:0; margin: 0 5px 0 10px;}

#left_pagecontent .rightcitbox {width:264px;margin:0;padding:0 0px 10px 5px;background: transparent url("/images/skin/quote2.jpg") no-repeat bottom right;}

#left_pagecontent p.rightcit {background: transparent url("/images/skin/quote1.jpg") no-repeat top left; text-align: justify;
padding:20px 15px 0 10px;color:#8095D1;font:1.5em Georgia, "Times New Roman", Times, sans-serif;line-height:1.3em;}

#left_pagecontent .rightcol img {padding:0 0 0 0px;margin:5px 0 0 20px;}

#left_pagecontent .rightcol .caption {margin:0 0 0 20px; padding:0;width: 225px;font-size:.8em;}



/******* Component to create 2 columns with text on the right and an image or a citation on the left *******/

#left_pagecontent .leftcol {width:264px;float:left;padding:0; margin: 0 10px 0 5px;}

#left_pagecontent .leftcitbox {margin:0;padding:0 0px 10px 5px;background: transparent url("/images/skin/quote2.jpg") no-repeat bottom right;}

#left_pagecontent .leftcol p.leftcit {background: transparent url("/images/skin/quote1.jpg") no-repeat top left;
padding:20px 10px 0 10px;color:#8095D1;font:1.5em Georgia, "Times New Roman", Times, sans-serif;line-height:1.3em;}

#left_pagecontent .leftcol img {padding:0 0 0 0px;margin:5px 0 0 20px;}

#left_pagecontent .leftcol .caption {margin:0 0 0 20px; padding:0;width: 225px;font-size:.8em;}



/******* Component to create 2 columns in the page *******/
.twocolbox {width:558px;padding:10px;margin:0;}

#left_pagecontent .twocolbox p {margin:0; padding:0;}
.twocolbox ul.bullist {padding:0 0 10px 0px; list-style-type: none;width:244px;}
.twocolbox ul.bullist li {padding:0; margin:0; position:relative;width:234px; text-align:left;background:url(/images/skin/bullet.gif) no-repeat 0px 6px;padding:0 0 0 10px;display: block;}
.twocolbox ul.bullist li a {font-size:1.1em;line-height: 1.2em; color:#8095D1;font-size:1em;}
.twocolbox ul.bullist li a:hover {color:#295D91;}

.twocolbox .icone { float:left; margin: 5px 2px 2px 0;}
.coltext1 {width:256px;float:left;text-align:left;padding:10px; font-size:1em; }
.coltext2 {width:256px;float:right;text-align:left;padding:10px; font-size:1em;}

.coltext1 p {font-size:1.1em; }
.coltext2 p {font-size:1.1em;}

#left_pagecontent .twocolbox .coltext1 h2, #left_pagecontent .twocolbox .coltext2 h2 {margin:0 0 5px 0; padding:0; text-align:left; color:#4A5EA2;}



/******* Component to layout a form on content page*******/

fieldset{	width:526px;margin: 0 20px;padding: 10px 5px ;border:1px solid #A0AED7;}

legend{font-size:1.2em;line-height:1.2em;padding:10px 10px 10px 10px;color:#A0AED7;font-weight:bold;width:auto;}

fieldset div {margin:5px 0;clear: both;position: relative;}

fieldset div input, fieldset div select, fieldset div textarea {color:#666;}

fieldset div.radio {clear:none;float:right;width:395px;margin-top:2px;}

label {margin:5px 5px 0 0;display: block;width: 115px;text-align: right;float: left;}

.buttonbox {width:540px;text-align:right;margin: 5px 0 0 20px ;font:1em Verdana, Helvetica, sans-serif;height:22px;color:#666;font-weight:bold;clear:both;}

.counterbox {margin-left:185px;}

.note {width:486px;margin: 5px 20px 0 20px ;font:.9em Verdana, Helvetica, sans-serif;color:#666;}

.back {float:right;font:1em Verdana, Helvetica, sans-serif;height:22px;margin-right:10px;color:#666;font-weight:bold;}