/* RIAI Good Practice Guide CSS Document */
* {
	margin:0;
	padding:0;
	}
body {
	font-family: verdana, helvetica, sans-serif;	
	padding: 0;	
	margin:0;	
	font-size:76%;
	background: #34618a url(../../i/bg1.gif) top left repeat; 	
	color:#333;
	}
.green {
       color:#336699;
       }
.green-em {
      color:#336699;
      font-style: italic;
       }
.black {
      color:#000;
     }
div#super-nav {
	background:#2e2e30 url(../i/riai-topbar.gif) top left repeat-x;
text-align:right;
	width:100%;
display:block;
	color:#fff;
	font-size:10px;


	}
#super-nav p {padding:6px 2em;}
img.network {float:left; padding: 0 33px 0 50px;display:inline;}
#h-img {
	background:#2e2e30 url(../i/riai-topbar.gif) top left repeat-x;
	width:100%;
height:26px;
}
#wrap {
        clear:both;
	width:790px; 
 	background: ;
	margin: 0 auto 0 auto;
	/*border-left:10px solid #993232;*/
	}
div#t-left {float:left;}	
	
div#t-left h6 {
	margin:0;
	padding:0;
	text-indent:-9999px;
	}
div#t-left h6.network a {
	background: url(../i/riai-topbar-logo.gif) no-repeat;
	float:left;
	width: 156px;
	height: 26px;
	display: block;
	text-decoration: none;
	}
div#t-left h6.network a:hover {
	float:left;
	background: url(../i/riai-topbar-logo.gif) 0 -26px no-repeat;
	}	
div#t-left form {
	padding-top:5px;
	margin-left:165px;
	}

div#t-left .select {
 background-color: #ccc;
 font-size: 9px;
 color: #333;
 } 		
/* Header
------------------------------------------------------------------*/
#header {


	}

#header h1 {
	margin:0;
	padding:0;
	text-indent:-9999px;
	}
#header h1 a {
	background: url(../i/gpg-logo.gif) no-repeat;
	float:left;
	width: 304px;
	height: 96px;
	display: block;
	text-decoration: none;
	}
#header h1 a:hover {
float:left;
	background: url(../i/gpg-logo.gif) 0 -96px no-repeat;
	}
#header h6 {
	margin:0;
	padding:0;
	text-indent:-9999px;
	}
#header h6 a {
	background: url(../i/riai-logo.gif) top right no-repeat;
	float:right;
	width: 100px;
	height: 100px;
	display: block;
	text-decoration: none;
	}
#header h6 a:hover {
float:right;
	background: url(../i/riai-logo.gif) 0 -100px no-repeat;
	}
div.search {
float:right;
       /*margin-top: -28px;*/
padding:0 5px 5px 5px;
	background:#2e2e30 url(../i/search-bg.gif) bottom left no-repeat;
	font-size:10px;
       }
h4.purchase {
	text-indent:-9999px;
	background: url(../i/purchase-button.gif) bottom left no-repeat;
	height:26px;
	}
h4.purchase a {
	background: url(../i/purchase-button.gif) no-repeat;
	width: 191px;
	height: 26px;
	display: block;
	text-decoration: none;
	margin-bottom:15px;
	}
h4.purchase a:hover {
	background: url(../i/purchase-button.gif) 0 -26px no-repeat;
	}
/* Layout 
------------------------------------------------------------------*/
body#index-page #content {
	width: 100%;
	background: url(../i/index-content-bg.gif) top left repeat;
	margin:0;	
	}
#content {
	background: #fff url(../i/content-bg.gif) top right no-repeat;
	float: right;
	width: 100%;
	}
h2.s0, h2.s1, h2.s11, h2.s12, h2.s2, h2.s21, h2.s3, h2.s31, h2.s4, h2.s41, h2.s42, h2.s43, h2.s44, h2.s45, h2.s46, h2.s5, h2.s51, h2.s52, h2.s6, h2.s61, h2.s62, h2.s7, h2.s71, h2.s72, h2.s73, h2.s74, h2.s75, h2.s8, h2.s81, h2.s82, h2.s83, h2.s84, h2.s85, h2.s9, h2.s91, h2.s92, h2.s10, h2.s101, h2.s102, h2.s103, h2.s104, h2.s105, h2.s106, h2.s107 {
	float:right;
	color:#fff;
	width: 240px;
	height: 155px;
	display: block;
	text-decoration: none;
	padding:25px 0 0 0px;
	text-indent:-9999px;
	} 
h2.s0 {
	background: url(../i/s0.gif) top left no-repeat;
	}
h2.s1 {
	background: url(../i/s1.gif) top left no-repeat;
	}
h2.s11 {
	background: url(../i/s11.gif) top left no-repeat;
	} 
h2.s12 {
	background: url(../i/s12.gif) top left no-repeat;
	} 
