body
{
background-color: #f0f0f0;
color: #000;
font: small Arial, Tahoma, Verdana;
margin: 0;
}


a:active, a:link, a:visited
{
color: #204c6c;
text-decoration: none;
}

a:hover
{
color: #a00606;
text-decoration: underline;
}

a.user
{
background: url(/Cms/Images/Shared/User12.gif) no-repeat left 1px;
padding-left: 14px;
}

a img
{
border: 0;
}

h1, h2, h3, h4
{
color: #444;
margin: 0 0 0.5em 0;
}

h1
{
font-size: 2em;
}

h2
{
font-size: 1.6em;
}

h3
{
font-size: 1.2em;
}

h4
{
font-size: 1em;
}

h1 span.thin,
h2 span.thin,
h3 span.thin,
h4 span.thin
{
font-weight: lighter;
}


p
{
margin: 0 0 1em 0;
}

p.footnote
{
font-size: 0.85em;
color: #444;
}


table
{
margin: 0;
padding: 0;
width: 100%;
}

td
{
font: small Arial, Tahoma, Verdana;
text-align: left;
vertical-align: top;
}


input.button
{
background: url(/Cms/Images/Shared/Button.gif) no-repeat;
color: #204c6c;
cursor: pointer;
border: 0;
font: bold 11pt Arial, Tahoma, Verdana;
height: 25px;
width: 75px;
}

input.button:hover
{
color: #a00606;
}

input.textbox,
textarea
{
font: 1em Arial, Tahoma, Verdana;
border: solid 1px #888;
width: 100%;
}


/* ----- Page ----- */
#page
{
background-color: #fff;
border: solid 2px #888;
margin: 0 auto 0 auto;
width: 90%;
}


/* ----- Header ----- */
#header
{
background: #aaa url(/Cms/Images/Shared/HeaderBackground.png) repeat-x left top;
border-bottom: solid 2px #888;
height: 60px;
}

#header div.logo
{
float: left;
}

#header img.logo
{
border: 0;
margin: 0;
}

#header div.links
{
color: #444;
font-size: 8pt;
text-align: right;
padding-top: 2px;
}

#header div.links div
{
display: inline;
height: 1em;
margin-right: 10px;
}

#header div.account {
background: url(/Cms/Images/Shared/User12.gif) no-repeat left 1px;
padding-left: 14px;
}

#header div.account span {
margin-right: 0;
}


/* ----- Header Contents ----- */
#header div.nav
{
float: right;
margin-top: 16px;
}

#header div.nav a:hover
{
text-decoration: none;
}

#header div.nav ul
{
list-style-type: none;
margin: 0;
padding: 0;
}

#header div.nav li.tab
{
background: url(/Cms/Images/Shared/ButtonLeft.gif) no-repeat left center;
float: left;
font-size: 11pt;
font-weight: bold;
line-height: 25px;
margin-right: 10px;
padding-left: 3px;
text-align: center;
vertical-align: middle;
}

#header div.nav li.tab a
{
background: url(/Cms/Images/Shared/ButtonRight.gif) no-repeat right center;
display: inline-block;
padding: 0 10px 0 7px;
}

#header div.nav div.submenu
{
display: none;
background: url(/Cms/Images/Shared/MenuTop.gif) no-repeat left top;
line-height: normal;
padding-top: 5px;
position: absolute;
text-align: left;
width: 160px;
z-index: 2;
}

#header div.nav div.submenu div.submenu
{
margin: -22px 0 0 142px;
}

#header div.nav div.submenu ul
{
background: url(/Cms/Images/Shared/MenuBackground.gif) no-repeat left bottom;
padding: 0 6px 8px 4px;
}

#header div.nav div.submenu li
{
background: none;
float: none;
font-size: 9pt;
line-height: normal;
}

#header div.nav div.submenu a
{
background: none;
padding: 2px 4px 2px 4px;
width: 142px;
}

#header div.nav div.submenu a:hover
{
color: #fff;
background-color: #a00606;
}

#header div.nav div.submenu a.more
{
background: url(/Cms/Images/Shared/MenuMore.gif) no-repeat right 5px;
overflow: hidden;
}

#header div.nav div.submenu a.more:hover
{
background: #a00606 url(/Cms/Images/Shared/MenuMore.gif) no-repeat right -7px;
overflow: hidden;
}


