/*
Radiance Template - common styles
*/

/* page and body settings */

            * {
              padding : 0;
              margin : 0;
            }


            html {
              padding : 0;
              margin : 0;
            }

            body {
              text-align: left;
              padding: 0 0 0 0;
              margin : 0;
              background-color : #ffffff;
              font: 62.5% Arial, "Georgia", "Times New Roman", Times, serif;
              /* this sets default font-size of 1em = 10px */
              /* for font size changes, style elements one time using ems */
            }

            img {
              border: none;
              background-color : none;
              vertical-align : bottom;
            }

            a img {
              border : none;
            }

/* default links */

            a:link    { color: #000; text-decoration: underline; font-weight : bold; }
            a:visited { color: #000; text-decoration: underline; font-weight : bold; }
            a:hover   { color: #bb0044; text-decoration: underline; font-weight : bold; }
            a:active  { color: #bb0044; text-decoration: underline; font-weight : bold; }
            a:focus   { color: #bb0044; text-decoration: underline; font-weight : bold; }

/* begin page layout */

			#bgd-wrapper { 
			  width : 100%;
              margin-top : 26px;
   			}
			
            #page-wrapper {
              margin: 0px auto 0px auto;
              padding : 0;
              text-align: left;
              width: 772px;                       
            }

/* header */

            #header #logo a {
              display : block;
              background-image: url(../images/main/header.jpg);
              background-position : top left;
              background-repeat : no-repeat;
              width : 772px;
              height : 47px;
            }

            #header #logo a strong {
              position : absolute;
              left : -9999px;
            }

/* primary navigation */

            #primary-nav {
               background-color : #616161;
               float : left;
               width : 772px;
               background-image: url(../images/main/backgrounds/primary-nav-gradient.gif);
               background-position: top left;
               background-repeat : no-repeat;
               height : 35px;
            }

            #primary-nav .nav-bar {
              list-style-type : none;
              height : 29px;
              margin : 3px 0 3px 0;
            }

            #primary-nav .nav-bar li {
              display : inline;
              color : #838383;
              float : left;
              padding-right : 3px;
              background-image: url(../images/main/primary-nav/nav-link-separator.jpg);
              background-position : right top;
              background-repeat : no-repeat;
              height : 29px;
            }
            
            #primary-nav .nav-bar #nav-link-06 {
			  background-image : none;				/* removes separator from last nav-link */
			  padding-right : 0;            
            }

            #primary-nav .nav-bar li a {
              float: left;
              display: block;
              background-position : 0px 0px;
              background-repeat : no-repeat;
              height : 29px;
            
            }

            #primary-nav .nav-bar #nav-link-01 a {
              background-image: url(../images/main/primary-nav/nav-link-01.jpg);
              width : 107px;
            }

            #primary-nav .nav-bar #nav-link-02 a {
              background-image: url(../images/main/primary-nav/nav-link-02.jpg);
              width : 130px;
            }

            #primary-nav .nav-bar #nav-link-03 a {
              background-image: url(../images/main/primary-nav/nav-link-03.jpg);
              width : 130px;
            }

            #primary-nav .nav-bar #nav-link-04 a {
              background-image: url(../images/main/primary-nav/nav-link-04.jpg);
              width : 132px;
            }

            #primary-nav .nav-bar #nav-link-05 a {
              background-image: url(../images/main/primary-nav/nav-link-05.jpg);
              width : 132px;
            }

            #primary-nav .nav-bar #nav-link-06 a {
              background-image: url(../images/main/primary-nav/nav-link-06.jpg);  		     		 /* logon button */
              width : 126px;
            }
            #primary-nav .nav-bar .logout a {
              background-image: url(../images/main/primary-nav/nav-link-06-logout.jpg) !important;   /* logout button */
            }
            
            #primary-nav .nav-bar li a:hover,
            #primary-nav .nav-bar li.current a {
              background-position : 0px -29px !important;
            }

            #primary-nav .nav-bar li a strong {
              position : absolute;
              left : -9999px;
            }           

