/* ========== master styles ========== */

html, body {
 }

body {
 background-color: #121233;
 background-image: url(images/bg_body.gif);
 background-repeat: repeat-x;
 }

img {
 display: block;
 }



/* ========== paragraph styles ========== */

h1 {
 color: #333;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 36px;
 font-weight: normal;
 line-height: 40px;
 margin: 20px 0;
 }

h2 {
 border-bottom: 1px solid #333;
 color: #333;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 24px;
 font-weight: normal;
 line-height: 30px;
 margin: 40px 0 10px 0;
 padding: 0;
 }

h3, h3 a, h3 a:visited {
 color: #009;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 14px;
 font-weight: normal;
 line-height: 18px;
 margin: 20px 0 5px 0;
 padding: 0;
 }

p {
 color: #333;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 14px;
 line-height: 18px;
 margin: 0 0 10px 0;
 padding: 0;
 }



/* ========== link styles ========== */

a, a:visited {
 color: #36C;
 }

a:hover, a:active {
 color: #C00;
 }



/* ========== list styles ========== */


.ul_textsm {
 margin-bottom: 10px;
 padding-left: 20px;
 }

.ul_textsm li {
 color: #333;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 12px;
 line-height: 14px;
 list-style-type: disc;
 margin: 0 0 5px 15px;
 padding: 0;
 }




/* ========== layout elements ========== */

#brand {
 float: left;
 padding-top: 40px;
 width: 360px;
 }

#brand a {
 background-image: url(images/g_logo.jpg);
 background-repeat: no-repeat;
 display: block;
 height: 120px;
 text-indent: -9999px;
 }

.col_01 { float: left; width: 80px; }
.col_02 { float: left; width: 180px; }
.col_03 { float: left; width: 280px; }
.col_04 { float: left; width: 380px; }
.col_05 { float: left; width: 480px; }
.col_06 { float: left; width: 580px; }
.col_07 { float: left; width: 680px; }
.col_08 { float: left; width: 780px; }
.col_09 { float: left; width: 880px; }

#col_left {
 float: left;
 position: relative;
 width: 180px;
 }

#col_right {
 float: right;
 position: relative;
 width: 680px;
 }

#crdbrdedge {
 background-image: url(images/bg_crdbrdedge.jpg);
 background-repeat: no-repeat;
 height: 80px;
 }

#footer {
 background-image: url(images/bg_footer.jpg);
 background-repeat: no-repeat;
 height: 100px;
 }

.gutter {
 float: left;
 padding-right: 20px;
 }

#headbar {
 background-image: url(images/bg_headbar.jpg);
 background-position: center bottom;
 background-repeat: no-repeat;
 height: 120px;
 }

#headbox {
 float: right;
 width: 560px;
 }

#header {}

#headline {
 background-image: url(images/bg_headline.jpg);
 background-repeat: no-repeat;
 float: left;
 height: 300px;
 width: 520px;
 }

#maincontent {
 background-image: url(images/bg_crdbrd.jpg);
 background-repeat: repeat-y;
 padding: 0 20px 20px 20px;
 }

#mast {
 background-image: url(images/bg_mast.jpg);
 background-position: center bottom;
 background-repeat: no-repeat;
 margin: 0 20px;
 padding-bottom: 20px;
 }

#n_head {
 padding-left: 220px;
 }

	#n_head li {
	 display: block;
	 float: left;
	 }

	#n_head a {
	 background-image: url(images/n_head.jpg);
	 display: block;
	 line-height: 40px;
	 text-indent: -9999px;
	 width: 90px;
	 }

	#n_pg_01 a { width: 100px; background-position: 0 0; }
	#n_pg_01 a:hover { background-position: 0 -40px; }
	#n_pg_02 a { width: 150px; background-position: -100px 0; }
	#n_pg_02 a:hover { background-position: -100px -40px; }
	#n_pg_03 a { width: 90px; background-position: -250px 0; }
	#n_pg_03 a:hover { background-position: -250px -40px; }

#pgbg {
 background-image: url(images/bg_pgbg.jpg);
 background-position: top center;
 background-repeat: no-repeat;
 width: 100%;
 }

.pgwidth {
 height: 400px;
 margin: 0 auto;
 width: 920px;
 }

#splash { background-color: #40301A; }

#splashimg {
 background-image: url(images/bg_splashimg.jpg);
 background-repeat: no-repeat;
 float: right;
 height: 300px;
 width: 360px;
 }


/* ========== incidental elements ========== */

.displayoff { display: none; }

#n_articles {
 padding: 220px 0 0 30px;
 }

	#n_articles ul {
	 background-image: url(images/n_articles.jpg);
	 background-repeat: no-repeat;
	 }

	#n_articles li {
	 display: block;
	 float: left;
	 padding-right: 20px;
	 }

	#n_articles a {
	 background-image: url(images/n_articles.gif);
	 background-repeat: no-repeat;
	 display: block;
	 line-height: 60px;
	 text-indent: -9999px;
	 width: 220px;
	 }

	#li_art01 a { background-position: 0px 0; }
	#li_art01 a:hover { background-position: 0 -60px; }
	#li_art02 a { background-position: -240px 0; }
	#li_art02 a:hover { background-position: -240px -60px; }

