body{
margin: 20px 0px 80px 0px;
background: #9d9ea0;
background-position:center;
font: 0.70em Arial;
color: #333333;
voice-family: female;
speech-rate: medium;
speak-punctuation: code;
speak-numeral: continuous;
pause: 20ms;
}

hr {
color: #FFFFFF;
height: 1px;
padding: 0px;
margin: 0px;
}

/* Header Tags - remember we are using the h5 tags for navigation!!! */

h1 {
font: bold 1.2em Arial;
color: #004990;
margin: 0px 0px 0px 0px;
}

/* Main Navigation - Works with Nav Link Style */
h3, H3 {
font-size: 1.0em;
margin: 0px;
padding: 0px;
display: inline;
font-weight: inherit;
}

/* Site Map Only */
h5 {
font: bold 0.75em Arial;
color: #CCCCCC;
margin: 0px;
margin: 3px 0px 3px 0px;
}

div#wrapper {
position:absolute;
left: 50%;
width: 800px;
margin-left: -400px;
text-align:left;
background: #FFFFFF;
padding: 0px 0px 30px 0px;
}

div#wrapperHeader {
position: absolute;
top: 0;
left: 0px;
width: 800px;
height: 106px;
background: #FFFFFF;
text-align: left;
}

div#wrapperLogo {
position: absolute;
left: 0px;
width: 150px;
height: 106px;
}

div#wrapperTag {
position: absolute;
left: 150px;
width: 465px;
height: 106px;
}

div#wrapperLanguageLink {
position: absolute;
right: 0px;
top: 0px;
width: 153px;
padding: 5px 0px;
text-align: center;
color: #FFFFFF;
background: #bd1220;
}

div#wrapperLoginLink {
position: absolute;
right: 0px;
top: 28px;
width: 153px;
padding: 5px 0px;
text-align: center;
color: #FFFFFF;
background: #cc5b42;
}

div#wrapperSiteMapLink {
position: absolute;
right: 0px;
top: 56px;
width: 153px;
padding: 5px 0px;
text-align: center;
color: #FFFFFF;
background: #dd9378;
}

div#wrapperDate {
position: absolute;
right: 0px;
top: 84px;
width: 153px;
padding: 3px 0px;
text-align: center;
color: #00559f;
background: #eaecf6;
}

div#wrapperBlackBar {
position: absolute;
left: 0px;
top: 106px;
height: 25px;
width: 534px;
background: #1a171b;
}

div#wrapperSearchBox {
position: absolute;
left: 534px;
top: 106px;
height: 25px;
width: 256px;
background: #00559f;
text-align: right;
padding: 1px 5px 1px 5px;
color: #FFFFFF;
}

div#wrapperPageImage {
position: absolute;
top: 132px;
left: 0px;
height: 127px;
width: 534px;
overflow: hidden;
border-bottom: 3px solid #bd1220;
background: #FFFFFF;
}

div#wrapperNewsBox {
position: absolute;
top: 131px;
right: 0px;
height: 127px;
width: 266px;
overflow: hidden;
border-bottom: 3px solid #bd1220;
background: #e3e4e4;
}

div#wrapperNewsContent {
padding: 5px 10px;
}

div#wrapperBodyEN {
position: absolute;
top: 260px;
width: 800px;
background: #FFFFFF url(../UserFiles/Image/Template/en/BG.gif) bottom no-repeat;
vertical-align: top;
padding: 10px 0px 0px 0px;
}

div#wrapperBodyWELSH {
position: absolute;
top: 260px;
width: 800px;
background: #FFFFFF url(../UserFiles/Image/Template/welsh/BG.gif) bottom no-repeat;
vertical-align: top;
padding: 10px 0px 0px 0px;
}

div#wrapperMainContent {
float: left;
position: relative;
margin-left: 0px;
width: 600px;
height: auto;
min-height:500px;
padding: 0px 10px;
background: transparent;
border-left: 1px solid #bd1220;
}

div#wrapperNavigation {
float: left;
position: relative;
width: 160px;
height: 100%;
text-align: justify;
padding: 0px 0px 20px 0px;
background: transparent;
}

