/*
Head First Rocks CSS
*/

            html {
              padding : 0;
              margin : 0;
            }

            body {
              text-align: left;
              padding: 0;
              margin : 0;
              background-color : black;
              font: 62.5%  Arial, Helvetica, sans-serif;
            }

            div {
              margin : 0;
              padding : 0;
            }

            p {
              margin : 0px 0px 12px 0px;
              padding : 0;
            }

            span {
              margin : 0;
              padding : 0;
            }

            img {
              border: none;
              padding : 0;
              margin : 0;
              background-color : none;
            }

            a img {
              border : none;
            }


            hr {
              background: #cdcfd0;
              border: 0;
              color: #cdcfd0;
              height: 1px;
              margin: 0 0 10px 0;
            }

            ul {
              margin : 0 0 12px 5px;
              padding : 0 0 0 0px;
              list-style-type : square;
              color : black;
              list-style-position: inside;
            }

            li {
              margin : 0 0 4px 5px;
              padding : 0;
            }

            li ul {  
              margin-top : 5px;
              margin-left : 15px;
              list-style : disc;
            }

            blockquote {
              border-top : 4px solid #067ab4;
              margin: 0 0 12px 0;
              padding: 10px 15px 10px 15px;
              background: #e8e8e8;
              font-size : 1.2em;
              line-height : 1.3em;
              color : black  ;
              }

            form {
              padding : 0;
              margin : 0;
            }

            fieldset {
              margin : 0;
              padding : 0;
              border : none;
            }

           label {
              margin : 0;
              padding : 0;
            }

            input {
              margin : 0 0 5px 0;
              padding : 0;
              vertical-align : middle;
            }

            input.button {
              font-weight : bold;
              color : #666666;
              font-size : 1.2em;
              padding : 1px 3px 1px 3px;
              vertical-align : top;
             }

            input.input-box {
              vertical-align : middle;
              padding : 1px;
            }

            .radio-button {
              margin-right : 3px;
              vertical-align : middle;
            }

            select {
              margin : 0;
              padding : 0;
               vertical-align : middle;
            }


            table {
              padding : 0;
              margin : 0 0 12px 0;
              border-collapse : collapse;
              clear : both; 
            }


            h1, h2, h3, h4, h5, h6 {
              margin : 0;
              padding : 0;
              margin-bottom : 5px;
              color : black;
              font-weight : bold;
            }

            h1 {
              font-size : 3.0em;
              font-weight : normal;
              color : #067ab4;
            }

            h2 {
              font-size : 2.2em;
              font-weight : normal;
              color : #067ab4;
              margin-left : -1px;         
              border-color :  #067ab4;
            }

            h3 {
              font-size : 1.8em;
              font-weight : normal;
              border-color : black;
            }

            h4 {
              font-size : 1.4em;
            }

            h5 {
              font-size : 1.3em;
            }

            h6 {
              font-size : 1.1em;
              letter-spacing : .5px;
              color : #666666;
              font-weight : bold;
              margin-bottom : 0;
            }

            h2.underline {
              border-bottom : 4px solid;
              padding-bottom : 2px;
            }

            h3.underline {
	border-bottom : 4px solid;
	padding-bottom : 2px;
	background-color: #000000;
            }

            small {
              font-size : 85%;
              color : #66FFFF;
            }

            a:link    { color: #CCCCCC; text-decoration: none; font-weight : normal; }
            a:visited { color: #CCCCCC; text-decoration: none; font-weight : normal; }
            a:hover   { color: #000000; text-decoration: none; background-color:#CCCCCC; font-weight :bold; }
            a:active  { color: #FFCC33; text-decoration: none; font-weight : normal; }

            a img     { border : 0; }

            #page-wrapper {
              margin: 0 auto 0 auto;
              padding : 0;
              text-align: center;
              width: 768px;
              border-left : solid 1px #cdcfd0;
              border-right : solid 1px #cdcfd0;
              border-bottom : solid 1px #cdcfd0;
            }

            #header {
              position : relative;             
              margin : 0px;
              padding : 0;
              height : 102px;
              background-position: top left;
              background-repeat: no-repeat;
            }

            #header #title {
              margin : 0;
              padding : 0;
              position : absolute;
              right : 0;
              top : 0;
            }

            #header .nav-bar {
	position : absolute; 
	bottom : -31px; 
	list-style-type : none;
	margin : 0 0 0 0;
	padding : 0 5px 5px 15px;
	text-align : left;
	width: 736px;
	left: 1px;

            }

            #header .nav-bar li {
              margin : 0 15px 0 10px;
              padding : 0;
              display : inline;
              color : #CCCCCC;
              font-size : 1.2em;
              font-weight : bold;
              float : left;
            }

            #header .nav-bar li a {
              color: #CCCCCC;
              text-decoration: none;
              float: left;
              display: block;
            }

            #header .nav-bar li a:link     { color: #CCCCCC; text-decoration: none; font-weight: bold; }
            #header .nav-bar li a:visited  { color: #CCCCCC; text-decoration: none; font-weight: bold; }
            #header .nav-bar li a:hover    { color: #000000; text-decoration: none; background-color:#CCCCCC; font-weight: bold; }
            #header .nav-bar li a:active   { color: #CCCCCC; text-decoration: none; font-weight: bold; }

            #header .nav-bar li.current a  { color : black; }

            #banner {
              text-align : center;
            }


            #column-wrapper {
              width : 768px;
              margin : 10px 0 0 0;
              padding : 0;
            }

            .inner {
			  margin : 10px 15px 15px 15px;
              padding : 0;
            }

           .inner p {
	font-size : 1.3em;
	line-height : 1.3em;
	background-color: #000000;
           }

           .inner li {
             font-size : 1.3em;
             line-height : 1.3em;
           }

           .inner li li {
             font-size : .9em;
           }

            #content {
              width : 765px;
			  float : left;
              display : inline;
              padding : 0;
              margin : 0;
            }


            #footer-wrapper {
              clear: both;  
            }

            #footer {
              background-color : #666666;
              color : #CCCCCC;
              padding : 5px 5px 5px 0px;
              font-size : 1em;
            }

            #footer a:link      { color: white; text-decoration: none; }
            #footer a:visited   { color: white; text-decoration: none; }
            #footer a:hover     { color: white; text-decoration: underline; }
            #footer a:active    { color: white; text-decoration: none; }

            #footer .nav-bar {
              padding : 0;
              margin : 0;
            }

            #footer .nav-bar li {
              margin : 0;
              padding : 0;
              display : inline;
              border-right : 1px solid white;
              float : left; 
              font-size : 1.1em;
            }

            #footer .nav-bar li a {
              margin : 0;
              padding : 0 10px 0 10px; 
              display : block; 
              float : left; 
            }

            #footer p {
              font-size : 1.1em;
              margin-left : 5px;
            }

            #footer .text {
              margin : 0;
              padding : 0;
              text-align : right;
            }


            .table-style {
              background-color : #000000;
              color : black;
              padding : 0;
              margin : 0 0 13px 0;
              border-collapse : collapse;
              width : 100%;
              clear : both;  
            }

            .table-style th, .table-style td {
              background-color : #000000;
              margin : 0;
              border : 1px solid #cdcfd0;
              padding : 3px;
              color : #666666;
            }

            .table-style th h5 {
              margin-bottom : 0;
            }

            .two-columns {
	width : 100%;
	margin-bottom : 0px;
	background-color: #000000;
            }

            .two-columns td {
              background-color : #000000;
              margin : 0;
              border : none;
              padding : 0px;
              color : black;
              vertical-align: top;
            }

            .two-columns .column-padding {
              padding-right : 20px;
            }

            #content .nav-quadrant {
              margin-top : 18px;
              width : 510px;
              clear : left;
            }

            #content .nav-quadrant dl {
              margin : 0 40px 30px 0;
              width : 209px;
              float : left;
              display : inline;   
            }

            #content .nav-quadrant dt {
              font-size : 1.8em;
              margin: 0 0 3px 0;
              padding: 0;
              font-weight : normal;
            }

            #content .nav-quadrant dd {
              margin : 0;
              padding : 0;
            }

            #content .nav-quadrant dd.caption {
              color : #666666;
              font-size : 1.1em;
              margin : 10px 0px 0px 5px;
            }

            #content .nav-quadrant a {  
              text-decoration : none;
            }

            #content .nav-quadrant dd.caption a:hover { text-decoration : underline; }

            #content .nav-quadrant .green dt a    { color: #6dbb44; }   
            #content .nav-quadrant .red dt a      { color: #b30a3c; }
            #content .nav-quadrant .purple dt a   { color: #810a7e; }
            #content .nav-quadrant .orange dt a   { color: #ff850d; }
            #content .nav-quadrant .navy dt a     { color: #0c2577; }

            .inner .nav-list {
              list-style-type : none;
              margin : 0 0 13px 0;
              padding : 0;
              list-style-position : outside;
            }

            .inner .nav-list li {
              list-style-type : none;
              background-image : none;
              list-style-image: none;
              font-size : 1.2em;
              color : #838383;
              text-align : left;
              border-bottom : #cdcfd0 solid 1px;
              margin : 0;
              padding : 0;
            }

            .inner .nav-list li a {
              margin : 0;
              padding : 5px 0 5px 0;
              display : block;
            }

            .inner .nav-list li a:link    { color: #666666; text-decoration: none; font-weight : normal; }
            .inner .nav-list li a:visited { color: #666666; text-decoration: none; font-weight : normal; }
            .inner .nav-list li a:hover   { color: black; text-decoration: underline; font-weight : normal; }
            .inner .nav-list li a:active  { color: #666666; text-decoration: none; font-weight : normal; }

            .inner .nav-list li.current a { color: black; font-weight: bold;}

             /* nav-list third-tier navigation */

            .inner .nav-list .submenu {
              margin-top : -5px;
              margin-left : 0px;
              padding-left : 0;
              list-style-type : square;
              list-style-position: inside;
              margin-bottom : 5px;
            }

            .inner .nav-list .submenu li {
              list-style-type : square;
              border : none;
              padding : 2px 5px 2px 5px;
              color : #666666;
              margin-left : 0;
            }

            .inner .nav-list .submenu li.submenu-current {
              background-color : #e8e8e8;
              color : black;
            }

            .inner .nav-list .submenu li.submenu-current a {
              color : black;
            }

            .inner .nav-list .submenu li a {
              margin : 0;
              padding : 0;
              display : inline;
              color : #666666;
              font-weight : normal;
            }

            .inner .feature {
              margin-top : 20px;
              margin-bottom : 25px;
            }

            .sidebar-panel {
               background-color : #e8e8e8;
               padding : 5px 5px 5px 5px  ;
               color : #666666;
               margin : 10px 5px 10px 5px;
              }

            .sidebar-panel h5 {
              background-color : #000000;
              color : white;
              padding : 2px 5px 2px 5px;
              font-weight : bold;
            }

            .sidebar-panel h6 {
              margin-bottom : 0;
            }

            .sidebar-panel p {
              margin : 0 9px 10px 5px;
            }

            .sidebar-panel form {
              margin-left : 5px;
            }

            .sidebar-panel ul {
              margin-left : 3px;
            }

            .sidebar-panel li {
              color : #067ab4;
            }

            .left       { float: left; }
            img.left    { margin: 0 10px 10px 0; }

            .right      { float: right; }
            img.right   { margin: 0 0 10px 10px; }

            .center     { text-align: center; }

            .centered   { display: block; margin: 0 auto 10px auto; }

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

            .hidden     { display: none; }

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

            .no-border  { border: none; }

            .clear      { clear: both; }

/* utility colors */

            .green          { color : #6ebb0d; border-color : #6ebb0d; }
            .light_green    { color : #00FF00; border-color : #00FF00; }
            .red            { color : #b30a3c; border-color : #b30a3c; }
            .purple         { color : #810a7e; border-color : #810a7e; }
            .navy           { color : #0c2577; border-color : #0c2577; }
            .orange         { color : #ff850d; border-color : #ff850d; }
			.black          { color : #000000; border-color : #000000; }
            .white          { color : #ffffff; border-color : #ffffff; }
            .gray           { color : #666666; border-color : #666666; }
            .blue           { color : #067ab4; border-color : #067ab4; }
            .light_blue     { color : #00FFFF; border-color : #00FFFF; }
            .med_blue       { color : #0099FF; border-color : #0099FF; }			
            .dark_blue      { color : #0033FF; border-color : #0033FF; }
            .accent         { color : #CCCCCC; border-color : #CCCCCC; }
			.head001        { color : #FFCC33; border-color : #FFCC33; font-size:large; }

            .reverse        { color : #ffffff  ; background-color : #999999; padding: 2px 5px 2px 5px; font-weight : bold; }

            li li { font-size:1em  ; }

            li li, li p, blockquote p, blockquote li {font-size:1em  ; }