 /* Global styles ###################################################################### */

div#brighton_three-column div#brighton_col1, div#brighton_three-column div#brighton_col3, div#brighton_three-column div#brighton_col2 {
width:auto;
}

div#brighton_two-column {
padding-top:30px;
padding-bottom:30px;
}

div#brighton_three-column {
padding-bottom:30px;
}

div#brighton_content p {
font-size:12px;
line-height:150%;
}

div#brighton_container {
padding:0;
position: relative;
}

div#brighton_content {
position: relative;
}

div#brighton_header {
padding-top:20px;
}

div#brighton_body {
background:#A4A8AB url("chrome/bg-gradient.png") repeat-x top left;}
/* layouts ################################################################# */
/* two column layout */
div#brighton_content div#brighton_two-column div#brighton_col1 {
width:244px;
padding:0;
}
div#brighton_content div#brighton_two-column div#brighton_col2 {
width:680px;
margin-bottom:0px;
}
/* typography */

div#brighton_content div#brighton_col1 h1,
div#brighton_content div#brighton_col2 h1,
div#brighton_content div#brighton_col3 h1 {
font-size:18px;
color:#00529c;
}

div#brighton_content div#brighton_col1 h2,
div#brighton_content div#brighton_col2 h2,
div#brighton_content div#brighton_col3 h2 {
font-size:12px;
font-weight:bold;
color:#00529c;
}

div#brighton_content div#brighton_col1 h3, div#brighton_content div#brighton_col1 div.block div.pad div h3, 
div#brighton_content div#brighton_col2 h3,
div#brighton_content div#brighton_col3 h3, div#brighton_content div#brighton_col3 div.block div.pad div h3{
font-size:14px;
font-weight:normal;
color:#00529cc;
}


div#brighton_content div#brighton_col1 h4,
div#brighton_content div#brighton_col2 h4,
div#brighton_content div#brighton_col3 h4 {
font-size:12px;
font-weight:normal;
color:#2c353b;
margin-top:0;
}

div#brighton_content div#brighton_col1 ul li,
div#brighton_content div#brighton_col2 ul li,
div#brighton_content div#brighton_col3 ul li {
font-size:12px;
line-height:115%;
padding:0;
font-weight:normal;
}

div#brighton_content div#brighton_col1 ul,
div#brighton_content div#brighton_col2 ul,
div#brighton_content div#brighton_col3 ul {
list-style-type:disc;
padding:0 0 0 25px;
font-size:12px;
}

div#brighton_content h5
{
text-align:left;
font-weight:bold;
font-size:14px;
margin:0;
padding:0;
}

/* Col 1 & Col 3 ###################################################################### */

div#brighton_col1 {
margin:0 9px 0 18px;
}

div#brighton_three-column div#brighton_col2 {
margin: 0 9px 0 9px;
width:416px;
}

div#brighton_col3 {
margin:0 18px 0 9px;
}

div#brighton_col1 div.pad div.block,
div#brighton_col3 div.pad div.block{
  background:transparent url(chrome/col-top-bg.png) top left no-repeat; /* just top corners with blue full width */
  padding:16px 0 0 0;
  margin:0 0 16px 0;

}

div#brighton_col1 div.pad div.NoContainerContentPane,
div#brighton_col3 div.pad div.NoContainerContentPane{
    margin-bottom:13px;
    text-align:center;
}
div#brighton_content div#brighton_col1 div.block div.pad, 
div#brighton_content div#brighton_col3 div.block div.pad {
  background:transparent url(chrome/col-bottom-bg.png) bottom left no-repeat; /* will be bottom half image full width*/
  margin:0;
  padding:0;
  padding-bottom:15px;
  width:242px;
}

div#brighton_content div#brighton_col1 h3,
div#brighton_content div#brighton_col3 h3 {
  font-size:14px;
  color:#ffffff;
  background:transparent url(chrome/col-h3-bg.png) bottom left no-repeat; /* will be stripe bottom aligned image full width*/
  margin:0;
  padding: 8px 15px 19px 17px ;
  
}
div#brighton_content div#brighton_col1  div.block div.pad div h3, div#brighton_content div#brighton_col3 div.block div.pad div h3{
  background:transparent; padding:0; margin:0;
}

div#brighton_content #brighton_col1 div.block div.pad div,
div#brighton_content #brighton_col3 div.block div.pad div{
 background:transparent;
 padding: 0px 28px 0px 25px ;
 margin:0;
}
div#brighton_content #brighton_col1 div.block div.pad div div,
div#brighton_content #brighton_col3 div.block div.pad div div{
 padding:0;
}



/* Col 2 ############################################################################## */

div#brighton_col2 div.pad {
padding-top:18px;
margin-top:0;
background:#dfeef7;
border:1px solid #DFE1E2;
padding:18px 25px 18px 25px;
/*width:368px;*/
position:relative;
}

/* Header ############################################################################# */

#brighton_header span.logo {float:left;}
#brighton_header span.menu {float:right; clear:none;}

div#brighton_menu ul.horizontal li.item a.link span.text {
border-right: 2px solid #0079FA;
font-size: 12px;
font-weight: normal;
line-height: 40px;
margin: 0;
padding: 0 10px 0 10px;
 }

div#brighton_menu {
  position:absolute;
  right:0;
  top:80px;
  padding:0;
  background:#00529c url(chrome/nav-bg.png) top right repeat-x;
  height:40px;
}

#brighton_menu ul li {
margin:0;
}

div#brighton_content #brighton_sub-menu{
 padding:0;
 margin:0 28px 0 25px;
}
div#brighton_content div#brighton_sub-menu ul{
 padding:0;
}
/* Footer ############################################################################# */

div#brighton_footer {
height:50px;
margin:0;
font-weight:bold;
padding:0 20px 0 20px;
font-size:10px;
}

div#brighton_footer ul li a:hover {
text-decoration:none;
color:#2c353b;
}


div#brighton_footer ul li a span {
padding:0;
line-height:12px;
}

div#brighton_footer ul li {
border-right:2px solid #dfeef6;
padding:0 10px 0 0;
font-size:10px;
margin:0 10px 0 0;
}

div#brighton_footer p.copyright {
  float:right;
  clear:none;
padding:16px 0 18px 0;
}

div#brighton_footer div {
float:left;
padding:19px 0 18px 0;
}
/* Global ############################################################################# */
/* Global ############################################################################# */




