body {
    margin: 0;
    padding: 0;
    background: #8E8E8E;
    color: #000;
    font-size: 76%;
    font-family: verdana, arial, helvetica, sans-serif;
}

/* START - COMMON ELEMENTS ******************************************************/
          
p {
    font-size: 1em;
}


h1 {
    margin: 0 0 1em 0;
    color: #1C2059;
    font-weight: bold;
    font-size: 1.3em;
} 

h2 {
    margin: 0 0 0.5em 0;
    color: #1C2059;
    font-weight: bold;
    font-size: 1.1em;
}

h3 {
    margin: 0;
    color: #1C2059;
    font-weight: bold;
    font-size: 1.0em;
}

h4 {
    color: #1C2059;
    font-weight: bold;
    font-size: 1.0em;
}
h5 {
    color: #1C2059;
    font-weight: bold;
    font-size: 1.0em;
}
h6 {
    color: #1C2059;
    font-weight: bold;
    font-size: 1.0em;
}

/* LINKS */

a {
    color: #333;
    font-weight: bold;
    text-decoration: none;
    font-size: 1.0em;
}

a:link {
    color: #619ECB;
    font-weight: bold;
    text-decoration: none;
    font-size: 1.0em;
}

a:visited {
    color: #619ECB;
    font-weight: bold;
    text-decoration: none;
    font-size: 1.0em;
}

a:hover {
    color: #619ECB;
    font-weight: bold;
    text-decoration: underline;
    font-size: 1.0em;
}

a:active {
    color: #619ECB;
    font-weight: bold;
    text-decoration: none;
    font-size: 1.0em;
}

a.normal:link, a.normal:visited, a.normal:hover, a.normal:active {
    font-weight: normal;
}

/* FORMS */


/*
form {
    margin: 0;
    border: 0;
    padding: 0;
}

legend {
    color: #333;
    font-size: 1.0em;
}

fieldset {
}

label {
    background: transparent;
    color: #333;
}

select {
    background: #fff;
    color: #333;
    font-size:	1em;

}

textarea {
    border: 1px solid #999;
    background: #fff;
    color: #333;   
    font-size:	1em;
}

*/

.spacer {
    display: block;
	clear: both;
    height: 12px;
    margin: 0;
	padding: 0;
	border: 0;
    background: transparent;
    font-size: 2px; /* BECAUSE IE IS TOO STUPID TO TAKE A SIMPLE HEIGHT COMMAND */
}

/* END - COMMON ELEMENTS ******************************************************/

/* START - LAYOUT ELEMENTS ******************************************************/

#cdiv	{
    margin: 0;
    padding: 0;
    width: 100%;
    background: transparent;
}

#layout	{
    margin: 0 auto;
    padding: 0;
    width: 780px;
	background: #fff;
}

/* START ROW - HEADER */

#header {
    width: 780px;
    height: 84px;
    margin: 0;
    background: #1c2059;
}

#logo {
    display: inline; /* IE BUG FIX - FIRST FLOAT DOUBLE MARGIN */
    float: right;
    width: 392px;
    height: 84px;    
    margin: 0;
    border: 0;
    padding: 0;
    background: transparent;
}

/* END ROW - HEADER */

/* START ROW - MENU - TOP */

#menutop {
    display: inline;
    float: left;
    width: 780px;
    margin: 0;
    border: 0;
    padding: 0;
    background: #1c2059;
}

#menutop .bar { /* TO KEEP OPERA HAPPY WITH THE NEGATIVE MARGIN */
    display: inline;
    float: left;
    margin: 0 0 0 12px;
    background: #1c2059;
    color: #fff;
}

#menutop ul {
    display: inline;
    float: left;
    width: 768px; /* TO STOP OPERA MAKING THE LIST VERTICAL */
    margin: 0 0 0 -12px;
    border: 0;
    padding: 0;
    list-style-type: none;
    background: transparent;
}

#menutop ul li {
    display: block;
    float: left;
    margin: 0;
    border: 0;
    padding: 0;
    background: transparent;
}

#menutop ul li a {
    display: block;
/*    width: 84px;  */
    margin: 0 0 0 12px;
    border: 0;
    padding: 6px 0 6px 0;
    background: transparent;
    color: #fff;
    text-align: center;
    text-decoration: none;
    font-weight: bold;
}

