/** body **/
#page, #closure-blocks {
	margin-left: auto;
	margin-right: auto;
	width: 960px;
}

#navigation-top, #navigation {
	position: absolute; /* Take the named anchors out of the doc flow    */
	left: -10000px;     /* and prevent any anchor styles from appearing. */
}

/** main (container for everything else) **/
#main {
	position: relative;
}

/** content **/
  #content,
  .no-sidebars #content
  {
    width: 960px;
    margin-left: 0;
    padding: 0; /* DO NOT CHANGE. Add padding or margin to #content-inner. */
  }

  #content-inner
  {
    margin: 0;
    padding: 0;
  }

/** navbar **/
  #navbar
  {
    float: left;
    width: 100%;
    margin-left: 0;
    margin-right: -100%; /* Negative value of #navbar's width + left margin. */
    padding: 0; /* DO NOT CHANGE. Add padding or margin to #navbar-inner. */
    height: 3.6em; /* The navbar can have any arbritrary height. We picked one
                      that is twice the line-height pluse 1em: 2 x 1.3 + 1 = 3.6
                      Set this to the same value as the margin-top below. */
  }

  .with-navbar #content,
  .with-navbar #sidebar-left,
  .with-navbar #sidebar-right
  {
    margin-top: 3.6em; /* Set this to the same value as the navbar height above. */
  }


/** Prevent overflowing content **/
  #header,
  #content,
  #navbar,
  #sidebar-left,
  #sidebar-right,
  #footer,
  #closure-blocks
  {
    overflow: visible;
    word-wrap: break-word; /* A very nice CSS3 property */
  }

  #navbar
  {
    overflow: hidden; /* May need to be removed if using a dynamic drop-down menu */
  }

/****
 **** HTML ELEMENT STYLING
 ****/


/** fonts **/
  /*
   * Our font size and line height declarations are based on the following ALA
   * article:
   *   http://www.alistapart.com/articles/howtosizetextincss
   *
   * All modern browsrs use a 16px default font size. Specifying the font-size
   * and line-height in ems (relative to the 16px default font) allows the user
   * to resize the font in the browser and produces the most consistent results
   * across different browsers.
   */
  body
  {
    font-size: 100%; /* Fixes exaggerated text resizing in IE6 and IE7 */
  }

  #page
  {
    /*
     * To use a 12px font size on the page, delete the 14px declarations.
     * to use a 14px font size on the page, delete the 12px declarations.
     */

    /* Use a 12px base font size with a 16px line height */
    font-size: 0.75em; /* 16px x .75 = 12px */
    line-height: 1.333em; /* 12px x 1.333 = 16px */

    /* Use a 14px base font size with a 18px line height */
    font-size: 0.875em; /* 16px x .875 = 14px */
    line-height: 1.286em; /* 14px x 1.286 = 18px */
  }

  body, caption, th, td, input, textarea, select, option, legend, fieldset
  {
    font-family: Arial, Helvetica, "Bitstream Vera Sans", sans-serif;
  }

/** headings **/
  h1
  {
    font-size: 2em;
    line-height: 1.3em;
    margin-top: 0;
    margin-bottom: 0.5em; /* 0.5em is equavalent to 1em in the page's base font.
                             Remember, a margin specified in ems is relative to
                             the element's font-size, not to the pages' base
                             font size. So, for example, if we want a 1em margin
                             (relative to the base font), we have to divide that
                             length by the element's font-size:
                             1em / 2em = 0.5em */
  }

  h2
  {
    font-size: 1.5em;
    line-height: 1.3em;
    margin-top: 0.667em; /* Equivalent to 1em in the page's base font: 1 / 1.5 = 0.667em */
    margin-bottom: 0.667em;
  }

  h3
  {
    font-size: 1.3em;
    line-height: 1.3em;
    margin-top: 0.769em; /* Equivalent to 1em in the page's base font: 1 / 1.3 = 0.769 */
    margin-bottom: 0.769em;
  }


/** block-level elements **/
  p, ul, ol, dl, pre, table, fieldset, blockquote
  {
    margin: 1em 0;
  }

/** tables **/
  /* Override Drupal default CSS */
/** images **/
  img
  {
    border: 0;
  }

/** horizontal rules **/
  hr
  {
    height: 1px;
    border: 1px solid #666;
  }

/** Colors
Aurora Blue: #1c2674
Light Blue:  #7676aa
Dark Gray:   #4D4D4D
**/

/** body **/
  body
  {
    margin: 0;
    padding: 0;
    background:url('bluebg.jpg') no-repeat center -200px;
	background-attachment: fixed;
    background-color:#b4dbfc;
    font-family:arial, helvetica, sans-serif;
    color: #6d6e71;
  }
  
  #page
  {
  	position:relative;
  	margin-top:0;
  }

  a
  {
  	color: #e99619;
  }
  
  a:focus, a:visited  {
	color:#8d92b9;
  }
  
  a:hover, #secondary a:hover, #footer a:hover {
	color: #8d92b9;
  }
  
/** header **/
  #header
  {
  	background:#fff;
  	height:64px;
  	position:relative;
  	z-index:100;
  	overflow: hidden;
  	width: 960px;
  }

  #header-inner
  {
  }

  #logo-title /* Wrapper for logo, website name, and slogan */
  {
  	height: 65px;
  }

  #logo /* Wrapper for logo */
  {
    margin: 15px 10px 15px 19px;
    padding: 0;
  }
  	#logo a
  	{
  		height:34px;
  		line-height:34px;
  		display:block;
  	}

  #logo-image /* The actual logo image */
  {
  }

  h1#site-name, div#site-name /* The name of the website */
  {
    margin: 0;
    font-size: 2em;
    line-height: 1.3em;
  }

  #site-name a:link,
  #site-name a:visited
  {
    color: #000;
    text-decoration: none;
    
    /* move the text off the page, since we have the logo. */
    margin-left:-5000px;
  }

  #site-name a:hover
  {
    text-decoration: underline;
  }