h2.s21 {
	background: url(../i/s21.gif) top left no-repeat;
	} 
h2.s31 {
	background: url(../i/s31.gif) top left no-repeat;
	} 
h2.s41 {
	background: url(../i/s41.gif) top left no-repeat;
	} 
h2.s42 {
	background: url(../i/s42.gif) top left no-repeat;
	} 
h2.s43 {
	background: url(../i/s43.gif) top left no-repeat;
	} 
h2.s44 {
	background: url(../i/s44.gif) top left no-repeat;
	} 
h2.s45 {
	background: url(../i/s45.gif) top left no-repeat;
	} 
h2.s46 {
	background: url(../i/s46.gif) top left no-repeat;
	} 
h2.s51 {
	background: url(../i/s51.gif) top left no-repeat;
	} 
h2.s61 {
	background: url(../i/s61.gif) top left no-repeat;
	} 
h2.s62 {
	background: url(../i/s62.gif) top left no-repeat;
	}	
h2.s71 {
	background: url(../i/s71.gif) top left no-repeat;
	}
h2.s72 {
	background: url(../i/s72.gif) top left no-repeat;
	}  
h2.s73 {
	background: url(../i/s73.gif) top left no-repeat;
	} 
h2.s74 {
	background: url(../i/s74.gif) top left no-repeat;
	} 
h2.s75 {
	background: url(../i/s75.gif) top left no-repeat;
	} 
h2.s81 {
	background: url(../i/s81.gif) top left no-repeat;
	} 
h2.s82 {
	background: url(../i/s82.gif) top left no-repeat;
	} 
h2.s83 {
	background: url(../i/s83.gif) top left no-repeat;
	} 
h2.s84 {
	background: url(../i/s84.gif) top left no-repeat;
	} 
h2.s85 {
	background: url(../i/s85.gif) top left no-repeat;
	} 
h2.s91 {
	background: url(../i/s91.gif) top left no-repeat;
	} 
h2.s92 {
	background: url(../i/s92.gif) top left no-repeat;
	} 
h2.s101 {
	background: url(../i/s101.gif) top left no-repeat;
	} 
h2.s102 {
	background: url(../i/s102.gif) top left no-repeat;
	} 
h2.s103 {
	background: url(../i/s103.gif) top left no-repeat;
	} 
h2.s104 {
	background: url(../i/s104.gif) top left no-repeat;
	} 
h2.s105 {
	background: url(../i/s105.gif) top left no-repeat;
	} 
h2.s106 {
	background: url(../i/s106.gif) top left no-repeat;
	} 
h2.s107 {
	background: url(../i/s107.gif) top left no-repeat;
	} 

 
#footer {
	clear: both;
	background: #1f1e1e url(../i/footer.gif) bottom left no-repeat;
	text-align:center;	
	height:25px;
	padding:5px;
	}
#sub-footer {
	background:transparent;
display:block;
        width:780px;
	color:#EBEEEF;
	margin:0 auto 0 auto;
	padding:5px;
display:none;
	}
#sub-footer p {

	line-height: 1.4em;
	padding: 0.3em 0em 0.3em 0em;
        text-align:justify;
	}
/* gutters */

#content .gutter {
	padding: 75px 180px 25px 25px;
 
	}
#sidebar .gutter, #sidebar-2 .gutter {
	padding: 15px;
 
 
	}



/* general link styles 
------------------------------------------------------------------*/

	a	{
		color:#59a8f8;
		/*font-weight:bold;33cc00*/
		text-decoration: underline;
		background-color: transparent;
		}

	a:link	{
		color:#59a8f8;
		text-decoration: underline;
		background-color: transparent;
		} 

	a:visited	{
		color:#59a8f8;
		text-decoration: underline;
		background-color: transparent;
		} 

	a:active	{ 
  		color:#59a8f8;
		text-decoration:underline;
		background-color: transparent;
		} 

	a:hover		{ 
		color:#33cc00;
		text-decoration: none; 
		background-color: transparent;
		}
/* Super + Footer Links */
	a.super, a.ft-link	{
		color:#fff;
		/*font-weight:bold;*/
		text-decoration: none;
		background-color: transparent;
		}

	a.super:link, a.ft-link:link	{
		color:#fff;
		text-decoration: none;
		background-color: transparent;
		} 

	a.super:visited, a.ft-link:visited	{
		color:#fff;
		text-decoration: none;
		background-color: transparent;
		} 

	a.super:active, a.ft-link:active	{ 
  		color:#fff;
		text-decoration:underline;
		background-color: transparent;
		} 

	a.super:hover, a.ft-link:hover		{ 
		color:#fff;
		text-decoration:underline; 
		background-color: transparent;
		}