/* ----- Body ----- */
#body
{
display: inline-block;
margin: 2%;
width: 96%;
}


div.leftcolumn
{
display: inline-block;
float: left;
width: 58%;
}

div.rightcolumn
{
display: inline-block;
float: right;
width: 40%;
}


/* ----- Home Boxes ----- */
div.box
{
display: inline-block;
background: url(/Cms/Images/Shared/BoxRight.png) no-repeat right bottom;
margin-bottom: 1em;
}

div.box h1,
div.box h2
{
background: url(/Cms/Images/Shared/BoxRight.png) no-repeat right top;
margin: 0;
padding: 5px 5px 10px 0;
}

div.subbox
{
display: inline-block;
background: url(/Cms/Images/Shared/BoxLeft.png) no-repeat left bottom;
}

div.box p
{
display: block;
margin-left: 10px;
padding: 0 10px 5px 0;
}

div.box img
{
background: url(/Cms/Images/Shared/BoxLeft.png) no-repeat left top;
float: left;
padding: 5px 10px 5px 5px;
margin-bottom: 1em;
border: none;
}


/* ----- Container ----- */
div.container
{
display: inline-block;
background: #fff url(/Cms/Images/Shared/ContainerBackground.png) repeat-x left top;
border: solid 1px #689BC9;
margin-bottom: 1em;
width: 100%;
}

div.container div.content
{
padding: 10px;
}

div.container h1
{
margin: 0;
padding: 10px;
padding-bottom: 0;
}

div.container h2
{
font-size: 2em;
margin: 0;
padding: 10px;
padding-bottom: 0;
}


/* ----- Control Box ----- */
div.container div.controlbox
{
display: inline-block;
float: right;
padding-right: 10px;
position: relative;
text-align: center;
}

div.container div.controlbox a
{
background: #204c6c url(/Cms/Images/Shared/ControlBoxButton.gif) no-repeat;
display: inline-block;
text-decoration: none;
width: 26px;
height: 20px;
}

div.container div.controlbox a:hover
{
background-color: #a00606;
}

div.container div.controlbox a.up
{
background-position: 0 -20px;
}

div.container div.controlbox a.down
{
background-position: 0 0;
}


/* ----- Error ----- */
div.error
{
background-color: #d44;
border: solid 1px #800;
color: #fff;
font-weight: bold;
padding: 0.5em;
margin-bottom: 0.5em;
}

div.error a:hover
{
color: #fff;
}


/* ----- Sign In/Out ----- */
div.signin h2
{
background: url(/Cms/Images/Shared/Lock32.gif) no-repeat right bottom;
height: 32px;
}

div.signout h1
{
background: url(/Cms/Images/Shared/Lock32.gif) no-repeat right bottom;
height: 32px;
}


/* ----- Article ----- */
div.article div.contents h2
{
font-size: 1.2em;
}

div.article h2 a,
div.article h3 a,
div.article h4 a
{
color: #444;
text-decoration: none;
}

div.article div.contents
{
display: inline-block;
float: right;
margin: 0 1em 1em 1em;
padding: 0.5em;
width: 30%;
}

div.article div.contents ol,
div.article div.contents ul
{
color: #444;
margin-top: 0;
margin-bottom: 0;
}

div.article div.img
{
margin: 1em;
}

div.article div.img img
{
border: solid 5px #ddd;
}


/* ----- Footer ----- */
#footer
{
background: #aaa url(/Cms/Images/Shared/FooterBackground.png) repeat-x left top;
border-top: solid 2px #888;
color: #444;
display: inline-block;
width: 100%;
}

#footer div.copyright
{
background: url(/Cms/Images/Shared/BALogoGrey.gif) no-repeat right top;
border-left: dotted 1px #444;
float: right;
font-size: 0.9em;
margin: 10px;
padding: 0 70px 0 1em;
}


/* ----- Footer Contents ----- */
#footer div.nav
{
float: left;
margin: 10px;
}

#footer div.nav a
{
font-weight: bold;
}

#footer div.nav table
{
width: auto;
}

#footer div.nav td
{
border-left: dotted 1px #444;
font-size: 0.9em;
padding: 0 0.5em 0 0.5em;
}

#footer div.nav td.home
{
border: none;
padding-left: 0;
}

#footer div.nav ul
{
list-style-type: none;
margin: 0;
padding: 0;
}

#footer div.nav ul li a
{
font-weight: normal;
}