#menutop ul li a:link,
#menutop ul li a:visited {
    background: transparent;
    color: #fff;
    text-decoration: none;
}

#menutop ul li a:hover,
#menutop ul li a:active,
#menutop ul li a:focus {
    background: transparent;
    color: #619ECB;
    text-decoration: none;
}

#menutop ul li a:link.ancestor,
#menutop ul li a:visited.ancestor {
    background: transparent;
    color: #619ECB;
    text-decoration: none;
}

#menutop ul li a:hover.ancestor,
#menutop ul li a:active.ancestor,
#menutop ul li a:focus.ancestor {
    background: transparent;
    color: #619ECB;
    text-decoration: none;
}

/* END ROW - MENU - TOP */


/* START ROW - MAIN */

#main {
    display: inline; /* IE BUG FIX - FIRST FLOAT DOUBLE MARGIN */
    float:left;
    margin: 0;
    padding: 0;
    width:780px;
	background: #fff;
}

/* START COLUMN - LEFT *****************************************************************************************/

#left {
	float: left;
    display: inline; /* IE BUG FIX - FIRST FLOAT DOUBLE MARGIN */
    width: 192px;
    margin: 0 6px 0 0;
    padding: 12px 0 0 0;
	background: transparent;
}

/* START NAV LEFT */


#left #navcontainer {
    width: 192px;
    margin: 0 0 12px 0;
    padding: 0;
    background: #C1CBDD;
    list-style-type: none;
}

#left #navcontainer .title {
    margin: 0;
    padding:0;
    border: 0;
}

#left #navcontainer .title p {
    margin: 0;
    border: 0;
    padding: 5px 0 6px 12px;
    background: #B2BED5;
    color: #262558;    
    font-size: 1.0em;
    font-weight: bold;
}

#left #navcontainer .title a {
    display: block;
    background: #B2BED5;
    color: #262558;
    text-decoration: none;
}

/* START NAV LEFT - LEVEL 01 */

#navcontainer ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

#navcontainer li {
    display: block;
    width: 192px;
    padding: 0;
    border: 0;
}

#navcontainer li a {
    display: block;
    width: 168px;
    padding: 5px 12px 5px 12px;
    color: #262558;
	background: transparent;
    border: 0;
    font-weight: bold;
    text-decoration: none;
}

#navcontainer li a:link, #navcontainer li a:visited {
}

#navcontainer li a:hover, #navcontainer li a:active, #navcontainer li a:focus {
    text-decoration: underline;
}

#navcontainer li a.current {
    text-decoration: underline;
}

#navcontainer li a.ancestor {
    text-decoration: underline;
}


/* END NAV LEFT - LEVEL 01 */

/* START NAV LEFT - LEVEL 02 */

#navcontainer ul ul {
    margin: 0;
    padding: 0;
    border: 0;
	background: transparent;
    list-style-type: none;
}

#navcontainer li li {
    display: block;
    width: 192px;
    padding: 0px;
    border: 0;
    background: transparent;
}

#navcontainer li li a {
    display: block;
    width: 156px;
    padding: 6px 12px 6px 24px;
    border: 0;
	background: transparent;
    color: #000;
    text-decoration: none;
    font-weight: bold;
}

#navcontainer li li a:link, #navcontainer li li a:visited {
}

#navcontainer li li a:hover, #navcontainer li li a:active, #navcontainer li li a:focus {
    text-decoration: underline;
}

#navcontainer li li a.current {
    text-decoration: underline;
}

#navcontainer li li a.ancestor {
    text-decoration: underline;
}

/* END NAV LEFT - LEVEL 02 */

/* START NAV LEFT - LEVEL 03 */

#navcontainer ul ul ul {
    margin: 0;
    padding: 0;
    border: 0;
	background: transparent;
    list-style-type: none;
}

#navcontainer li li li {
    display: block;
    width: 192px;
    padding: 0px;
    border: 0;
    background: transparent;
}

#navcontainer li li li a {
    display: block;
    width: 144px;
    padding: 6px 12px 6px 36px;
    border: 0;
	background: transparent;
    color: #000;
    text-decoration: none;
    font-weight: bold;
}

#navcontainer li li li a:link, #navcontainer li li a:visited {
}