/* Content 2 Links */
	a.c2, a.ft-link	{
		color:#46ab24;
		/*font-weight:bold;*/
		text-decoration: none;
		background-color: transparent;
		}

	a.c2:link	{
		color:#59a8f8;
		text-decoration: none;
		background-color: transparent;
		} 

	a.c2:visited	{
		color:#59a8f8;
		text-decoration: none;
		background-color: transparent;
		} 

	a.c2:active { 
  		color:#59a8f8;
		text-decoration:underline;
		background-color: transparent;
		} 

	a.c2:hover { 
		color:#59a8f8;
		text-decoration:underline; 
		background-color: transparent;
		}
 
/* --------------------------------------------- Typography ------------ */ 
h1, h2, h3, h4, h5, h6 {
	/*font-family:"Courier New", Courier, monospace;*/

	line-height: 1.5em;
	color:#34618a;
}

h2 {
	font-size: 1.1em;
        font-weight:bold;
}

h3 {
/*	display: block;*/
	font-size: 1.3em;
}

h4 {
        margin-top:0.5em;
	font-size: 1.2em;
 
}

h5 {
	font-size: 1.1em;
}
h6 {
	font-size: 1em;
}
img {
	border: none;
	}
#content ul, #content li {
	font-size: 1.0em;
	line-height: 1.4em;
	margin-top: 0.2em;
	margin-bottom: 0.3em; 
	margin-left: 0.5em;
	} 
#content ol, #content ol li {
        list-style-type: lower-alpha;
	font-size: 1.0em;
	line-height: 1.4em;
	margin-top: 0.2em;
	margin-bottom: 0.3em; 
	margin-left: 0.8em;
	} 


#content p {
	font-size: 1.0em;
	line-height: 1.4em;
	margin: 0.6em 0em 0.8em 0em;
	}
li > p {
	margin-top: 0.2em;
	}
p.right {
	text-align:right;
	}
#footer p {
	line-height: 1.8em;
	margin: 0;
	padding: 0;
	font-size: 9px;
	color: #fff; 
	}
pre {/*moz 1.0/1.1/1.2.1, net 7.0/7.01 make this way too small, but i'm not going to go larger because monospace tends to run you into overflow pretty quick. prior moz and net are okay.*/
	font-family: monospace;
	font-size: 1.0em;
	}
strong, b {
	font-weight: bold;
	}

/*  IE fixes */
#content, #sidebar {
	height: 1%;
	}
	
/* Hides from IE/Mac \*/
* html .feature { 
	height: 1%; 
	}
#footer {
	height: 1%;
	}

	
/* Images */

img.index-image {
	border:none;
	margin:0;
	padding:0;
	}
img.index-image-left {
	float:left;
	border:none;
	margin:0;
	padding:0;
	}
img.article {
	float:right;
	border: 9px solid #fffdf3;
	margin: 0 0 1em 1em;
	}
	
/* Forms */
.fields {
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #34618a;
	padding-left:5px;
	background-color:#f4f9fe;
	border: #34618a 1px solid; 
	}
	
input.submit {
	background:url(../i/search.gif) bottom center no-repeat;
	text-indent:-99999px;
border:none;
width:20px;
height:20px;
margin-left:5px;
margin-right:5px;
	color:#fff;
	}
input.submit:hover { cursor:pointer;}
/* Contents Definition List */
dl { 
        margin-left:100px;
       }
dl dt {
	margin-top:1em;
	font-weight:bold;
	}
dl dd {
	margin-left:2em;
	margin-top:1em;
margin-bottom: 0.5em:
         }
dd.flag {
        margin-left:-100px;
        text-align:left;
       background: url(../i/flag-bg.gif) top left no-repeat; 
        color:#fff;
		border-top: 1px solid #34618a;
        width:100px;  
       margin-bottom:-38px;      
padding-left: 5px;
}
dd.flag p {
  font-size:9px;
  display:block;}





/*-------------------------------------
 	SiteNav
---------------------------------------*/
#siteNav {
width:790px;
clear:both;
border-bottom:1px solid #fff;
}

#siteNav ul {
list-style:none;
	margin-left:			0px;
	padding-top:			4px;
	z-index:				1;

}

#siteNav li {
	float:					left;
	position:				relative;
	top:					0;
	left:					0;
}

#siteNav li a {
	padding:				6px 6px 6px 4px;
}

#siteNav li.current a {
	margin-bottom:			-1px;
}

#siteNav li ul {
	display:				none;
	position:				absolute;
	top:					0;
	left:					0;
	margin:					0;
	padding:				0;
}

#siteNav ul:after {
    content:				"."; 
    display:				block; 
    height:					0; 
    clear:					both; 
    visibility:				hidden;	
}

#siteNav li ul li ul {
	position:				relative;
}

#siteNav li ul li {
	width:					325px;
}

#siteNav li > ul {
	top:					auto;
	left:					auto;
}