.p_box {
 border: 1px dashed #666;
 margin: 20px 0;
 padding: 10px 0;
 }

.p_box2 { width: 378px; }

.p_box3 {
 background-color: #333;
 margin: 0 auto;
 width: 360px;
 }

.p_box3 a {
 border: 10px solid #333;
 float: left;
 }

.p_box3 a:hover {
 border: 10px solid #A7B9E2;
 }


.phototag {
 background-image: url(images/g_phototag.jpg);
 background-repeat: no-repeat;
 color: #666;
 display: block;
 font-size: 12px;
 line-height: 20px;
 padding: 90px 0 10px 120px;
 width: 380px;
 text-decoration: none;
 }

#n_splashtags {
 background-image: url(images/bg_splashtags.jpg);
 background-repeat: no-repeat;
 padding: 0 0 10px 20px;
 }

	#n_splashtags li {
	 background-image: url(images/bg_splashtags_li.jpg);
	 background-repeat: no-repeat;
	 display: block;
	 float: left;
	 margin-right: 20px;
	 padding-top: 30px;
	 }

	#n_splashtags #li_st02 { background-position: -130px 0; }
	#n_splashtags #li_st03 { background-position: -260px 0; }
	#n_splashtags #li_st04 { background-position: -390px 0; }
	#n_splashtags #li_st05 { background-position: -520px 0; }
	#n_splashtags #li_st06 { background-position: -650px 0; }

	#n_splashtags a {
	 background-image: url(images/n_splashtags.jpg);
	 background-repeat: no-repeat;
	 display: block;
	 padding-top: 100px;
	 width: 130px;
	 }

	#li_st01 a { background-position: 0px 0; }
	#li_st01 a:hover { background-position: 0 -100px; }
	#li_st02 a { background-position: -130px 0; }
	#li_st02 a:hover { background-position: -130px -100px; }
	#li_st03 a { background-position: -260px 0; }
	#li_st03 a:hover { background-position: -260px -100px; }
	#li_st04 a { background-position: -390px 0; }
	#li_st04 a:hover { background-position: -390px -100px; }
	#li_st05 a { background-position: -520px 0; }
	#li_st05 a:hover { background-position: -520px -100px; }
	#li_st06 a { background-position: -650px 0; }
	#li_st06 a:hover { background-position: -650px -100px; }


/* ========== style classes ========== */

.horizrule {
 border-bottom: 1px dashed #666;
 margin-bottom: 5px;
 padding-top: 5px;
 }

.pack {
 background-image: url(images/bg_pack_mid.gif);
 background-repeat: repeat-y;
 }

	.pack h3 {
	 background-image: url(images/bg_pack_top.jpg);
	 background-repeat: no-repeat;
	 color: #FFF;
	 margin: 0;
	 padding: 18px 26px 5px 26px;
	 }

	.pack ul {
	 background-image: url(images/bg_pack_btm.jpg);
	 background-position: center bottom;
	 background-repeat: no-repeat;
	 padding: 0 20px 35px 20px;
	 }

	.pack li {
	 background-color: #FFF;
	 color: #333;
	 font-family: Verdana, Arial, Helvetica, sans-serif;
	 font-size: 12px;
	 line-height: 14px;
	 list-style-type: none;
	 margin: 0 0 1px 0;
	 padding: 5px 6px;
	 }

.youtube320 {
 border: 1px dashed #666;
 margin: 20px 0;
 padding: 10px 0 10px 30px;
 }

.youtubelinks {
 border-bottom: 1px dashed #666;
 border-left: 1px dashed #666;
 border-right: 1px dashed #666;
 margin: -20px 0 20px 0;
 padding: 10px 30px 1px 0;
 }


/* ========== main navigation ========== */

#n_nav {
 background-color: #FFF;
 background-image: url(images/n_main_btm.jpg);
 background-position: center bottom;
 background-repeat: no-repeat;
 padding-bottom: 110px;
 }

#n_nav ul {
 background-image: url(images/n_main_top.jpg);
 background-repeat: no-repeat;
 padding: 60px 5px 0 5px;
 }

#n_nav li {
 border-left: 1px solid #666;
 border-right: 1px solid #666;
 border-top: 1px solid #666;
 margin: 0;
 }

#n_nav a {
 color: #666;
 display: inline-block;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 12px;
 line-height: 16px;
 margin: 0;
 padding: 5px;
 text-decoration: none;
 }

#n_nav a {
 display: block;
 }

#n_nav a:hover {
 background-color: #A7B9E2;
 color: #333;
 }

.pg_00 #n_pg_00 { background-color: #666; color: #FFF; }
.pg_04 #n_pg_04 { background-color: #666; color: #FFF; }
.pg_05 #n_pg_05 { background-color: #666; color: #FFF; }
.pg_06 #n_pg_06 { background-color: #666; color: #FFF; }
.pg_07 #n_pg_07 { background-color: #666; color: #FFF; }
.pg_08 #n_pg_08 { background-color: #666; color: #FFF; }
.pg_09 #n_pg_09 { background-color: #666; color: #FFF; }






/* ========== IE5.x/Win hacks ========== */

#divname {width: 1000px; voice-family: "\"}\""; voice-family: inherit; width: 800px;}



 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  


 
 /*printer styles*/ 
 @media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}