#navcontainer li li li a:hover, #navcontainer li li a:active, #navcontainer li li a:focus {
    text-decoration: underline;
}

#navcontainer li li li a.current {
    text-decoration: underline;
}

#navcontainer li li li a.ancestor {
    text-decoration: underline;
}

/* START LEFT FEATURE BOX WITH TITLE AND CONTENT */

#left .feature {
	float: left;
    display: inline; /* IE BUG FIX - FIRST FLOAT DOUBLE MARGIN */
    width: 192px;
    margin: 0 6px 12px 0;
    padding: 0;
	background: #C1CBDD;
}

#left .feature .title p {
    margin: 0px;
    border: 0;
    padding: 5px 0 5px 12px;
	background: #B2BED5;
    color: #262558;    
    font-size: 1.0em;
    font-weight: bold;
}

#left .feature .content{
    clear: both;
    width: 192px;
    padding: 0;
    margin: 0;    
    border: 0;
	background: #C1CBDD;
    color: #262558;    
    font-size: 1.0em;
}

#left .feature .content p{
    margin: 0 0 0.5em 0;
    padding: 0 0 0 12px;
}

/* END LEFT FEATURE BOX WITH TITLE AND CONTENT */


/* START LEFT FEATURE - FORMS */

#left feature.callback {
}

#left .feature label {
	float: left;
    margin: 0;
    border: 0;
    padding: 5px 0 5px 12px;
	background: transparent;
    color: #262558;    
    font-size: 1.0em;
    font-weight: normal;
}

#left .feature input {
    float: right;
    margin: 0 12px 0 0;
    border: 1px solid #262558;
    padding: 2px;
	background:  transparent;
    color: #000;    
    font-size: 1.0em;
    font-weight: normal;
}

#left .feature input.go {
    float: right;
    margin: 0 12px 0 0;
    border: 1px solid #262558;
    padding: 2px;
	background:  transparent;
    color: #262558;    
    font-size: 1.0em;
    font-weight: normal;
	cursor: hand;
	
}

/* END LEFT FEATURE - FORMS */

/* START LEFT FEATURE - EXTERNAL LINKS */

#left .election {
}

/* END LEFT FEATURE - EXTERNAL LINKS */


/* START RIGHT FEATURE - ELECTION */

#left .feature.election .title {
}

#left .feature.election .title p {
}

#left .feature.election .content {
}

#left .feature.election .content p {
	clear: both;
    margin: 0;
    padding: 4px 0 4px 11px;
    border: 0;
    background: transparent;
    color: #333;      
    font-size: 1.0em;
}

#left .feature.election .content p .resultbar {
    margin: 0;
    padding: 0;
    border: 0;
    background: #1C2059;
    color: #fff;      
    font-size: 1.0em;
}

#left .feature.election .content input {
	float: left;
	display: inline;
    margin: 0;
    padding: 0;
    border: 0;
    background: transparent;
    color: #4E6878;      
    font-size: 1.0em;
    vertical-align: text-bottom;
}

#left .feature.election .content label {
	float: left;
	display: inline;
    margin: 0;
    padding: 4px 12px 4px 6px;
    border: 0;
    background: transparent;
    color: #333;      
    font-size: 1.0em;
}

#left .feature.election input.go {
    display: inline;
    float: right;
    margin:  0 12px 0 0;
    border: 1px solid #4E6878;
    padding: 0;  
    cursor: pointer;
}

/* END RIGHT FEATURE - ELECTION */


/*  START COLUMN - MIDDLE *********************************************************************/

#middle {
	float: left;
	min-height: 440px;
    margin: 0 6px 0 6px;
    padding: 12px 0 0 0;
    width:372px;
    background: transparent;
}

#middle table   {
	border-collapse: collapse;
	margin: 0 0 12px 0;
	border: 1px solid #999;
	background: #fff;
	font-size: 0.8em;
	empty-cells: show;
	}
	
#middle th   {
	margin: 1px;
	border-collapse: separate;
	border: 1px solid #999;
	padding: 2px;
	background: #ccc;
	}


#middle td   {
	margin: 1px;
	border-collapse: separate;
	border: 1px solid #999;
	padding: 2px;
	}


#middle p {
    margin: 0 0 1em 0;
}

#middle img {
    margin: 0 0 1em 0 ;
    background-color: transparent;
}