/** main (container for everything else) **/
  #main
  {
  	margin-top:65px;
  }

  #main-inner
  {
  }

  #content
  {
  	background:#fff;
  }

  #content-inner
  {
  	position:relative;
  	margin-bottom:50px;
  }
  
  #content-header /* Wrapper for breadcrumb, title, messages, tabs, and help */
  {
  	margin:0;
  	margin-top:20px;
  	padding:0;
  	position:relative;
  	line-height:22px;
  	vertical-align:baseline;
  	padding-bottom: 10px;
  	
  	/*overflow: hidden;*/
  }
  #content-header.no-tabnav {
	border-bottom: 1px dashed #1a206d;
  }
  	#content-header h1
  	{
  	  line-height:22px;
  	  float: left;
  	  display: inline;
  	}

  .with-navbar #content, .with-navbar #sidebar-left
  {
    margin-top: 20px;
  }

  .breadcrumb /* The path to the current page in the form of a list of links */
  {
    padding-bottom: 0; /* Undo system.css */
    display:inline;
  }
  #bread-crumb /* custom aurora_pillars id for breadcrumb */
  {
  /*	position:absolute;
  	right:20px;
  	top:0;*/
  	height:15px;
    float: right;
    margin-right: 20px;
    display: inline;
    font-size: 11px;
    line-height:19px;
  }
  #bread-crumb, #bread-crumb a
  {
  	color:#939598;
  }

  h1.title, /* The title of the page */
  h2.title, /* Block title or the title of a piece of content when it is given in a list of content */
  h3.title /* Comment title */
  {
    color: #e99619;
    margin: 0 20px;
  }
  h1.title
  {
  	font-size: 20px;
  	font-weight: 50;
  	overflow: visible:
  }

  #content-area /* Wrapper for the actual page content */
  {
  	margin:20px;
  }

/** navbar **/
  #navbar
  {
  	overflow: visible;
  	position: relative;
  	z-index: 100;
  	height: 45px;
  	padding-bottom: 20px;
  	
  	background: #fff;
  	border-radius: 0 0 8px 8px;
  	-moz-border-radius: 0 0 8px 8px;
    -webkit-border-radius: 0 0 8px 8px;
    -khtml-border-radius: 0 0 8px 8px;
  }

/** Drupal blocks **/
  .block /* Block wrapper */
  {
    margin: 0;
  }

/** content elements **/
h2
  {
  	color: #1c2674;
  	font-size:17px;
  	margin-bottom: 0;
  }
h3 {
  	color: #1c2674;
  	font-size:15px;
	margin-bottom: 0;
}
h2 a, h2 a:link, h2 a:active, h2 a:visited
  {
  	color: #1c2674;
  	font-size:17px;
  }
h2 a:hover, h2 a.orange-link:hover
  {
	color: #8d92b9;
}

#main .content p
{
	margin-top: 0;
}

/** Define global shadow **/
#header, #content, #navbar, #sidebar-left, .channel-spotlight
{
   	box-shadow: 3px 3px 3px #555;
   	-moz-box-shadow: 3px 3px 3px #555;
   	-webkit-box-shadow: 3px 3px 3px #555;
   	-khtml-box-shadow: 3px 3px 3px #555;
}
/* Turn some links into blue buttons */
/* Columns */
.column-set
{
	overflow: hidden;
}
.left-column, .right-column {
	padding-bottom: 1000px;
	margin-bottom: -1000px;
}
#main .left-column, #main .right-column
{
	width: 294px;
}
.left-column
{
	float: left; display: inline;
	border-right:1px dashed #1a206d;
	padding-right: 20px;
}
.column-set .no-line
{
	border: none;
}
.right-column
{
	float: right; display: inline;
	padding-left: 20px;
}

/* Regular text formatting */
.content p, .content ul
{
	margin-bottom:10px;
}

/* this hides the clear divs that are really just for ie6 */
.ie6-clear
{
	display: none;
}

hr {
	border: none;
	border-top: 1px solid #1a206d;
	margin-top: 10px;
}
hr, .bottom-section {
clear: both;
}
#content-inner {
	*border-bottom:1px solid #fff;
}
#page {
	overflow: hidden;
	padding-right: 10px;
}

.no-tabnav {
	overflow: hidden;
}


h3 {
color: #6D6E71;
}
#content-header {
display:none;
}
#navbar-inner {
background:#fff;
}

#content {
background: #fff;
overflow: visible;
border-radius: 8px 8px 8px 8px;
-webkit-border-radius: 8px 8px 8px 8px;
-moz-border-radius: 8px 8px 8px 8px;
-khtml-border-radius: 8px 8px 8px 8px;

box-shadow: 3px 3px 3px #555;
-moz-box-shadow: 3px 3px 3px #555;
-webkit-box-shadow: 3px 3px 3px #555;
-khtml-box-shadow: 3px 3px 3px #555;

margin-bottom: 20px;
}

#content-inner {
margin: 20px;
}

.ieShadow {
z-index: -1000;
}

hr {
margin: 20px 0;
}