#siteNav li:hover ul {
	display:				block;
}

#siteNav li.current ul {
	padding-bottom:			1px;
}

#siteNav li {
	font-size:				10px;
	text-align:				center;
}

#siteNav li li {
	text-align:				left;
}

#siteNav li li li {
	text-indent:			10px;
}

#siteNav a {
	text-decoration:		none;
	display:				block;
}

#siteNav {
	background:				 url(/images/design/nav_bg.gif) top left no-repeat;
/*border-bottom: 3px solid  #000;*/
margin-bottom:3px;
}

#siteNav li {
}

#siteNav li a:link, #siteNav li a:visited {
	background:				transparent url(/images/design/site_nav_borders.gif) bottom right no-repeat;
	color:					#fff;
text-transform:uppercase;
font-weight:bold;
}


#siteNav li a:hover {
	background:				#f4f9fe/*f7fef4*/ url(/images/design/site_nav_hover_bg.gif) bottom left repeat-x;
	color:					#267bc8/*46a24b*/;
	border-left:			1px solid #267bc8/*C2DFBC*/;	
}

#siteNav li.current a:link, #siteNav li.current a:visited {
	background:				#f4f9fe/*f7fef4*/ url(/images/design/site_nav_current_bg.gif) bottom left repeat-x;
	color:					#333;
	border-bottom:			1px solid #d7e5ed;
}

#siteNav li ul, #siteNav li.current ul {
	border-left:			1px solid #267bc8/*C2DFBC*/;
	border-bottom:			1px solid #267bc8/*C2DFBC*/;
	border-right:			1px solid #267bc8/*C2DFBC*/;
}

#siteNav li ul li ul, #siteNav li.current ul li ul {
	border:					0;
}

#siteNav li ul li a:link, #siteNav li ul li a:visited, #siteNav li.current ul li a:link, #siteNav li.current ul li a:visited {
	background:				#f4f9fe/*f7fef4*/ url(/images/design/site_nav_dropdown_bg.gif) top left repeat-x;
	color:					#267bc8/*46ab24*/;
}

#siteNav li ul li a:hover, #siteNav li.current ul li a:hover {
	background-color:		#baced7/*C4D7BA*/;
	color:					#267bc8/*46ab24*/;
}

#siteNav li li li a:link, #siteNav li li li a:visited,
#siteNav li.current li li a:link, #siteNav li.current li li a:visited {
	background-image:		none;
	color:					#6B9B58;
}

#siteNav li.over {
	color:					yellow;
	border:					1px solid red;
}
/* Main navigation "active tabs"
------------------------------------------------------------------*/

body#I-page #I {background: #baced7/*C4D7BA*/; }
body#PP-page #PP {background: #baced7/*C4D7BA*/; }
body#AFP-page #AFP {background: #baced7/*C4D7BA*/; }
body#MP-page #MP {background: #baced7/*C4D7BA*/; }
body#A-page #A {background: #baced7/*C4D7BA*/; }




/* Tables especially 10.1 */

table {
	width:100%;
 
		margin:1em 0em 1em 100px;
		border-collapse:collapse;
	}
caption {
	color: #A1B49B;
	font-size:10px;
		letter-spacing:.1em;
		margin:1em 0 0 0;
		padding:0;
		caption-side:top;
		text-align:center;
	}	
tr.odd td	{
	background:;
	}

td {
	color:#333;
		font-size:10px;
	background:#F7FEF4;
	border-right:4px solid #fff;
	border-bottom:1px dotted #fff;
	padding:.3em 1em .5em 1em;
	text-align:left;
	vertical-align:top;
	}				
th {
	font-weight:bold;
	color: #31A50A;
	text-align:left;
/*	border-bottom: 1px solid #EBF8E5;*/
	border-right:4px solid #fff;
	padding:.3em 1em;
	}							
thead th {
	background:#dde9d9;
	text-align:center;
	font:bold 10px;
	color:#31A50A;
	}	
tfoot th {
	text-align:center;
	background:#333;
	}	
tfoot th strong {
	font:bold 1.2em;
	margin:.5em .5em .5em 0;
	color:#87D366;
		}		
tfoot th em {
	color:#f03b58;
	font-weight: bold;
	font-size: 1.1em;
	font-style: normal;
	}
/* Final Elements */

ul.how-to {
	list-style-type:none;
	}
h2.how1 {padding-top:2em;}

.flag1 {background:#34618a; padding:0.5em 1em 0.5em 1em; color:#fff;}
.flag2 {background:#34618a; padding:0 1em 0 1em; color:#fff;}
dd.top {text-align:right;}

/* 2010 eCommerce */
.cart-container {font-weight:bold;}
.cart-container input {margin:10px;}
.cart-container select {margin:10px 10px 10px 4px;}