/* force horizontal scrollbar to appear on all pages*/
html, body {
height:100%;
margin:0 0 1px;
padding:0;}

body {
background:url('../img/headergradient.png') repeat-x top;
font-family:verdana,Helvetica,sans-serif;}

#container{min-width:800px;
max-width:1280px;
margin:auto;}

#wrappermiddle{
overflow:hidden;
float:left;
width:100%;}

#wrappertop {
width:85%;
min-width:680px;
max-width:1088px;
margin:0;
padding:0 7.5%;
float:left;
 }

#innermiddlewrapper {
width:85%;
min-width:680px;
max-width:1088px;
margin:0;
padding:0;
float:left;
 }

#leftborder{
padding-bottom: 32767px;
margin-bottom: -32767px;
float:left;
min-width:7.5%;
background:url('../img/borderleft.png') repeat-y right}

#rightborder{
padding-bottom: 32767px;
margin-bottom: -32767px;
float:left;
min-width:7.5%;
height:100%;
background:url('../img/borderright.png') repeat-y left}


#brandwrapper{
width:100%;
float:left;
height:170px;
margin:0;
padding:0;
text-align:center;
background:transparent url(../img/pr.png) no-repeat scroll center;
}


#navigationwrapper{
float:left;
width:100%;}

#navigationprimary {
clear:both;
float:left;
width:100%;
background:url('../img/buttonbg.png') repeat-x bottom;
}

#navigationprimary ul {
margin:0;
padding: 0 1em 0;
list-style:none; }

#navigationprimary ul li{
height:30px;
float:left;
margin:0;
padding:0;
background:url('../img/buttonright.png') no-repeat right top;
}

#navigationprimary ul li.on{
background:url('../img/buttonrighton.gif') no-repeat right top;
}

#navigationprimary a{
height:30px;
display:block;
text-decoration: none;
color:#5D35F7;
background:url("../img/buttonleft.png") no-repeat left top;
padding:0.3em 1em 0.3em;
}

#navigationprimary a:hover, #navigationprimary a:focus{
text-decoration:underline;}


#navigationprimary a.on{
color:#ffffff;
background:url("../img/buttonlefton.gif") no-repeat left top;
padding:0.3em 1em 0.3em;
}

#navigationsecondary {
background:url("../img/headerleft.png") no-repeat left top;
background-color:#2A9494;
clear:both;
float:left;
width:100%;
}

#navsecondinner{
float:left;
width:100%;
background:url("../img/headerright.png") no-repeat right top;
margin:0;}

#navigationsecondary ul {
margin:0;
padding: 0 1.5%;
list-style:none;
width:97%;
float:left; }

#navigationsecondary ul li{
float:left;
margin:0;
padding:0;
}

#navigationsecondary a{
display:block;
text-decoration: none;
color:#ffffff;
padding:0.3em 1em 4px;
}

#navigationsecondary a:hover{
text-decoration:underline;}

#navigationsecondary a.nohover:hover{
text-decoration:none;}

a.nohover:hover{
text-decoration:none;}
#navigationsecondary a.on{
color:#FFFFB1;
text-decoration: underline;
}

#contentwrapper{
clear:both;
float:left;
width:100%;
padding:0;
min-height:600px;
background-color:#FFFFFF;
background-image:url('../img/tile.gif');
background-repeat:repeat-y;
background-position:82% 0;
border-top:1px solid #05096b;
border-bottom:1px solid #05096b;
}

#contentpadder{
padding:0 1%;}

#breadcrumb{
font-size:0.8em;
margin:0;
padding:0.2em 1%;
}

#contentarea {
width:78%;
padding: 0 2% 2em;
margin:0;
border:1px #000;
float:left;
}

#sidebar {
width:18%;
min-width:120px;
margin:0;
padding:0;
float:right;
text-align:center;}


#footer {clear:both;
text-align:center;}

h1{
padding:40px 0 0;
margin:0;}

h1 a, h1 a:hover, h1 a:focus{
color:#FFFFFF;
padding:0;
font-size:1.8em;
text-decoration:none;}

h2{
color:#BA6722;
font-size:2.2em;
padding:0;
margin:0.3em;}

h2#tagline{
color:#FFFFFF;
font-size:1.4em;
margin:-0.5em 0 0 0;
padding:0;}

#sidebar h3{
color:#FFFFFF}

img{
margin:0;
padding:0;}

a img{
border:2px solid #CCCCCC;}

a img:hover, a:focus img{
border:2px solid #5D35F7;}

a:hover, a:focus{
color: #5D35F7;}

img.content{
max-width:100%;}

img.supporter{
border:2px solid #ffffff;
max-width:96%;
margin:1em 2%;}

img.validator,
img.validator:visited{
border:2px solid #CCCCCC}

fieldset{
border:0;
padding:0;
margin:0;}

/* gallery */
#gallery{
text-align:center;}

#gallery ul li{
list-style:none;
display:inline;}

#gallery ul li a img{
border:10px solid #CCCCCC;
margin:10px;}
#gallery ul li a img:hover, #gallery ul li a:focus img {
border:10px solid #2A9494;}


/*skip to main content link */

#skip a, #skip a:hover, #skip a:visited
{
position:absolute;
left:0px;
top:-500px;
width:1px;
height:1px;
overflow:hidden;
}

#skip a:active, #skip a:focus
{
position:static;
text-align:right;
width:auto;
height:auto;
color:#FFFFFF;
}