#middle span.imagecaption {
    float: left;
    display: inline;
    color: #333;
}

#middle span.imagecredit {
    float: left;
    display: inline;
    clear: left;
    margin: 0 12px 0 12px
    color: #333;
}

#middle span.imagecopyright {
    float: left;
    display: inline;
    clear: left;
    color: #00f;
}

#middle .index {
    float:left;
    margin: 0 0 0 0;
    width: 372px;
    background-color: transparent;
}

#middle .index img {
    float:left;
    margin: 0 12px 0 0;
    width: 84px;
    background-color: transparent;
}

#middle .index p {
    float:left;
    margin: 0 0 0 0;
    width: 276px;
    background-color: transparent;
}

#middle .index p.full {
    float:left;
    margin: 0 0 0 0;
    width: 372px;
    background-color: #fff;
}


/* START INDEX GALLERY */


#middle .index_gallery {
    float: left;
    display: inline;
    vertical-align: top;
    margin: 0 12px 12px 0;
    width: 120px;
    background-color: transparent;
}

#middle .index_gallery img {
    float: left;
    width: 84px;
    background-color: transparent;
}

#middle .index_gallery p {
    float: left;
    margin: 0 0 0 0;
    background-color: transparent;
}

#middle .index_gallery p.full {
    float: left;
    margin: 0 0 0 0;
    background-color: #fff;
}

/* TO BE USED WHEN IE SUPPORTS SIBLING SELECTORS
    #middle .index a + p {
    float:left;
    margin: 0 0 0 0;
    width: 276px;
    background-color: #cff;
} */


/* END INDEX GALLERY */


/* START FORMS */

#middle form {
    margin: 0;
    border: 0;
    padding: 0;
}

#middle legend {
    color: #333;
}

#middle fieldset {
	float: left;
    width: 340px;
    margin: 0;
    padding: 11px;
}

#middle label {
	float: left;
	display: inline;
    width: 80px;
    margin: 0 12px;
    padding:0;
    border: 0;
    background: transparent;
    color: #333;
}

#middle input {
    float: left;
    display: inline;			
    width: 200px;
    margin: 0;
    padding: 3px;
    border: 1px solid #999;
    background: transparent;
    font-size:	1.2em;
    color: #333;
}

#middle input.go {
    float: right;
    display: inline;			
    width: 140px;
    margin: 0 12px 0 0;
    padding: 0;
    border: 1px solid #999;
    background: #fff;
    font-size:	1em;
    color: #666;
    cursor: pointer;
}

#middle select {
    float: left;
    display: inline;			
    width: 208px;
    margin: 0;
    padding: 0;
    background: #fff;
    font-size:	1.2em;
    color: #333;
}

#middle textarea {
    float: left;
    display: inline;			
    width: 200px;
    margin: 0;
    padding: 0;
    border: 1px solid #999;
    background: #fff;
    font-size:	1em;
    font-family: verdana, arial, helvetica, sans-serif;
    color: #333;   
}

/* END FORMS */


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


body #middle textarea#wysiwygEditorMiddle body {
    background: #fff;
}

body #middle textarea#wysiwygEditorMiddle td {
    margin: 0;
    border: 0;
    padding: 0;
}




#frmSave table   {
	border-collapse: collapse;
	margin: 0;
	border: 0;
	background: transparent;
	font-size: 0.8em;
	}
	
#frmSave th   {
	margin: 0;
	border-collapse: collapse;
	border: 0;
	padding: 0;
	background: transparent;
	}


#frmSave td   {
	margin: 0;
	border-collapse: collapse;
	border: 0;
	padding: 0;
	background: transparent;
	}





#frmSave td   {
	margin: 1px;
	border-collapse: separate;
	border: 0;
	padding: 2px;
	}
	
#frmSave select {
	width: 100px;
	}
	
	

/* ---------------  */

/* START FORMS */


/* END FORMS */



/*  END MIDDLE COLUMN */

/*  START COLUMN - RIGHT */

#right {
    display: inline; /* IE BUG FIX - FIRST FLOAT DOUBLE MARGIN */
    float: left;
    margin: 0 0 0 6px;
    padding: 12px 0 0 0;
    width:180px;
    background: transparent;
}


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

#PageID4 #right {
    display: none;
    margin: 0px;
}

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