div#wrapperFooter {
clear: both;
width: 780px;
height: 20px;
padding: 10px;
color: #333333;
border-top: 2px solid #bd1220;
border-bottom: 20px solid #9d9ea0;
}

div#wrapperSiteMap {
width: 800px;
padding: 0px;
background: transparent;
color: #FFFFFF;
}

div#wrapperFooterBanner {
clear: both;
width: 800px;
}

/* Navigation */

div#navigation, div#navigationImage {
text-align: left;
width: 150px;
}

div#navigation ul, div#navigationImage ul {
margin: 0px; 
padding: 0px;
list-style-type: none;
}

div#navigation li, div#navigationImage li {
margin: 0px 0px 10px 0px;
/*display: block;*/
}

div#navigation a, div#navigationImage a{
width: 130px;
display: block;
/*height: 20px;*/
padding: 0px 0px 0px 15px;
font-weight: bold;
text-decoration: none; /*lets remove the link underlines*/
}

div#navigation a:link, div#navigation a:active, div#navigation a:visited,
div#navigationImage a:link, div#navigationImage a:active, div#navigationImage a:visited {
color: #333333;
text-decoration: none; /*lets remove the link underlines*/
font-weight: bold;
}

div#navigation a:hover,  div#navigationImage a:hover {
color: #333333;
background: url(../UserFiles/Image/Template/rolloverIcon.gif) no-repeat left;
text-decoration: none; /*lets remove the link underlines*/
font-weight: bold;
}       

div#subNavigation, divsubNavigationImage {
text-align: left;
width: 160px;
}

div#subNavigation ul, divsubNavigationImage ul {
margin: 0px; 
padding: 0px;
list-style-type: none;
}

div#subNavigation li, divsubNavigationImage li {
margin: 0px;
}

div#subNavigation a, divsubNavigationImage a{
display: block;
width: 200px;
/*height: 20px;*/
padding: 5px 0px 5px 15px;
font-weight: bold;
text-decoration: none; /*lets remove the link underlines*/
}

div#subNavigation a:link, div#subNavigation a:active, div#subNavigation a:visited,
div#subNavigationImage a:link, div#subNavigationImage a:active, div#subNavigationImage a:visited {
color: #FFFFFF;
}

div#subNavigation a:hover,  div#subNavigationImage a:hover {
color: #FFFFFF;
text-decoration: underline; /*lets remove the link underlines*/
}

.active {
color: #FFFFFF;
text-decoration: underline; /*lets remove the link underlines*/
}

.mainActive {
color: #79803F;
background: url(../UserFiles/Image/Template/rolloverIcon.gif) no-repeat left;
text-decoration: none; /*lets remove the link underlines*/
font-weight: bold;
}

.subActive {
color: #93170A;
text-decoration: underline; /*lets remove the link underlines*/
}

/* List Styles */
div#downloadList ul {
margin: 0px; 
padding: 0px;
list-style-type: none;
}

div#downloadList li {
background: #FFFFFF url(../UserFiles/Image/icon_pdf.jpg) no-repeat;
padding: 2px;
}

div#downloadList a{
display: block;
padding: 0px 0px 0px 25px;
text-decoration: none; /*lets remove the link underlines*/
}

div#downloadList a:link, div#downloadList a:active, div#downloadList a:visited {
color: #6db33f;
}

div#downloadList a:hover {
color: #6db33f;
text-decoration: underline; /*lets remove the link underlines*/
}

div#wrapperLanguageLink a:link, div#wrapperLanguageLink a:active, div#wrapperLanguageLink a:visited, 
div#wrapperLoginLink a:link, div#wrapperLoginLink a:active, div#wrapperLoginLink a:visited,
div#wrapperSiteMapLink a:link, div#wrapperSiteMapLink a:active, div#wrapperSiteMapLink a:visited {
color: #FFFFFF;
text-decoration:none;
}

div#wrapperLanguageLink a:hover, div#wrapperLoginLink a:hover, div#wrapperSiteMapLink a:hover {
color: #FFFFFF;
text-decoration: underline;
}

