/* base.css
global styles for the site including layout
---------------------*/

body {
	background: #fff;
	color: #444;
	padding: 0 0 40px;
}


/* grid overides
-------------------*/

.c16 .g16
{
    margin-left: 0;
    margin-right: 0;
    width: 960px;
}

#branding
{
     /*g5*/
     margin-left: 0;
     width: 290px;
}

#nav-global
{
    /*g7*/
    float: right;
    margin-right: 0;
   /* width: 345px;*/
}

#user-panel
{
    /*g6*/
    float: right;
    margin-right: 0;
    width: 255px;
}

#content-secondary
{
     /*g3*/
     margin-left: 0;
     width: 170px;
}

.three-col #content-tertiary
{
     /*g3*/
     margin-right: 0;
     width: 170px;
}

.two-col #content-tertiary
{
     /*g4*/
     margin-right: 0;
     width: 230px;
}

.two-col #main
{
     /*g12*/
     margin-left: 0;
     width: 710px;
}

.two-col-right #main
{
     /*g13*/
     margin-right: 0;
     width: 770px;
}

.two-col #content-quicklinks .g6
{
    /*g6*/
    width: 345px;
}

.three-col #nav-tertiary
{
     /*g13*/
     margin-left: 0;
     width: 769px;
}

.three-col #footer .copyright
{
     /*g3*/
     margin-right: 0;
     width: 170px;
}

.two-col-right #nav-tertiary,
.two-col #nav-tertiary
{
     /*g13*/
     margin-left: 0;
     width: 709px;
}
#footer .copyright
{
     /*g3*/
     margin: -10px 0 0 10px;
     padding-top: 10px;
     padding-left: 10px;
     border-left: 1px solid #C7D5DF;
}

.two-col-right #footer .copyright ,
.two-col  #footer .copyright
{
     /*g3*/
     width: 210px;
}

.three-col #footer .copyright
{
     /*g3*/
     width: 160px;
}

/* global
---------*/

.row
{
    clear: left;
}

.section
{
   padding: 0 15px 0 15px;
}


/* layout
---------*/

#page {
	font-size: 1.1em;
	line-height: 170%;
}

#main
{
    border-top: 1px solid #C7D5DF;
    background: #fff url("images/promo-bg.jpg") repeat-x 0 0;
}

#content
{
   margin-top: 10px;
}

#header
{
  padding-top: 30px;
}

#footer
{
    margin-top: 30px;
    padding-top: 10px;
    border-top: 1px solid #C7D5DF;
 }


/* fonts
---------*/

body, input, textarea, select {
	font-family			: Tahoma,Arial,sans-serif;
}

input, textarea, select {
	font-size			: 1.1em;
}


/* page intro
------------*/

.intro {
	font-size			: 1.2em;
	color				: #828282;
	font-family			: Arial,sans-serif;
}

/* spacing
----------*/

ol
{
	list-style: lower-roman;
}

ul
{
	list-style: square;
}

ol li
{
	margin-left: 3em;

}

ul li
{
    margin-left: 2em;
    padding-left: 10px;
	list-style: none;
    background: url("images/bullet-list.png") no-repeat 0 9px;
}

p,
dl,
hr,
h1,
h2,
h3,
h4,
h5,
h6,
ol,
ul,
pre,
table,
address,
fieldset {
	margin-bottom: 2em;
}


/* anchors
---------- */
a,
a:visited {
 	color: #3E5991;
 	text-decoration: none;
}
a:hover,
a:focus {
	color: #162B61;
	text-decoration: underline;
}

/* headings
-----------*/
h1, h2, h3, h4, h5, h6,
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a
{
    line-height:1.2em;
    margin-bottom:0.2em;
    font-family:Arial,sans-serif;
    color: #1A3F96;
}

.sub {
	color: #00ACED;
	display: block;
}

h3, h4, h5, h6
{
    margin-top: 1em;
}

h2 {margin-top:1em;}
h6 {font-size:1em; text-transform:uppercase;}

h1 {font-size: 2.6em; margin-top: 10px;}
h2 {font-size: 1.6em;}
h3, h3 a {font-size: 1.1em;}
h4, h4 a, h5, h5 a, h6, h6 a {font-size: 1em;}

#content-primary h3,
#content-primary h3 a,
#content-quicklinks h3,
#content-quicklinks h3 a { color: #233E99;}
#content-primary h4,
#content-primary h4 a,
#content-quicklinks h4,
#content-quicklinks h4 a,
#content-primary h5,
#content-primary h5 a,
#content-quicklinks h5,
#content-quicklinks h5 a {font-size: 1.1em; color: #233E99;}
#content-primary h6,
#content-primary h6 a,
#content-quicklinks h6,
#content-quicklinks h6 a {font-size: 1em; color: #233E99;}