/* START RIGHT FEATURE BOX WITH TITLE AND CONTENT */

#right .feature {
    width: 180px;
    margin: 0 0 12px 0;
    border: 0;
    padding:0;
    background: transparent;
    color: #333;
}

#right .feature .title {
    margin: 0;
    padding: 0;
    border: 0;
}

#right .feature .title p {
    margin: 0;
    border: 0;
    padding: 5px 0 6px 12px;
    background: #bbb;
    color: #333;
    font-size: 1.0em;
    font-weight: bold;
}

#right .feature .title a {
    color: #1C2059;
}

#right .feature .title a:link,
#right .feature .title a:visited {
    color: #1C2059;
}

#right .feature .title a:hover,
#right .feature .title a:active,
#right .feature .title a:focus {
    text-decoration: underline;
}

#right .feature .content {
    margin: 0;
    padding: 0;
    border: 0;
    background: #ccc;
    color: #333;      
    font-size: 1.0em;
}

#right .feature .content p {
    margin: 0;
    padding: 4px 0 4px 11px;
    border: 0;
    background: transparent;
    color: #333;      
    font-size: 1.0em;
}

#right .feature .content a {
    color: #1C2059;
}

#right .feature .content a:link,
#right .feature .content a:visited {
    color: #1C2059;
}

#right .feature .content a:hover,
#right .feature .content a:active,
#right .feature .content a:focus {
    text-decoration: underline;
}

#right .feature ul {
    margin: 0;
    border: 0;
    padding: 0 0 0 1em;
    background: transparent;
    color: #333;    
    font-size: 1.0em;
}

/* END RIGHT FEATURE BOX WITH TITLE AND CONTENT */

/* START RIGHT FEATURE - SEARCH BOX */

#right .feature.searchbox {
}

#right .feature.searchbox .title {
}

#right .feature.searchbox .title p {
    margin: 0;
    border: 0;
    padding: 5px 0 6px 12px;
    background: #bbb;
    color: #fff;
    font-size: 1.0em;
    font-weight: bold;
}

#right .feature.searchbox .title p label {
    background: transparent;
    color: #333;
}

#right .feature.searchbox .content {
}

#right .feature.searchbox form {
    display: inline;
    float: left;
    margin: 0;
    padding: 0;
    border: 0;
    background: transparent;
    color: #333;    
}

#right .feature.searchbox input {
    float: left;
    margin: 0 0 0 12px;
    border: 1px solid #666;
    padding: 2px;
	background:  transparent;
    color: #000;    
    font-size: 1.0em;
    font-weight: normal;
}

#right .feature.searchbox input.go {
    display: inline;
    float: left;
    margin:  0 0 0 12px;
    border: 1px solid #333;
    padding: 0;
	background:  transparent;
    color: #333;
    cursor: pointer;
}

/* START RIGHT FEATURE - SEARCH BOX */

/* START RIGHT FEATURE - INTERNAL LINKS */

#right .feature.internal_links {
}

#right .feature.internal_links .title {
}

#right .feature.internal_links .title p {
}

#right .feature.internal_links .content {
}

#right .feature.internal_links .content p {
}

#right .feature.internal_links .content a {
}

/* END RIGHT FEATURE - INTERNAL LINKS */

/* START RIGHT FEATURE - EXTERNAL LINKS */

#right .feature.internal_links {
}

#right .feature.external_links .title {
}

#right .feature.external_links .title p {
}

#right .feature.external_links .content {
}

#right .feature.external_links .content p {
}

#right .feature.external_links .content a {
}

/* END RIGHT FEATURE - EXTERNAL LINKS */

/* START RIGHT FEATURE - DOWNLOADS */

#right feature.downloads {
}

#right feature.downloads .filedetails {
    background-color: transparent;
    color: #333;
    font-size: 0.8em;
}

#right feature.downloads .filedetails img{
    display: inline;
    margin: 3px 0 0 0;
    padding: 0;
    border: 0;
    background-color: transparent;
}

/* END RIGHT FEATURE - DOWNLOADS */

/* START RIGHT FEATURE - DIY */

#right .feature.diy {
}

#right .feature.diy .title {
}

#right .feature.diy .title p {
}

#right .feature.diy .content {
}

#right .feature.diy .content p {
}