/* footer */

            #footer-wrapper {
             clear : both;
             width : 100%;
            }

            #footer-wrapper #footer {
             width : 100%;
             position : relative;
            }
            
			/* footer navigation */
			
			#footer .nav-bar {
			  list-style-type : none;
			  text-align : center;
			  padding : 12px 0 35px 0;
			  text-align : right;
			}
			
			#footer .nav-bar li {
			  list-style-type : none;
			  color : #666;
			  font-weight : normal;
			  font-size : 1.2em;
			  display : inline;
			}

			#footer .nav-bar li a {
			  list-style-type : none;
			  color : #666;
			}
			
            #footer .nav-bar li a:link     { color: #666; text-decoration: none; font-weight: normal; }
            #footer .nav-bar li a:visited  { color: #666; text-decoration: none; font-weight: normal; }
            #footer .nav-bar li a:hover    { color: #000; text-decoration: underline; font-weight: normal; }
            #footer .nav-bar li a:active   { color: #000; text-decoration: underline; font-weight: normal; }
            #footer .nav-bar li a:focus    { color: #000; text-decoration: underline; font-weight: normal; }

            #footer .nav-bar li.current a  { color: #000; text-decoration: underline; font-weight: bold; }
            
            #footer .login-link {
              position : absolute;
              top : 12px;
              left : 0;
              font-size : 1.2em;
              color : #000;
            }
            
            #footer .login-link a:link     { color: #000; text-decoration: none; font-weight: normal; }
            #footer .login-link a:visited  { color: #000; text-decoration: none; font-weight: normal; }
            #footer .login-link a:hover    { color: #000; text-decoration: underline; font-weight: normal; }
            #footer .login-link a:active   { color: #000; text-decoration: underline; font-weight: normal; }
            #footer .login-link a:focus    { color: #000; text-decoration: underline; font-weight: normal; }            
			
/* reusable utility code */

            .left       { float: left; }
            img.left    { margin: 5px 15px 6px 0; }

            .right      { float: right; }
            img.right   { margin: 5px 0 6px 15px; }

            .center     { text-align: center; }
            /* this is for using on a block-level container element */
            /* and will center contents inside the container */

            .centered   { display: block; margin: 0 auto 10px auto; }
            /* this is for using on an inline element, such as an image */
            /* and will turn the element block, and center the element within its container */

            .indent     { display:block; margin-left: 20px !important; }

            .hidden     { display: none; }

            .top-border { border-top : 4px solid #067ab4; }

            .no-border  { border: none !important; }

            .clear      { clear: both; }

            .feature {
              margin-top : 20px;
              margin-bottom : 25px;
            }
            
/* print style overrides */

@media print {

            * {
            color : black !important;
            background-image : none !important;
            background-color : transparent !important;
            position : static !important;
            overflow : visible !important;
            }

            a {
            text-decoration : underline !important;
            }

            html, body {
            padding : 0 !important;
            margin : 0 !important; 
            }

            #bgd-wrapper,
            #page-wrapper {
            padding : 0 !important;
            text-align: left;
            width: 700px !important;
            margin : 0 auto 0 auto !important;
            border : none !important;
            }
            
            #header {
             height : auto !important;
             border-bottom : 2px solid black;
             width : 700px;
             padding : 0 !important;
            }
            
            #header h1 {
              font-size : 24px !important;
              font-weight : bold;
            }
            
            #header h1 a {
              text-decoration : none !important;
              display : inline !important;
            }
            
            #header h1 a strong {
              position : static !important;
            }

            #primary-nav,
            #secondary-nav {
              display : none;
            }

            #column-wrapper {
              padding : 0px !important;
              margin : 0 !important;
              width : 100%;
            }

            #sidebar {
              display : none !important;
            }

            #content {
              padding : 0 !important;
              width : 700px !important;
              margin : 0 !important;
            }
            
            #content .inner {
              margin : 10px 0 0 0 !important;
              padding : 0 !important;
            }
            
            #top-panel {
              margin-bottom : 0 !important;
            }
            
            blockquote {
              border : 1px solid black;
              padding-bottom : 5px;
            }
            
            #bottom-panel {
              position : static;
            }

            #footer-wrapper {
              display : none;
            }

			#slideshow-footer {
			  display : none;
			}			

}