@import url( 'lightbox.css' );
/******************/
/*  EXISTING PCNET*/
/******************/

.centered {	text-align: center;	margin-left: auto;	margin-right: auto;}


.miniform { font-family: verdana, courier new, courier, sans-serif; font-size: 10px;}

.info {	color: Blue;	font-weight: bold;	background-color: Yellow;}
acronym {	cursor: help;}
.date-index { text-align: right; padding-right: 15px; color:rgb(100,100,100);}


/********************/
/*  COMMON CLASSES  */
/********************/


.main a {color:#4B77B9; font-weight:bold; text-decoration:none;}
.main-content h1 a {color:rgb(70,122,167); font-weight:normal; text-decoration:none;}
.main a:hover {color:#185611; text-decoration:underline;}



/******************/
/*  NAVIGATION  */
/******************/
.nav2 {float:left; width:900px; border:none; background:rgb(220,220,220) url(../data/bg_head_bottom_nav.jpg) no-repeat; color:white; font-size:100%; font-weight: normal; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; border-top: 1px solid white;} /*Color navigation bar normal mode*/
.nav2 ul {list-style-type:none; color: white;}
.nav2 ul li {float:left; position:relative; z-index:auto !important /*Non-IE6*/; z-index:1000 /*IE6*/; border-right:solid 1px white; color: white;}
.nav2 ul li a {float:none !important /*Non-IE6*/; float:left /*IE-6*/; display:block; height:25px; line-height:25px; padding:0 16px 0 16px; text-decoration:none;  color: white; font-weight: bold;}
.nav2 ul li ul {display:none; border:none;  color: #3E5C33;}

/*Non-IE6 hovering*/
.nav2 ul li:hover a {background-color:#95A9CA; text-decoration:none; color: #3E5C33;} /*Color main cells hovering mode*/
.nav2 ul li:hover ul {display:block; width:10.0em; position:absolute; z-index:999; top:24px; margin-top:0.1em; left:0;}
.nav2 ul li:hover ul li a {display:block; width:150px; height:auto; line-height:16px; margin-left:-1px; padding:4px 16px 4px 16px; border-left:solid 1px white;border-right:solid 1px white; border-bottom: solid 1px white;  font-weight:normal; color:white; background-image:url(bg_head_bottom_nav.jpg);} /*Color subcells normal mode*/
.nav2 ul li:hover ul li a:hover {background-color:#95A9CA; text-decoration:none; background-image:none; color: #3E5C33;} /*Color subcells hovering mode*/

/*IE6 hovering*/
.nav2 table {position:absolute; top:-6px; left:0; border-collapse:collapse;}
.nav2 ul li a:hover {background-color:#95A9CA; text-decoration:none; color: #3E5C33;} /*Color main cells hovering mode*/
.nav2 ul li a:hover ul {display:block; width:150px; position:absolute; z-index:999; top:3.1em; t\op:3.0em; left:0; marg\in-top:0.1em;}
.nav2 ul li a:hover ul li a {display:block; w\idth:15.0em; height:1px; line-height:20px; padding:4px 16px 4px 16px; border-left:solid 1px white; border-bottom: solid 1px white; background-color:rgb(237,237,237); font-weight:normal;  color: white;background-image:url(bg_head_bottom_nav.jpg);} /*Color subcells normal mode*/
.nav2 ul li a:hover ul li a:hover {background-color:#FFFBC1; text-decoration:none; background-image: none; color: #3E5C33;} /*Color subcells hovering mode*/


.nav3-grid {width:179px; border-bottom:solid 1px #465622;}
.nav3-grid dt a, .nav3-grid dt a {display:block; min-height:2.0em /*Non-IE6*/; height:auto !important; height:2.0em /*IE6*/; line-height:2.0em; padding:0px 10px 0px 10px;  border-top: solid 1px #525025; text-decoration:none; font-weight:bold; font-size:110%; color:#185611;}
.nav3-grid dd a, .nav3-grid dd a {display:block; min-height:1.7em /*Non-IE6*/; height:auto !important; height:1.7em /*IE6*/; line-height:1.7em; padding:0px 10px 0px 20px; border:none; font-weight:normal; text-decoration:none;font-size:110%;color:#185611; }
.nav3-grid dt a:hover, .nav3-grid dd a:hover {background-color:#465622; color:white; text-decoration:none;}
.nav3-grid dd .sub-sub a, .nav3-grid dd .sub-sub a {display:block; min-height:1.7em /*Non-IE6*/; height:auto !important; height:1.7em /*IE6*/; line-height:1.7em; padding:0px 10px 0px 35px; border:none; font-weight:normal; text-decoration:none; font-size:110%; color:#185611;}
.nav3-grid .there a {background-color:#465622; color:white; text-decoration:none;}
.nav3-grid .there a:visted {background-color:#465622; color:white; text-decoration:none;}
.nav3-grid .sub-sub .there {background-color:#465622; color:white; text-decoration:none;}



.main-navigation h1.first {clear:both; margin:0px; padding:4px 20px 3px 10px; background-color:#4AA341; font-family:"trebuchet ms",arial,sans-serif; color:white; font-weight:bold; font-size:130%; background-image: url(main-navigation.png);}
.main-navigation h1 {clear:both; margin:30px 0 20px 0; padding:4px 20px 3px 20px; background:rgb(190,190,190); font-family:"trebuchet ms",arial,sans-serif; color:rgb(255,255,255); font-weight:bold; font-size:150%;}
.main-navigation h2 {clear:both; margin:20px 10px 10px 20px; font-family:"trebuchet ms",arial,sans-serif; color:rgb(100,100,100); font-weight:bold; font-size:150%;}
.main-navigation h3 {clear:both; margin:10px 10px 5px 20px; color:rgb(80,80,80); font-weight:bold; font-size:110%;} /* Note: h2 not existent, to make identical to formats for main-navigation for easier exchange */


/* MAIN CONTENT */
.header-breadcrumbs h1.pagetitle {margin:0px 15px 3px 15px; padding:0 0 1px 0; border-bottom:solid 5px #444411; font-family:"trebuchet ms"; color:rgb(100,100,100); font-weight:bold; font-size:16px; letter-spacing: 0px;}
.header-breadcrumbs h1.pagetitle3 {margin:-20px 15px 3px 15px; padding:0 0 1px 0; border-bottom:solid 5px #444411; font-family:"trebuchet ms"; color:rgb(100,100,100); font-weight:bold; font-size:16px; letter-spacing: 0px;}
.header-breadcrumbs h1.pagetitle2 {margin:0px 15px 3px 15px; padding:5px 0 1px 0; border-bottom:solid 5px #444411; font-family:"trebuchet ms"; color:rgb(100,100,100); font-weight:bold; font-size:18px; letter-spacing: 1px;}
.main-content h1.pagetitle {margin:0 0 0.4em 0; padding:0 0 2px 0; border-bottom:solid 7px #2E7927; font-family:"trebuchet ms"; color:rgb(100,100,100); font-weight:bold; font-size:18px;}
.main-content h1.block {clear:both; margin:1.0em 0 0em 0; padding:2px 0 2px 2px; background:rgb(190,190,190); font-family:"trebuchet ms"; color:rgb(255,255,255); font-weight:bold; font-size:220%;}
.main-content h1 {clear:both; margin:1.0em 0 0.5em 0; font-family:"trebuchet ms"; color:rgb(80,80,80); font-weight:normal; font-size:210%;}
.main-content	 h2 {clear:both; margin:1.5em 0 0.5em 0; font-family:"trebuchet ms"; color:rgb(80,80,80); font-weight:normal; font-size:140%; border-bottom: 2px solid #3F8B33; padding-bottom: 2px; width: 75%;}
.main-content h3 {clear:both; margin:-1.0em 0 0.5em 0; font-family:"trebuchet ms"; color:rgb(125,125,125); font-weight:normal; font-size:130%;}
.main-content h1.side {clear:none;}
.main-content h2.side {clear:none;}
.main-content h3.side {clear:none;}
.main-content h4 {margin:1.5em 0 1.0em 0; color:rgb(80,80,80); font-family:"trebuchet ms"; font-weight:normal; font-size:170%;}
.main-content h5 {margin:1.5em 0 1.0em 0; color:rgb(80,80,80); font-family:"trebuchet ms"; font-size:140%;}
.main-content h6 {margin:1.2em 0 0.2em 0; color:rgb(80,80,80); font-weight:bold; font-size:120%;}
.main-content p {margin:0 0 1.0em 0; line-height:1.5em; font-size:100%;}
.main-content p.center {text-align:center;}
.main-content p.right {text-align:right;}
.main-content p.details {clear:both; margin:-0.25em 0 1.0em 0; line-height:1.0em; font-size:110%;}
.main-content blockquote {clear:both; margin:0 30px 0.6em 30px; font-size:90%;}
.main-content {line-height:1.5em; font-size:110%; text-align: justify;}
p.caption {clear:both; margin:0.5em 0 2.0em 20px; text-align:left; color:rgb(80,80,80); font-size:110%;}
.main-content ul {list-style:none; margin:0.5em 25px 30px 15px;}
.main-content ul li {margin:0 0 13px 2px; padding:0 0 0 30px; background:url(../data/bg_bullet_full_1.gif) no-repeat 0 0.5em; line-height:1.4em; font-size:100%;}
.main-content ol {margin:0.5em 0 1.0em 20px !important /*Non-IE6*/; margin:0.5em 0 1.0em 25px /*IE6*/;}
.main-content ol li {list-style-position:outside; margin:0 0 0.2em 0; line-height:1.4em; font-size:100%;}


/* MAIN CONTENT FULL PAGE */
.main-content-full h1.pagetitle {margin:0 0 0.4em 0; padding:0 0 2px 0; border-bottom:solid 7px #0D3384; font-family:"trebuchet ms"; color:rgb(100,100,100); font-weight:bold; font-size:18px;}
.main-content-full h1.block {clear:both; margin:1.0em 0 0em 0; padding:2px 0 2px 2px; background:rgb(190,190,190); font-family:"trebuchet ms"; color:rgb(255,255,255); font-weight:bold; font-size:220%;}
.main-content-full h1 {clear:both; margin:1.0em 0 0.5em 0; font-family:"trebuchet ms"; color:rgb(80,80,80); font-weight:normal; font-size:210%;}
.main-content-full h2 {clear:both; margin:1.5em 0 0.5em 0; font-family:"trebuchet ms"; ; font-weight:normal; font-size:140%; border-bottom: 2px solid #2E7927; padding-bottom: 2px; width: 75%;}
.main-content-full h3 {clear:both; margin:30px 0 0.4em 0; padding:0 0 2px 0; border-bottom:solid 3px #2E7927; font-family:"trebuchet ms"; color:rgb(100,100,100); font-weight:bold; font-size:14px;}
.main-content-full h1.side {clear:none;}
.main-content-full h2.side {clear:none;}
.main-content-full h3.side {clear:none;}
.main-content-full h4 {margin:1.5em 0 1.0em 0; color:rgb(80,80,80); font-family:"trebuchet ms"; font-weight:normal; font-size:170%;}
.main-content-full h5 {margin:1.5em 0 1.0em 0; color:rgb(80,80,80); font-family:"trebuchet ms"; font-size:140%;}
.main-content-full h6 {margin:1.2em 0 0.2em 0; color:rgb(80,80,80); font-weight:bold; font-size:120%;}
.main-content-full p {margin:0 0 1.0em 0; line-height:1.5em; font-size:100%;}
.main-content-full p.center {text-align:center;}
.main-content-full p.right {text-align:right;}
.main-content-full p.details {clear:both; margin:-0.25em 0 1.0em 0; line-height:1.0em; font-size:110%;}
.main-content-full blockquote {clear:both; margin:0 30px 0.6em 30px; font-size:90%;}
.main-content-full {line-height:1.5em; font-size:110%; text-align: justify;}
.main-content-full ul {list-style:none; margin:0.5em 25px 30px 15px;}
.main-content-full ul li {margin:0 0 13px 2px; padding:0 0 0 30px; background:url(../data/bg_bullet_full_1.gif) no-repeat 0 0.5em; line-height:1.4em; font-size:100%;}
.main-content-full ol {margin:0.5em 0 1.0em 20px !important /*Non-IE6*/; margin:0.5em 0 1.0em 25px /*IE6*/;}
.main-content-full ol li {list-style-position:outside; margin:0 0 0.2em 0; line-height:1.4em; font-size:100%;}


/* MAIN SUBCONTENT */
.main-subcontent h1 {clear:both; margin:0 0 10px 0; padding:4px 10px 3px 10px; background-color:#763F22; font-family:"trebuchet ms",arial,sans-serif; color:rgb(255,255,255); font-weight:bold; font-size:140%;}
.main-subcontent h1.green {clear:both; margin:0 0 5px 0; padding:4px 10px 3px 10px; background-color:#A0AFCF; font-family:"trebuchet ms","trebuchet ms",arial,sans-serif; color:rgb(255,255,255); font-weight:normal; font-size:130%;background-image: url(submenu-green.png);}
.main-subcontent h1.blue {clear:both; margin:0 0 5px 0; padding:4px 10px 3px 10px; background-color:#0D3384; font-family:"trebuchet ms","trebuchet ms",arial,sans-serif; color:rgb(255,255,255); font-weight:normal; font-size:130%;background-image: url(submenu-blue.png);}
.main-subcontent h1.orange {clear:both; margin:0 0 5px 0; padding:4px 10px 3px 10px; background-color:#4EA346; font-family:"trebuchet ms","trebuchet ms",arial,sans-serif; color:rgb(255,255,255); font-weight:normal; font-size:130%;background-image: url(submenu-orange.png);}
.main-subcontent h1.red {clear:both; margin:0 0 5px 0; padding:4px 10px 3px 10px; background-color:#E82D49; font-family:"trebuchet ms","trebuchet ms",arial,sans-serif; color:rgb(255,255,255); font-weight:normal; font-size:130%;background-image: url(submenu-red.png);}
.main-subcontent h1.yellow {clear:both; margin:0 0 5px 0; padding:4px 10px 3px 10px; background-color:#F6F458; font-family:"trebuchet ms","trebuchet ms",arial,sans-serif; color:rgb(255,255,255); font-weight:normal; font-size:130%;background-image: url(submenu-yellow.png);}
 /* Note: h2 non-existent, to make HTML-code interchangeable between 'main-navigation' and 'main-subcontent' */
.main-subcontent h3 {clear:both; margin:1.0em 10px 0.5em 10px; color:rgb(80,80,80); font-weight:bold; font-size:110%;}
.main-subcontent p {clear:both; margin:0 10px 1.0em 10px; color:rgb(80,80,80); line-height:1.3em; font-size:110%;}
.main-subcontent p.center {text-align:center;}
.main-subcontent p.right {text-align:right;}

.main-subcontent ul {list-style:none; margin:0.5em 10px 1.0em 10px;}
.main-subcontent ul li {margin:5px 0 0.2em 2px; padding:0 0 0 11px; background:url(../data/bg_bullet_full_1.gif) no-repeat 0 0.4em; line-height:1.2em; font-size:110%;}
.main-subcontent ol {margin:0.5em 10px 1.0em 30px !important /*Non-IE6*/; margin:0.5em 10px 1.0em 35px /*IE6*/;}
.main-subcontent ol li {list-style-position:outside; margin:0 0 0.4em 0; font-size:110%;}



/*~~~~~~~~~~~~~~~~~~~~~~~ FAQs and GLOSSARY ~~~~~~~~~~~~~~~~~~~~~~~~*/

.faqs { border: none; padding: 10px; margin-left:auto; margin-right: auto;}
.faqs td { vertical-align: middle; border: none;padding: 6px;}

.faqs_category_selector { border: none; margin-left:auto; margin-right: auto; color: White;}
.faqs_category_selector td {padding: 8px;}
.faqs_category_selector_red { vertical-align: middle; border: none; background-image: url(bg_faq_red.gif);}
.faqs_category_selector_blue { vertical-align: middle; border: none; background-image: url(bg_faq_blue.gif);}



/************/
/*  GLOBAL  */
/************/

/* NON-HEADER */
*{padding:0; margin:0;}
 body {font-size:62.5%; background-color:#B8C8E2; font-family:verdana,arial,sans-serif;} /*Font-size: 1.0em = 10px when browser default size is 16px*/
.page-container {width:900px; margin:0px auto; margin-top:10px; margin-bottom:10px; border:solid 1px #444411; font-size:1.0em;}
.main {clear:both; width:900px; padding-bottom:30px; background:transparent url(../data/bg_main_withnav.jpg) top left repeat-y;}
.main-home {clear:both; width:900px; padding-bottom:30px; background:transparent url(../data/bg_main_withoutnav.jpg) top left repeat-y;}
.main-home-text {margin:15px 5px 0 15px; line-height:1.5em; font-size:120%;}
.main-home p {margin:0 0 -15px 10px; line-height:1.5em; font-size:110%;}
.main-navigation {display:inline /*Fix IE floating margin bug*/; float:left; width:180px; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}
.main-content {display:inline; /*Fix IE floating margin bug*/; float:left; width:525px; margin:0 0 0 18px; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}
.main-content-full {display:inline; /*Fix IE floating margin bug*/; float:left; width:680px; margin:0 0 0 18px; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}
.main-subcontent {display:inline /*Fix IE floating margin bug*/; float:right; width:176px; margin:0 0 0 0; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}
.footer {clear:both; width:900px; padding:8px 0 8px 0; background:rgb(225,225,225) url(../data/bg_foot.jpg) no-repeat; font-size:1.0em; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}

/* --- For alternative headers START PASTE here --- */

/* HEADER */
.header {width:900px; font-family:"trebuchet ms",arial,sans-serif;}
.header-top {width:900px; height:80px; background:rgb(240,240,240) url(../data/bg_head_top.jpg); overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}
.header-middle {width:900px; height:128px; background:rgb(230,230,230) url(../data/bg_head_middle.jpg); overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}
.header-bottom {width:900px; height:40px; background:rgb(255,255,255) url(../data/bg_head_breadcrumbs.jpg) repeat-y;}
.header-breadcrumbs {clear:both; width:900px; padding:1.0em 0 1.5em 0; background:rgb(255,255,255) url(../data/bg_head_breadcrumbs.jpg) repeat-y;}

/* ROTATING-HEADER */

.header-middle-one {width:900px; height:130px; background:rgb(230,230,230) url(../data/title_background_1.jpg); overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}

.header-middle-two {width:900px; height:130px; background:rgb(230,230,230) url(../data/title_background_2.jpg); overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}

.header-middle-three {width:900px; height:130px; background:rgb(230,230,230) url(../data/title_background_3.jpg); overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}

.header-middle-four {width:900px; height:130px; background:rgb(230,230,230) url(../data/title_background_4.jpg); overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}


/* --- For alternative headers END PASTE here --- */

/******************/
/*  MAIN SECTION  */
/******************/

/* MAIN NAVIGATION */
.main-navigation .round-border-topright {width:10px; height:10px; position:absolute; z-index:100; margin:0 0 0 170px; background:url(../data/bg_corner_topright.gif) no-repeat;}

/* MAIN CONTENT */
.column1-unit {width:515px; margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/; }
.column2-unit-left {float:left; width:200px; margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/;}
.column2-unit-right {float:right; width:200px; margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/;}
.column3-unit-left {float:left; width:120px; margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/;}
.column3-unit-middle {float:left; width:120px; margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/; margin-left:40px;}
.column3-unit-right {float:right; width:120px; margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/;}

/* MAIN SUBCONTENT */
.subcontent-unit-border {width:183px; margin:0 0 2.0em 0; padding:0 0 5px 0; border:solid 1px rgb(190,190,190); background:rgb(235,235,235);}
.subcontent-unit-border-green {width:175px; margin:0 0 2.5em 0; padding:0 0 10px 0; border-left:solid 1px #A0AFCF;border-top:solid 1px #C7CFE2;border-bottom:solid 1px #A0AFCF; background-color:#A0AFCF; background-image: url(bg_subcontent_green.jpg);border-right:0px;}
.subcontent-unit-border-blue  {width:175px; margin:0 0 2.5em 0; padding:0 0 10px 0; border-left:solid 1px #0D3384;border-top:solid 1px #7086B6;border-bottom:solid 1px #0D3384; background-color:#0D3384; background-image: url(bg_subcontent_blue.jpg);border-right:0px;}
.subcontent-unit-border-blue p {margin:0 0px 8px 6px;}
.subcontent-unit-border-orange {width:175px; margin:0 0 2.5em 0px; padding:0 0 10px 0; border-left:solid 1px #4B713D;border-top:solid 1px #4B713D;border-bottom:solid 1px #4B713D; background-color:#4B713D; background-image: url(bg_subcontent_orange.jpg);border-right:0px;}
.subcontent-unit-border-red {width:175px; margin:0 0 2.5em 0px; padding:0 0 10px 0; border-left:solid 1px #E82D49;border-top:solid 1px #E82D49;border-bottom:solid 1px #E82D49;border-right:0px; background-color:#FBC7C7; background-image: url(bg_subcontent_red.jpg);}
.subcontent-unit-border-yellow {width:175px; margin:0 0 2.5em 0px; padding:0 0 10px 0; border-left:solid 1px #F6F458;border-top:solid 1px #F6F458;border-bottom:solid 1px #F6F458;border-right:0px; background-color:#F6F458; background-image: url(bg_subcontent_yellow.jpg);}

.subcontent-unit-noborder {width:185px; margin:0 0 2.5em 0; padding:0 0 10px 0; background:rgb(235,235,235);}
.subcontent-unit-noborder-green {width:185px; margin:0 0 2.5em 0; padding:0 0 10px 0; background-color:rgb(217,239,185);}
.subcontent-unit-noborder-blue  {width:185px; margin:0 0 2.5em 0; padding:0 0 10px 0; background-color:rgb(213,225,240);}
.subcontent-unit-noborder-orange {width:185px; margin:0 0 2.5em 0; padding:0 0 10px 0; background-color:rgb(248,224,150);}

.round-border-topleft {width:10px; height:10px; position:absolute; z-index:100; background:url(../data/bg_corner_topleft.gif) no-repeat; margin-top:-1px; margin-left:-1px;}

.round-border-topright {width:10px; height:10px; position:absolute; z-index:100; background:url(../data/bg_corner_topright.gif) no-repeat; margin-top:-1px; margin-left:251px;}

.round-border-topright-announcements {width:10px; height:10px; position:absolute; z-index:100; background:url(../data/bg_corner_topright.gif) no-repeat; margin-top:-1px; margin-left:506px;}

.round-noborder-topleft {width:10px; height:10px; position:absolute; z-index:100; background:url(../data/bg_corner_topleft.gif) no-repeat; margin-top:0px; margin-left:0px;}

.round-noborder-topright {width:10px; height:10px; position:absolute; z-index:100; background:url(../data/bg_corner_topright.gif) no-repeat; margin-top:0px; margin-left:175px;}



/********************/
/*  FOOTER SECTION  */
/********************/
.footer p {line-height:1.3em; text-align:center; color:white; font-weight:normal; font-size:110%;}
.footer p.credits {font-weight:normal;}
.footer a {text-decoration:underline; color:white;font-weight:normal;}
.footer a:hover {text-decoration:none; color:white;font-weight:normal;}
.footer a:visited {color:white;font-weight:normal;}

/******************/
/*  CLEAR FLOATS  */
/******************/
.page-container:after, .header:after, .header-breadcrumbs:after, .main:after, .main-navigation:after, .main-content:after, .main-content div:after, .main-subcontent:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.column1-unit:after, .column2-unit-left:after, .column2-unit-right:after, .column3-unit-left:after, .column3-unit-middle:after, .column3-unit-right:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.subcontent-unit-border:after, .subcontent-unit-noborder:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.subcontent-unit-border-blue:after, .subcontent-unit-border-green:after, .subcontent-unit-border-orange:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.subcontent-unit-noborder-blue:after, .subcontent-unit-noborder-green:after, .subcontent-unit-noborder-orange:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.footer:after, p:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clear-contentunit {clear:both; width:440px; height:0.1em; border:none; background:rgb(210,210,210); color:rgb(210,210,210);}

/********************************/
/*  PRINTING and MISCELLANEOUS  */
/********************************/
@media print {.header-top {width:900px; height:80px; background:rgb(240,240,240); overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}}
@media print {.header-breadcrumbs {width:900px; background:transparent;}}
@media print {.nav2 {float:left; width:900px; border:none; background:rgb(240,240,240); font-size:1.0em; font-size:130%;}} /*Color navigation bar normal mode*/
@media print {.main {clear:both; width:900px; padding-bottom:30px; background:transparent;}}
@media print {.main-navigation {display:inline /*Fix IE floating margin bug*/; float:left; width:199px; border-right:solid 1px rgb(200,200,200); border-bottom:solid 1px rgb(200,200,200); background-color:rgb(240,240,240); overflow:visible !important /*Firefox*/; overflow:hidden /*IE*/;}}
@media print {.footer {clear:both; width:900px; height:3.7em; padding:1.1em 0 0; background:rgb(240,240,240); font-size:1.0em; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}}


/*******************/
/*  ADDED CLASSES  */
/*******************/


.contact { border: 1px solid #7792C0; margin-left: auto; margin-right: auto;}
.contact a img {
	border: none;
}
/*Drop-down menu*/

.minical_table {margin-left: auto; margin-right: auto;}
.minical_table td {padding: 4px 2px 2px 2px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 11px; color: #3C610C;}
.minical_table a {color: white; text-decoration: underline; font-weight: normal;}
.minical_table a:hover {color: white; text-decoration: none;font-weight: normal;}
.minical_table a img {	border: 1px solid #ccc;}
.minical_table a:hover img {	border: 1px solid #478DF4;}
.minical_table .white_text td { color: white;}


/*~~~~~~~~~~~~~~~~ START OF DIRECTORY TABLE ~~~~~~~~~~~~~~~~~~*/

.miniform { font-family: verdana, courier new, courier, sans-serif; font-size: 10px;}

.directory-table {font-family: Verdana;font-size:10px;padding: 5px; margin-left:auto;margin-right:auto; width:450px;}
.directory-table td {font-family: Verdana;font-size:10px;padding: 5px; margin-left:auto;margin-right:auto;}
.directory-header {background-image: url(menu-background.png);background-color: #B1CAD1;color: white;border: 1px solid #FFFFFF; font-weight: normal; font-size: 10px;}

.directory-table-results {font-family: Verdana;padding: 5px; margin-left:auto;margin-right:auto; width:450px; border-bottom:1px solid #FFFFFF; }
.directory-table-results td {font-family: Verdana;padding: 5px; }
.directory-results-left {border-left: 2px solid #FFFFFF; border-right:0;border-top: 1px solid #FFFFFF;border-bottom: 1px solid #FFFFFF;font-weight: normal; font-size: 10px; width:5%; vertical-align: middle;}
.directory-results-middle {border-left:0; border-right:0;border-top: 1px solid #FFFFFF;border-bottom: 1px solid #FFFFFF;font-weight: normal; font-size: 10px; width:5%; vertical-align: middle;}
.directory-results-right {border-left:0; border-right: 2px solid #FFFFFF;border-top: 1px solid #FFFFFF;border-bottom: 1px solid #FFFFFF;font-weight: normal; font-size: 10px; font-weight: bold;}
.directory-results-right1 {border-left:0; border-right: 2px solid #FFFFFF;border-top: 1px solid #FFFFFF;border-bottom: 1px solid #FFFFFF; font-size: 10px; font-weight: normal; width: 390px;}
.directory-results-right2 {border-left:0; border-right: 2px solid #FFFFFF;border-top: 1px solid #FFFFFF;border-bottom: 1px solid #FFFFFF;font-weight: bold; font-size: 100%;}
.directory-header a {color: white; text-decoration: none;}
.directory-header a:hover {color: white; text-decoration: none;}
.directory-header form { padding:0; margin:0;}

/*~~~~~~~~~~~~~~~~~~~~~~~ NEWS ~~~~~~~~~~~~~~~~~~~~~~~~*/

.news { width: 85%; margin-left: auto; margin-right: auto; font-size:11px;}
.news-headline { background-color: #B1CAD1; width: 100%; color: White; padding:5px;background-image: url(menu-background.png)}
.news-headline a { color: White; font-size: 12px; font-weight: bold; text-decoration: underline;}
.news-headline a:hover { color: White; font-size: 12px; text-decoration: none;}
.news-content { background-color: #F5F8E8; color: #595959; padding:5px;}


/*~~~~~~~~~~~~~~~~~~~~ ACTIVITIES ~~~~~~~~~~~~~~~~~~~~~~*/

.activities { width: 90%; margin-left: auto; margin-right: auto; font-size:11px;}
.activities-title { background-color: #4A6238; width: 100%; color: White; padding:5px;background-image: url(menu-background.png); font-size:12px;}
.activities-headline a { color: White; font-size: 11px; text-decoration: underline;}
.activities-headline a:hover { color: White; font-size: 11px; text-decoration: none;}
.activities-content { background-color: #F5F8E8; color: #595959; padding:5px;}


/*~~~~~~~~~~~~~~~~~~~~~ COUNCILLORS ~~~~~~~~~~~~~~~~~~~~*/

.councillors { margin-left: auto; margin-right: auto; width: 75%; text-align: justify; }
.councillors-search { background-color: #B1CAD1; color: White; padding:6px;background-image: url(menu-background.png); font-size:12px; font-weight:bold;}
.councillors-search a { color:white; text-decoration: underline;}
.councillors-search a:hover { color:white; text-decoration: none;}
.councillors-search-table { border: 2px solid white;margin-left: auto; margin-right: auto; width: 75%; text-align: justify;}
.councillors img {border: none;}
.councillors-content {background-color: #F5F8E8; color: #595959; padding:5px;}
.councillors-content img {	border: 1px solid #bbb;}


/*~~~~~~~~~~~~~~~~~~~~~~ VILLAGE ~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.village { margin-left: auto; margin-right: auto; width: 75%; text-align: justify; }
.village-title {background-image: url(village-background.png); background-color: #B1CAD1; color: #595959; padding:6px;font-size:11px; font-weight:bold;}
.village-table { border: 2px solid white;margin-left: auto; margin-right: auto; width: 75%; text-align: justify;}
.village img {border: none;}
.village-content {background-color: white; color: #595959; padding:5px;}


/*~~~~~~~~~~~~~~~~~~~~~ SOCIETIES ~~~~~~~~~~~~~~~~~~~~~~~~*/

.societies { width: 90%; margin-left: auto; margin-right: auto; font-size:11px;}
.societies-title { background-color: #B1CAD1; color: White; padding:5px;background-image: url(menu-background.png); font-size:12px;}
.societies-content { background-color: #ffffff; color: #595959; padding:5px;}
h5 {color: #666;margin-bottom:0px;border-bottom: 1px solid #336600;font-size: 12px;letter-spacing: 0;width: 100%;text-align: left; }


/*~~~~~~~~~~~~~~~~~~~~~~~ LINKS ~~~~~~~~~~~~~~~~~~~~~~~~*/

.links { width: 85%; margin-left: auto; margin-right: auto; font-size:11px;}
.links-name { background-color: #B1CAD1; width: 100%; color: White; padding:5px;background-image: url(menu-background.png); font-size: 12px; font-weight: bold;}
.links-content { background-color: #F5F8E8; color: #595959; padding:5px;}
.links-content a img {	border: 1px solid #ccc;}
.links-content a:hover img {	border: 1px solid #43E4EE;}
.links-content a {	color: #396277;	text-decoration: underline;}
.links-content a:hover {	color: #43E4EE; text-decoration: underline; visibility: visible;/* IE bug fix */}


/*~~~~~~~~~~~~~~~~~~~~~~~ CONTACT ~~~~~~~~~~~~~~~~~~~~~~~~*/

.contact { border: 1px solid #A2BED1; margin-left: auto; margin-right: auto; text-align: justify; }
.contact td { vertical-align: top;}
.contact-form {margin-left: auto; margin-right: auto;}
.contact-form1 { background-color: #C0CFF1; width: 100%; color: White; padding:5px;background-image: url(menu-background.png)}
.contact-form2 { background-color: #C0CFF1; width: 35%; color: #595959; padding:5px;}
.contact-form3 {	background-color: #C0CFF1;	width: 65%;	color: #595959;	padding: 10px;}
.contact-form4 {	background-color: #123586;	width: 100%;	color: #5E2A0D;	padding: 10px; text-align: center;}

/*~~~~~~~~~~~~~~~~~~~~~~~ CONTACT ~~~~~~~~~~~~~~~~~~~~~~~~*/

.documents_outer { border: 1px solid #9FACCB; margin-left: auto; margin-right: auto; text-align: justify; }
.documents { margin-left: auto; margin-right: auto; text-align: justify; }
.documents td { vertical-align: middle; padding: 5px;}


/*~~~~~~~~~~~~~~~~~~~~~~~ BACK-TABLES ~~~~~~~~~~~~~~~~~~~~~~~~*/

.back-table {font-family: Verdana;font-size:10px;padding: 5px; margin-left:auto;margin-right:auto;}
.back-table td {font-family: Verdana;font-size:10px;padding: 5px; margin-left:auto;margin-right:auto; text-align: center;}
.back-header {background-image: url(menu-background.png);background-color: #E8F2F4;color: white; font-weight: normal; font-size: 10px;}
.back-header a {color: white; text-decoration: none;}
.back-header a:hover {color: white; text-decoration: underline;}


/*~~~~~~~~~~~~~~~~~~~~~~~ YOUTH ~~~~~~~~~~~~~~~~~~~~~~~~*/

.youth { margin-left: auto; margin-right: auto; font-size:11px;}
.youth-headline { background-color: #B1CAD1; width: 100%; color: White; padding:5px;background-image: url(menu-background.png)}
.youth-headline a { color: White; font-size: 12px; font-weight: bold; text-decoration: underline;}
.youth-headline a:hover { color: White; font-size: 12px; text-decoration: none;}
.youth-content { background-color: #F5F8E8; color: #595959; padding:5px; width: 100%;}


/***~~~~~~~~~~~~~~~~~ PLANNING APPLICATION ~~~~~~~~~~~~***/
.planning {	width: 98%;	margin-left: auto;	margin-right: auto;	border-top: 1px solid white;	border-left: 1px solid white;	border-bottom: 1px solid white;}
.planning_header {	background-image: url(menu-background.png);	color: White; font-weight: bold;}
.planning_header td {	padding: 2px;	text-align: center;	border-right: 1px solid white;}
.planning_content td {	text-align: left;	background-color: #F5F8E8;	border-right: 1px solid white;	border-top: 1px solid white;	font-size: 10px;	padding: 2px;	line-height: 15px; vertical-align: top}



/*~~~~~~~~~~~~~~~~~~~~~ SOCIETIES ~~~~~~~~~~~~~~~~~~~~~~~~*/

.directory-results { width: 90%; margin-left: auto; margin-right: auto; padding: 10px;}
.directory-results td { padding: 5px;}
.directory-title { background-color: #B1CAD1; color: White;background-image: url(menu-background.png); font-size:12px;}
.directory-content { background-color: #ffffff; color: #595959; }
h4 { font-size: 13px; background-color: #F0FFFF; padding: 3px 3px 3px 3px;}


/***~~~~~~~~~~~~~~~~~ POWERS AND DUTIES ~~~~~~~~~~~~***/
.powers {width: 90%; margin-left: auto; margin-right: auto; padding: 5px; color: white;}
.powers td { vertical-align: top; padding: 5px;}
.powers1 { background-color: #465622; width="25%"; font-weight: bold;}
.powers2 { background-color: #A5B387; width="50%"; color: #454545;}
.powers3 { background-color: #DFE5D0; width="25%"; color: #454545;}