#right .feature.diy ul {
}

/* END RIGHT FEATURE - DIY */


/* END COLUMN - RIGHT */

/* END ROW - MAIN */

/* START ROW - MENU - BOTTOM */

#menubottom {
    display: inline;
    float: left;
    width: 780px;
    margin: 0;
    border: 0;
    padding: 0;
    background: #666;
}

#menubottom .bar { /* TO KEEP OPERA HAPPY WITH THE NEGATIVE MARGIN */
    display: inline;
    float: left;
    margin: 0 0 0 12px;
    background: #666;
    color: #333;
}

#menubottom ul {
    display: inline;
    float: left;
    width: 768px; /* TO STOP OPERA MAKING THE LIST VERTICAL */
    margin: 0 0 0 -12px;
    border: 0;
    padding: 0;
    list-style-type: none;
    background: transparent;
}

#menubottom ul li {
    display: block;
    float: left;
    margin: 0;
    border: 0;
    padding: 0;
    background: transparent;
}

#menubottom ul li a {
    display: block;
/*    width: 84px;  */
    margin: 0 0 0 18px;
    border: 0;
    padding: 6px 0 6px 0;
    background: transparent;
    color: #ccc;
    text-align: center;
    text-decoration: none;
    font-weight: normal;
}

#menubottom ul li a:link, #menubottom ul li a:visited {
    background: transparent;
    color: #ccc;
    text-decoration: none;
}

#menubottom ul li a:hover, #menubottom ul li a:active, #menubottom ul li a:focus {
    background: transparent;
    color: #fff;
    text-decoration: none;
}

#menubottom ul li a:link.ancestor, #menubottom ul li a:visited.ancestor {
    background: transparent;
    color: #fff;
    text-decoration: none;
}

#menubottom ul li a:hover.ancestor, #menubottom ul li a:active.ancestor, #menubottom ul li a:focus.ancestor {
    background: transparent;
    color: #fff;
    text-decoration: none;
}

/* END ROW - MENU - BOTTOM */


/* START ROW - ACCREDITATIONS */

#accreditations {
    float: left;
    width: 780px;
    margin: 0;
    background-color: transparent;
}

#accreditations ul {
    display: inline;
    float: right;
    margin: 0 0 0 12px;
    padding: 0;
    list-style-type: none;
    text-align: left;
/*    background-color: #c6c; */
}

#accreditations ul li {
    display: block;
    float: left;
    padding: 0 12px 0 0;
    text-align: center;
/*    background-color: #ccc; */
}

#accreditations ul li a {
    display: block;
    padding: 6px 0 6px 0;
    background: transparent;
    color: #333;
    text-decoration: none;
    font-weight:		bold;
}

/* START ROW - FOOTER */

#footer {
	width: 780px;
    float: left;
    margin: 0;
    padding: 0;
    background: #8E8E8E;
}

#footer p {
	margin: 0 0 0.5em 0;
    background: transparent;
    color: #fff;
    font-size: 0.8em;
    font-weight: normal;
}

#footer .left {
	width: 192px;
    float: left;
    margin: 0 6px 0 0;
    padding: 0;
    background: transparent;
    color: #fff;
}

#footer .middle {
	width: 372px;
    float: left;
    margin: 0 6px 0 6px;
    padding: 0 auto;
    background: transparent;
    color: #fff;
}

#footer .right {
	width: 180px;
    float: left;
    margin: 0 0 0 6px;
    padding: 0;
    background: transparent;
    color: #fff;
    text-align: right;
}


/* START ROW - CREDITS */

#credits {
	width: 780px;
    float: left;
    margin: 0;
    padding: 0;
    background: #8E8E8E;
}

#credits p {
    float: right;
    margin: 0;
    padding: 0;
    background: #8E8E8E;
    color: #ccc;
    font-size: 0.8em;
    font-weight: normal;
    text-align: right;
}

/* END ROW - CREDITS */


img, a img, img.imagemap {
    border-style: none;
}

.gallery {
    margin: 0 12px 12px 0;
}

.gallery_last {
    margin: 0 0 12px 0;
}

.cleardiv {
clear: both;
height: 1em;
}

.backblack {
	background-color: #000000;
}

.purple {
	background-color: #1C2059;
}

.backgrey {
	background-color: #8E8E8E;
}