/* Image Styles */

div#wrapperRightColumn img, div#wrapperLeftColumn img {
padding: 0px 0px 5px 0px;
}

/* Text Styles */
.headerText {
text-align: left;
vertical-align: middle;
font-weight: bold;
color: #FFFFFF;
padding: 5px;
}

.footerText {
width: 800px;
align: center;
}

.footerLeft {
float: left;
width: 450px;
text-align: left;
}

.footerRight {
float: right;
width: 250px;
text-align: right;
}

/* Main Body Styles */

.image_left {
float: left;
width: 100px;
height: 75px;
overflow: hidden;
}

.image_right {
float: right;
width: 200px;
height: 211px;
}

/* Right Colum Styles */

.imageTitle {
position: relative;
padding: 0px 10px 10px 0px;
clear: both;
}

.newsImage {
padding: 10px 0px;
}

.elementNews {
position: relative;
background: #DCE9D6;
width: 210px;
padding: 5px;
}

.textDate {
font-weight: bold;
text-align: center;
}

/* Class Link Styles */

div#wrapperMainContent a:link, div#wrapperMainContent a:visited,
div#wrapperLeftColumn a:link, div#wrapperLeftColumn a:visited,
div#wrapperRightColumn a:link, div#wrapperRightColumn a:visited {
color: #93170A;
text-decoration: underline;	
}

div#wrapperMainContent a:hover, div#wrapperRightColumn a:hover {
color: #93170A;
text-decoration: none;	
}

div#wrapperFooter a:link, div#wrapperFooter a:visited {
color: #93170A;
text-decoration: none;
}

div#wrapperFooter a:hover {
color: #93170A;
text-decoration: underline;
}

/* Image Mouseover Link Styles */

.mouseover a:link, .mouseover a:visited {
color: #93170A;
text-decoration: none;	
}

/* Class Header Styles */

div#wrapperMainContent h1, div#wrapperLeftColumnHome h1, div#wrapperRightColumnHome h1, div#wrapperCRContent h2 {
font-size: 1.2em;
color: #93170A;
}

div#wrapperMainContent h2, div#wrapperLeftColumnHome h2, div#wrapperRightColumnHome h2 {
font-size: 1.2em;
color: #00559f;
}

div#wrapperNavigation p {
margin: 0px 0px 10px 0px;
padding: 0px 0px 10px 0px;
}

/* List Styles */

div#wrapperMainContent ul {
margin: 0px 0px 20px 20px;
list-style-image: url(../UserFiles/Image/Template/rolloverIcon.gif);
}

/* Class Form Styles */

input, select {
font-size: 0.75em;
border: 0px solid #000000;
padding: 3px;
}

.text2 {
font-size: 1.0em;
border: 1px solid #000000;
padding: 3px;
}

/* Billing Constituances Table */

.bCTbl {
border: 1px solid #00559f;
font-size: 1.0em;
}

.bCTblHeader {
background: #00559f;
font-weight: bold;
color: #FFFFFF;
}

.bCTbl td {
padding: 2px;
text-align: left;
}

/* Site Map CSS */

.siteMap ul {
margin: 0px; 
padding: 0px;
list-style-type: none;
}

.siteMap li {
margin: 2px 0px 2px 0px;
list-style-type: none;
display: block;
}

.navlevel_0 {
padding: 0px 15px;
}

.navlevel_1 {
padding: 0px 30px;
}

.commentsTextArea {
font: 1.0em Tahoma;
border: 1px solid #000000;
padding: 2px;
width: 373px;
}

.commentsText {
font: 1.0em Tahoma;
border: 1px solid #000000;
padding: 2px;
width: 350px;
}

.commentsButton {
font: 1.0em Tahoma;
border: 1px solid #000000;
padding: 2px;
background-color: #CCCCCC;
}

.document_comments {
background: #F5F5F5;
padding: 10px 20px;
}

.document_comments_text {
background: #FFFFFF;
border: 1px solid #000000;
padding: 5px;
}

.document_comments_message {
color: #bd1220;
padding-bottom: 10px;
}