#content-quicklinks .promo h3,
#content-quicklinks .promo h3 a
{
    color: #444;
}



h1 a {
	font-weight:normal;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a
{
    text-decoration: none;

   /* background: url("images/bullet-heading-link.gif") no-repeat 100% 6px;*/
}

h1 a span, h2 a span, h3 a span, h4 a span, h5 a span, h6 a span
{
    display: inline-block;
    width: 10px;
    background: url("images/bullet-heading-link.gif") no-repeat 50% 50%;
	min-height:10px;
}

.promo h3
{
    text-transform: uppercase;
}

h1 a:hover,
h1 a:focus,
h2 a:hover,
h2 a:focus,
h3 a:hover,
h3 a:focus,
h4 a:hover,
h4 a:focus,
h5 a:hover,
h5 a:focus,
h6 a:hover,
h6 a:focus
{
    text-decoration: none;
}


#content-secondary h3,
#content-tertiary h3
{
    margin-top: 0;
}

/* branding
------------ */
#branding img
{
    float: left;
    background: #666;
    color: #fff;
    font-size: 2.2em;
}

/* page heading
----------------*/
#heading-page {
	font-weight:normal;
	padding: 10px 0 10px 0;
	margin: 0;
	text-transform: uppercase;
	font-weight: bold;
	z-index:0;
}




/* boxes
---------*/
.box {
	margin-bottom:10px;
	padding:10px;
	overflow: hidden;
}
.box h2 {
	padding:0;
	margin-top: 0;
	display:block;
	float: left;
	width: 99%;
}
.box h3
{
 }

.box h2 a {
	display:block;
	float: left;
}

.box img
{
    margin: 0 15px 15px 0;
    background: #666;
    color: #fff;
}

.foot
{
    padding-top: 10px;
    clear: both;
    overflow: hidden;
}

/* listing
-----------*/
.listing,
.listing dl,
.listing p { margin-bottom: 0; }

.list-item {
	background-image	: none;
 	display             : block;
	list-style			: none;
	list-style-type		: none;
	margin				: 0;
	padding				:10px 0 10px 0;
	clear               : left;
}


.listing .first {
	padding-top: 0;
	margin-top: 5px;
}

dl.listing dt {
	padding-top: 0.5em;
}

.listing li dd,
.listing li li,
.listing dd dd,
.listing dd li  {
	border-bottom: none;
}

/* paragraphs, quotes and lists
----------------------------------------------- */

p {
	margin-bottom:0.5em;
}

blockquote {
	font-size:2em;
	color: #436B94;
	font-weight: bold;
}

cite {
	font-style: normal;
	color: #4A4A4A;
}

cite span{
	display: block;
}

ul, ol {
	padding-top:0;
}

/* table
----------------------------------------------- */
table {
	width:100%;
	border-top:1px solid #C6DDFF;
	margin-bottom:10px;
	border-collapse: collapse;
}

thead.hide,
thead.hide th
{
    height: 0;
    font-size: 0;
    padding: 0;
    line-height: 0;
    border: none;
    color: #fff;
}

th, td {
	padding:10px;
	/*text-align:left;*/
	vertical-align: top;
}

thead th {
	padding:.4em 1em .2em;
}

tr
{
    background: url("images/table-row-bg.jpg") repeat-x 0 0;
}

td {
	border-top:1px solid #fff;
	border-bottom:1px solid #C6DDFF;
}

/* lists
----------------*/
dl dd {
 	color: #324B5F;
}

dl dt {
 	font-weight: normal;
 	color: #999;
}


.inline dt,
dl .inline {
	float				: left;
	clear				: none;
	width				: 25%;

}

.inline dd,
dl .inline {
	margin-left	: 30%;
	float				: none;
	clear				: none;
}

.flow dt,
.flow li {
	float				: left;
	margin-right		: 0.3em;
}

/* images
--------------*/

a.image {
	float: left;
	margin: 3px 10px 3px 0;
	border: 1px solid #bbb;
	padding: 4px;
}

/* other
------------------*/

.hide
{
    position: absolute;
	left: -99999999em;
	height: 0;
	display: block;
	margin: 0;
	padding: 0;
}

.count
{
    color: #00ACED;
}


/* pages
-----------*/

.page-home #main
{
    border: none;
}
.page-home .promo
{

}


/* over-ride
---------------------*/

.multi-column ul li {
	margin-left: 15px;
}

.wide .content {
  margin-left: -10px;
  margin-right: -10px;
}

.content .content {
    margin-left: 0;
    margin-right: 0;
}

/* temp states
----------------*/

#user-panel #nav-user
{
    display : none;
}

.logged-in #user-panel #nav-user
{
    display: block;
}

.logged-in #user-panel .not-logged-in
{
    display: none;
}