/* Get A Plan CSS Document */
/* 
Production : Surfaceimpression.com
*/


body {	
	text-align:center;
	margin:0px;
	padding:0px;
	font-family: "Trebuchet MS", verdana, arial;
	display: block;
	top: 0px;
	clear: left;
	line-height:1.5em;
	background-color:#F6F6F6;
}

.clearboth {
	clear:both;
}

img {
	border:0px;
}

a:hover {
	text-decoration: none;
}

.page br{
	line-height:0.5em;
}
.page h2{
	margin-top:0.5em;
}
.page h4{
	margin:0px;
	padding:0px;
}


/* ----- MAIN CONTENT ----- */

#contentwrapper {
	width: 100%;
	background-color: #F6F6F6;
	background-image: url(../images/bg_content.jpg);
	background-repeat: repeat-x;
	padding-bottom: 20px;
	min-height: 500px;
}

#content {
	width:92%;
	margin:auto;
	padding-top: 20px;
	padding-bottom: 20px;
}
#content {
	padding-top: 0px;
}

/*----- CC CONTENT BOXES DEFAULT -----*/

.content0 {
	float: right;
	width: 69%;
	text-align: left;
	margin-bottom: 10px;
	padding-left: 13px;
	border-left-width: 1px;
	border-left-style: dotted;
	border-left-color: #CCCCCC;
}
.content1 {
	float: right;
	width: 70%;
	text-align: left;
	margin-bottom: 10px;
}
.content2 {
	
	margin-bottom: 10px;
	padding-top:1em;
	text-align: left;
	
}




/*----- CC CONTENT BOXES HOME -----*/
#home .content2{
	width:28%;
	_width:25%;
	margin:0px;
	float: right;
}

#home .promo_bigquote .cb {
margin-left:-7px;
font-size:90%;
}
#home .content0 {
	float: left;
	padding-left: 0px;
	padding-top:10px;
		_padding-top:20px;
	border-right-width: 0px;
	border-right-style: dotted;
	border-left-style: none;
	border-right-color: #CCCCCC;
	margin-bottom:0px;
}
#home .content1 {
	float: left;
}

#home .content1 .promo {padding-left:5px;}
















/*----- CC CONTENT BOXES DEPTH 1 -----*/

#depth1 .content0 {
	float: left;
	width: 534px;
	text-align: left;
	margin-bottom: 10px;
}
#depth1 .content1 {
	float: left;
	width: 534px;
	text-align: left;
}
#depth2 .content2 {
	float: right;
	width: 200px;
	margin-top: 10px;
	margin-bottom: 10px;
	text-align: left;
}




/* ----- NAVIGATION ----- */

#navwrapper {
	background-color:#B6D0D9;
	width: 100%;
	border-bottom-width: 4px;
	border-bottom-style: solid;
	border-bottom-color: #95C600;
	background-image: url(../images/nav_bg.gif);
	background-repeat: repeat-x;
}



#navigation {
	width:92%;
	margin:auto;
	text-align: left;
	border-left:1px solid #CCC;
}

#navigation ul {
	list-style: none;
	padding: 0px;
	clear: both;
	text-transform: capitalize;
	text-align:left;
	margin-left:0px;
	margin-top:0px;
	display:block;
	margin-right: 0px;
	margin-bottom: 0px;
	
}
	
#navigation ul li {
	font: 1em "Trebuchet MS", "Lucida Grande", Arial, sans-serif;
	display:block;
	float:left;
	color:#32748C;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCCCCC;

}

#navigation ul .here .depth0 {
	color:#000000;
}

#navigation ul li a {
	color:#000033;
		padding-right: 9px;
	padding-bottom: 6px;
	padding-top: 6px;
	padding-left: 9px;
	display:block;
}

.redsection #navwrapper{
	border-bottom-color: red;
}
.yellowsection #navwrapper{
	border-bottom-color: yellow;
}
.orangesection #navwrapper{
	border-bottom-color: orange;
}
.greensection #navwrapper{
	border-bottom-color: green;
}
.pinksection #navwrapper{
	border-bottom-color: pink;
}
.bluesection #navwrapper{
	border-bottom-color: blue;
}
.purplesection #navwrapper{
	border-bottom-color: purple;
}

/*
#navigation a.red {
	background: url(../images/nav_red_strip.jpg) repeat-x top;
}
#navigation a.purple {
	background: url(../images/nav_purple_strip.jpg) repeat-x top;
}
#navigation a.blue {
	background: url(../images/nav_blue_strip.jpg) repeat-x top;
}
#navigation a.green {
	background: url(../images/nav_green_strip.jpg) repeat-x top;
}
#navigation a.yellow {
	background: url(../images/nav_yellow_strip.jpg) repeat-x top;
}
#navigation a.orange {
	background: url(../images/nav_orange_strip.jpg) repeat-x top;
}

#navigation .expandhere a.red {
	background: url(../images/nav_red.jpg) repeat-x top;
}
#navigation .expandhere a.purple {
	background: url(../images/nav_purple.jpg) repeat-x top;
}
#navigation .expandhere a.blue {
	background: url(../images/nav_blue.jpg) repeat-x top;
}
#navigation .expandhere a.green {
	background: url(../images/nav_green.jpg) repeat-x top;
}
#navigation .expandhere a.yellow {
	background: url(../images/nav_yellow.jpg) repeat-x top;
}
#navigation .expandhere a.orange {
	background: url(../images/nav_orange.jpg) repeat-x top;
}*/


#navigation ul li a, 
#navigation ul li a:visited { 
	text-decoration: none; 
	text-transform: capitalize;
}

#navigation ul li a:hover { 
	color: #000; 
	text-decoration: underline; 
}
		
#navigation ul li.here { 
	
	text-decoration: none; 
	color: #98C918;
}
#navigation ul li.expandhere { 

	text-decoration: none; 
	color: #98C918;
}
#navigation ul li.ancestor { 
	
	text-decoration: none; 
	color: #98C918;
}

.yellowsection #navigation ul li.here, .yellowsection #navigation ul li.expandhere,.yellowsection #navigation ul li.ancestor{
	background-color:yellow;
}

.redsection #navigation ul li.here, .redsection #navigation ul li.expandhere,.redsection  #navigation ul li.ancestor{
	background-color:red;
	
}
.redsection #navigation ul li.here a, .redsection #navigation ul li.expandhere a,.redsection  #navigation ul li.ancestor a{
	color:#FFF;
}

.bluesection #navigation ul li.here, .bluesection #navigation ul li.expandhere,.bluesection  #navigation ul li.ancestor{
	background-color:blue;
	
}
.bluesection #navigation ul li.here a, .bluesection #navigation ul li.expandhere a,.bluesection  #navigation ul li.ancestor a{
	color:#FFF;
}

.greensection #navigation ul li.here, .greensection #navigation ul li.expandhere,.greensection  #navigation ul li.ancestor{
	background-color:green;
	
}

.greensection #navigation ul li.here a, .greensection #navigation ul li.expandhere a,.greensection  #navigation ul li.ancestor a{
	color:#FFF;
}

.pinksection #navigation ul li.here, .pinksection #navigation ul li.expandhere,.pinksection  #navigation ul li.ancestor{
	background-color:pink;
	
}

.pinksection #navigation ul li.here a, .pinksection #navigation ul li.expandhere a,.pinksection  #navigation ul li.ancestor a{
	color:#000;
}

.purplesection #navigation ul li.here, .purplesection #navigation ul li.expandhere,.purplesection  #navigation ul li.ancestor{
	background-color:purple;
	
}
.purplesection #navigation ul li.here a, .purplesection #navigation ul li.expandhere a,.purplesection  #navigation ul li.ancestor a{
	color:#FFF;
}

.orangesection #navigation ul li.here, .orangesection #navigation ul li.expandhere,.orangesection  #navigation ul li.ancestor{
	background-color:orange;
	
}
.orangesection #navigation ul li.here a, .orangesection #navigation ul li.expandhere a,.orangesection  #navigation ul li.ancestor a{
	color:#FFF;
}

/*----- SUBNAV ------*/

#subnav {
	width: 28%;
	text-align: left;
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 0px 0px;
	list-style-type:none;
	font-size: 0.9em;
float:left;
}

#subnav ul {
	margin: 0px;
	padding:0px;
	list-style-type: none;
	clear: none;
	float: none;
}

#subnav li {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	list-style-type: none;
	margin: 0px;
	border-right: none;
	width: 100%;
	font-size: 1.1em;
	display: block;
}

.bluesection #subnav li{
	border-bottom-color: blue;
}
.orangesection #subnav li{
	border-bottom-color: orange;
}
.yellowsection #subnav li{
	border-bottom-color: yellow;
}
.pinksection #subnav li{
	border-bottom-color: pink;
}
.redsection #subnav li{
	border-bottom-color: red;
}
.purplesection #subnav li{
	border-bottom-color: purple;
}
#subnav #subnavtop {
	font-weight: bold;
	font-size: 0.9em;
}

#subnav li a {
	color: #333399;
	padding: 4px;
	font-weight: bold;
	display:block;
	text-decoration:none;
}

#subnav li a:hover {
	color: #000000;
	text-decoration: underline;
}

#subnav li li {
		color: #000099;
}
#subnav li li a {
	color: #333399;
	font-weight: normal;
	display: block;
	padding-top: 4px;
	padding-right: 4px;
	padding-bottom: 4px;
	padding-left: 18px;
}

#subnav .here a {
	background-color:#FCFF9E;
	color:#333333;
	text-decoration:none;

}

.orangesection #subnav .here a{
	color:#FFF;
	background-color:orange;
}
.purplesection #subnav .here a{
	color:#FFF;
	background-color:purple;
}
.bluesection #subnav .here a{
	color:#FFF;
	background-color:blue;
}
.redsection #subnav .here a{
	color:#FFF;
	background-color:red;
}
.pinksection #subnav .here a{
	color:#000;
	background-color:pink;
}
.yellowsection #subnav .here a{
	color:#000;
	background-color:yellow;
}

#subnav .ancestor {
	display: block;
	padding-top: 0px;
	padding-bottom: 0px;
	margin-bottom: 0px;
}

#subnav .depth1 {
	color:#32449A;
	text-decoration:none;
}

#subnav .depth1 .here {
		color: #000099;
	
}
#subnav .depth1 .here a{
		
		background-image:none;
}
#subnav .expandhere li{}


#subnav .expandhere .depth1 {
	background-color:#FCFF9E;
	color:#000000;
	display:block;
	text-decoration:none;
}
/*#subnav .expandhere .depth2 {
	background-color:#FCFF9E;
	color:#000000;
	display:block;
	text-decoration:none;
	background-image: url(../images/submenu_pip.gif);
	background-repeat: no-repeat;
	background-position: 5px center;
}*/
#subnav .expandhere .depth2 {
	color: #4B5AC0;
	font-weight: normal;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin: 0px;
	padding-top: 4px;
	padding-right: 4px;
	padding-bottom: 4px;
	padding-left: 18px;	
	}

#subnav .ancestor .depth1 {
	padding: 4px;
}

#subnav .depth4 {
display:none;}

#subnav .ancestor .expandhere .depth2 {
	background-image: url(../images/submenu_pip.gif);
	background-repeat: no-repeat;
	background-position: 5px center;
		background-color:#FCFF9E;
		color:#000000;


}

#subnav .ancestor .here a.depth3{
	background-image: url(../images/submenu_pip.gif);
	background-repeat: no-repeat;
	background-position: 5px center;
		background-color:#FCFF9E;
		color:#000000;


}



/*	*/

#subnav .ancestor a.depth1  {
	padding-bottom: 4px;
	display:block;
	color:#333333;
	background-color:#FCFF9E;
	text-decoration:none;
	background-position:center bottom;
	background-repeat:repeat-x;
}

.purplesection #subnav .ancestor a.depth1,.purplesection #subnav .here a.depth1,.purplesection #subnav .expandhere a.depth1{
	background-color:purple;
	color:#FFF;
}
.bluesection #subnav .ancestor a.depth1,.bluesection #subnav .here a.depth1,.bluesection #subnav .expandhere a.depth1{
	background-color:blue;
	color:#FFF;
}
.orangesection #subnav .ancestor a.depth1,.orangesection #subnav .here a.depth1,.orangesection #subnav .expandhere a.depth1{
	background-color:orange;
	color:#FFF;
}
.redsection #subnav .ancestor a.depth1,.redsection #subnav .here a.depth1,.redsection #subnav .expandhere a.depth1{
	background-color:red;
	color:#FFF;
}
.yellowsection #subnav .ancestor a.depth1,.yellowsection #subnav .here a.depth1,.yellowsection #subnav .expandhere a.depth1{
	background-color:yellow;
	color:#000;
}
.pinksection #subnav .ancestor a.depth1,.pinksection #subnav .here a.depth1,.pinksection #subnav .expandhere a.depth1{
	background-color:pink;
	color:#000;
}




#subnav .ancestor .here a{
	background-image: url(../images/submenu_pip.gif);
	background-repeat: no-repeat;
	background-position: 5px center;
}
#subnav ul li ul li {
	color: #333399;
	font-size:0.85em;
	font-weight: normal;
	border:none;
}

#subnav .ancestor .here {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	font-weight:bold;
	
	margin: 0px;
	color:#333333;
	text-decoration:none;
}

#subnav .ancestor .here .depth2 {
	margin: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	color:#333333;
	font-weight:bold;
	text-decoration:none;
	display: block;
	background-color:#FCFF9E;
	padding-top: 4px;
	padding-right: 4px;
	padding-bottom: 4px;
	padding-left: 18px;
}



/* ----- HEADER ----- */

#headerwrapper {/* neccesary - provides a flexible background strip */
	width: 100%;
	text-align: center;
	border-bottom:1px solid #AAAAAA;
/*	background-repeat: repeat-x;
	
	background-image: url(../images/header_bg.gif);*/
	background-color:#32449A;
}

.ACElogo{
	float:right;
	width:auto;
	padding:15px;
}
#header {
	/*background-image:url(../images/logo_gap.gif);
	background-position:left 0px;
	background-repeat:no-repeat;*/
	margin:auto;
	text-align:left;
	width:92%;

}


#header p {
	margin: 0px;
	padding: 0px;
}
#header_links {
	background-position:center bottom;
	background-repeat:repeat-x;
	float:right;
	font-size:0.75em;
	padding:5px;
}
#header_links a {
	color:#FFFFFF;
}

#header_links a:hover {
	text-decoration: none;
	color: #F8C4FD;
}

#header .site_title {
	color:#FFF;
	margin: 0px;
	font-size:3em;
	padding: 0px;
	padding-top:0.8em;
	background-image: url(../images/arrow.gif);
	background-repeat: no-repeat;
	background-position:bottom left;
	padding-left:65px;
	padding-bottom:10px;
	white-space:nowrap;
}




/* ----- FOOTER ----- */

#footerwrapper {
	background-color: #32449A;;
	width: 100%;
	text-align: center;
/*	background-image: url(../images/header_bg.gif);
	background-repeat: repeat-x;*/
	border-top:2px solid #95C600;
}

#footer {
	width:85%;
	height:auto;
	margin:auto;
	min-height:32px; /* for modern browsers */
	height:auto !important; /* for modern browsers */
	height:32px;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: left;
	font-weight: bold;
	color:#FFFFFF;
}

#footer_links {
	font-size: 0.8em;
	text-align: left;
}

#footer_links a {
	color:#FFFFFF;
}

.footer_contributors img,.footer_contributors a{
	vertical-align:text-top;
	
}
.people_create{
	position:relative;
	top:-20px;
}


/*----- FEATURES LIST ------*/

ul.features  {
	margin: 0px;
	padding: 0px;
	line-height: 1.6em;
	clear: none;
	float: none;
	display: inline;
}

.features a {
	color: #0000DD;
	font-size: 1.2em;
}
.features a:hover {
	color: #95C600;
	text-decoration: none;
}
.features li {
	padding: 0px;
	font: 1em "Trebuchet MS", "Lucida Grande", Arial, sans-serif;
	float: none;
	color:#000000;
	border:none;
	margin-bottom: 7px;
	margin-left: 18px;
}





/* PROMO BOX HALF with dropshadow
(so called because can fit two in main column)  */

.promo_half {
	background: url(../images/shadowAlpha.png) no-repeat bottom right !important;
	background: url(../images/shadow.gif) no-repeat bottom right;
	margin: 10px 0 0 10px !important;
	width:100%;
	float:left;
	padding:17px 4px 13px 7px;
	position:relative;
	z-index:55;
}


.promo_wrap {
	background: none !important;
	background: url(../images/shadow2.gif) no-repeat left top;
	padding: 0 !important;
	color: #333333;
	border: 1px solid #a9a9a9;
	padding-top: 4px;
	margin:-25px 2px -7px -11px !important;
	_margin:-17px 2px -7px -7px !important;
	text-align:left;
	font-size:0.85em;

}

a.yellow {
	border-top:4px solid yellow;
}
a.red {
		border-top:4px solid red;

}
a.purple{
	border-top:4px solid purple;
}
a.green{
	border-top:4px solid green;
}
a.pink{
	border-top:4px solid pink;
}
a.orange{

	border-top:4px solid orange;
}
a.blue{
	border-top:4px solid blue;
}

.yellow .promo_wrap h2{
	border-top:5px solid yellow;
}

.red .promo_wrap h2{
	border-top:5px solid red;
}

.purple .promo_wrap h2{
	border-top:5px solid purple;
}

.green .promo_wrap h2{
	border-top:5px solid green;
}

.orange .promo_wrap h2{
	border-top:5px solid orange;
}

.blue .promo_wrap h2{
	border-top:5px solid blue;
}


.breadcrumbs a{
	border-top:0px;
	padding-top:0px;
	margin-top:0px;
}

.promo_wrap img{
	width:247px;
	height:auto;
	padding:0px;
	margin:0px;
}

h2 {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	border-bottom:dotted 1px #ccc;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 4px;
	padding-left: 0px;
	clear:both;
}


.promo_wrap h2, .promo_wrap a.h2 , .promo_wrap h2 a {
	font-size: 1.1em;
	font-weight: bold;
	padding-right: 5px;
	padding-left: 5px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top:3px;
	border-bottom:none;
	background-color:#FAFAFA;
}


.promo_wrap p {
	margin: 0px;
	padding:0px 5px 0px 5px;
	background-color:#FAFAFA;
}

.promo_wrap a, .promoLink {
color:#0000CC;
margin:0px;
padding-top:2px;

}

.promoLink a {
	margin: 0px;
	padding-right: 5px;
	padding-left: 5px;
	padding-top:5px;
	padding-bottom:5px;
	color: #0000CC;
}

.promo_wrap input{
  	border:1px solid #BBBBBB;
	margin:1px;
	width:95px;
	background-color:#FCFF9E;
}


/* PROMO BOX THIRD
(so called because fits one in side column, hence third of page) */

.promo_third {
background-color:#ADDC94;
background-image:url(../images/green_gradient.jpg);
background-position:center top;
background-repeat:repeat-x;
float:left;
font-size:0.8em;
width:200px;
}

.promo_third h2 {
	font-size: 1.1em;
	font-weight: bold;
	padding: 5px;
	color:#32449A;
	margin: 0px;
	border-bottom:none;
}
.promo_third a h2 {
color:#32449A;
}
.promo_third a:hover h2 {
text-decoration:underline;
}

.promo_third p {
	line-height:1.4em;
	margin:0px;
	padding-top: 2px;
	padding-right: 4px;
	padding-bottom: 2px;
	padding-left: 4px;
}

.promo_third_bottom {
	background-image: url(../images/promo_3_bottom_green.jpg);
	background-repeat: no-repeat;
	height: 18px;
	background-position: left bottom;
}

.promo_third img {
	margin-right: 1px;
	margin-left: 1px;
	width: 198px;
}

.promo_third_br {
	background-image: url(../images/promo_3_br_green.jpg);
	background-repeat: no-repeat;
	float: right;
	width: 6px;
	margin: 0px;
	padding: 0px;
	background-position: bottom;
	height: 18px;
}

/* Video Promo */

.video_promo {
display:block;
float:left;
margin-top:15px;
width:30%;
margin-left:15px;
}
.video_promo h4{
	margin:0px;
}
.transcript_link{
	margin:0px;
	font-size:90%;
}

/* MISC Styles for around the pages !!!! */

#header_logo {
	text-align: left;
}

.pagemenu {
	padding: 0px 10px 8px 0px;
	margin:20px 20px 10px 0px;
	width: 140px;
	font-size: 0.8em;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
}

.pagemenu ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}



.bodyquote {
	display: block;
	text-align: left;
	margin-right: 17px;
	margin-left: 17px;
	padding: 5px;
	margin-top: 10px;
	margin-bottom: 10px;
	background-image: url(../images/green_gradient.jpg);
	background-position: bottom;
	background-color: #FBFDFA;
	font-size: 0.9em;
}

.pagemenu a {
	color: #95C600;
	font-weight: bold;
}

#header_links .highcontrast, #header_links .highcontrast a {
	background-color: #FCFF9E;
	color: #000000;
}

.summary, .summary a {
	font-size: 0.95em;
	color: #0033CC;
	font-weight: normal;
}

.previouslink {
	float: left;
}

.nextlink {
	float: right;
}



/* Table of contents style */ 

.content1 dt  {
padding-top:0.5em;
font-size:1em;
font-weight:bold;
}

.content1 dt a:hover {
	color: #95C600;
	text-decoration: none;
}

.content1 dd {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}

.content1 dl {
	margin: 0px;
	padding: 0px;
}

.doc {
	background-image: url(../images/icon_word.gif);
	background-repeat: no-repeat;
	padding-left: 20px;
}

dd{
	padding-left:20px;
	margin:0px;}
	

	
	
	

/* ROUNDED CORNER BLOCKQUOTE JAVASCRIPT */

cite {
clear:both;
color:#41638E;
display:block;
font-size:0.95em;
font-style:normal;
font-weight:bold;
margin-left:46px;
}

/* Default CSS
================================================*/
/* Basic styling, used when JavaScript is unsupported */
.cbb {
	margin:1em 0;
	padding:0 10px;
	border:1px solid #666;
	background:#fff;
}
.cbb h1 {
	margin:0 -10px;
	padding:0.3em 10px;
	background:#efece6;
	font:bold 1.2em/1 Arial, Helvetica, sans-serif;
}
/* Normal styling */
.cb {margin:0.5em 20px;
	/* Top corners and border */
	}
.bt {
	height:25px;
	margin:0 0 0 15px;
	background:url(../images/box_2.gif) no-repeat 100% 0;
}
.bt div {
	position:relative;
	left:-15px;
	width:18px;
	height:25px;
	background:url(../images/box_2.gif) no-repeat 0 0;
	font-size:0;
	line-height:0;
}

	/* Bottom corners and border */
.bb {
	height:44px;
	margin:0 0 -9px 20px;
	background:url(../images/box_2.gif) no-repeat 100% 100%;
}
.bb div {
	position:relative;
	left:-20px;
	width:44px;
	height:44px;
	background:url(../images/box_2.gif) no-repeat 0 100%;
	font-size:0;
	line-height:0;
}

	/* Left border */
.i1 {
	padding:0 0 0 12px;
	background:url(../images/borders.gif) repeat-y 0 0;
}
	/* Right border */
.i2 {
	padding:0 12px 0 0;
	background:url(../images/borders.gif) repeat-y 100% 0;
}
	/* Wrapper for the content. Use it to set the background colour and insert some padding between the borders and the content. */
.i3 {
	display:block;
	margin:0;
	padding:1px 10px;
	background:#EFE5F9;
}
	/* Make the content wrapper auto clearing so it will contain floats (see http://positioniseverything.net/easyclearing.html). */
.i3:after {
	content:"."; 
	display:block; 
	height:0; 
	clear:both; 
	visibility:hidden;
}
.i3 {display:inline-block;}
.i3 {display:block;}
/* Default CSS ends here */

/* Custom CSS
================================================*/
/* You can use different borders for different boxes on the same page. Just adjust the CSS. Here are a few examples, one of which uses the GIF images instead of the PNG images. Note that you can also adjust borders, heights and paddings this way. Remember to adjust the IE CSS as well. */

.one {
	position:absolute;
	top:0;
	right:0;
}
.two {
	float:left;
	width:45%;
}
.two .i1,
.two .i2 { background-image:url(borders.gif); }
.two .bt,
.two .bt div,
.two .bb,
.two .bb div { background-image:url(box.gif); }
#three {
	float:left;
	clear:both;
	width:80%;
}
#three .cb {
	float:left;
	width:40%;
}
.button {
	float:left;
	margin-top:0;
}
.button .bt {
	height:8px;
	margin:0 0 0 9px;
	background-image:url(button.png);
}
.button .bt div {
	left:-9px;
	width:9px;
	height:8px;
	background-image:url(button.png);
}
.button .bb {
	height:8px;
	margin:0 0 0 8px;
	background-image:url(button.png);
}
.button .bb div {
	left:-8px;
	width:8px;
	height:8px;
	background-image:url(button.png);
}
.button .i1 {
	padding:0 0 0 3px;
	background-image:url(button-borders.png);
}
.button .i2 {
	padding:0 3px 0 0;
	background-image:url(button-borders.png);
}
.button .i3 {
	padding:0 0.5em;
	background:#3a3d40 url(button.png) no-repeat -3px -8px;
	font-weight:bold;
	text-decoration:none;
	text-align:center;
}
.button a:link,
.button a:visited,
.button a:hover {
	border:none;
	color:#fff;
}

/* Just a bit of styling for this demo page. Adjust as you wish. */
#absolute-wrapper {
	position:relative;
	height:9em;
}
.cb li {margin-left:1em;}
</style>
[if lt IE 8]>
<style type="text/css">
/* Required IE fixes
================================================*/
/* Serve gif images to IE/Win pre version 7 */
* html .i1,
* html .i2 {background-image:url(../images/borders.gif);}
* html .bt,
* html .bt div,
* html .bb,
* html .bb div {background-image:url(../images/box.gif);}
/* Set a height to fix up some rendering issues. */
* html .i1,
* html .i3 {height:1px;}

/* Give the absolutely positioned box a width (including IE 7)*/
.one {width:70%;}

/* Custom rules for the buttons */
/* All IE versions need a width */
.button {width:20em;}
/* IE 7 does not need these */
* html .button .i1,
* html .button .i2 {background:transparent;}
* html .button .bt,
* html .button .bt div {background-image:url(../images/button.gif);}
* html .button .bb,
* html .button .bb div {background-image:url(../images/button.gif);}
</style>
<![endif]




/* BLOCKQUOTE WRAPPED IN DIV TO ALLOW ADAPTATION OF JAVASCRIPT BLOCKQUOTE */



.promo_bigquote .bt {
	height:25px;
	margin:0 0 0 15px;
	background:url(../images/box_2.gif) no-repeat 100% 0;
}

.promo_bigquote .bt div {
	position:relative;
	left:-15px;
	width:18px;
	height:25px;
	background:url(../images/box_2.gif) no-repeat 0 0;
	font-size:0;
	line-height:0;
}

.promo_bigquote .bb {
	height:44px;
	margin:0 0 -9px 20px;
	background:url(../images/box_2.gif) no-repeat 100% 100%;
}

.promo_bigquote .bb div {
	position:relative;
	left:-20px;
	width:44px;
	height:44px;
	background:url(../images/box_2.gif) no-repeat 0 100%;
	font-size:0;
	line-height:0;
}

.promo_bigquote .blockwrap {
	padding: 0 50px 0 55px;
	background: transparent url(../images/quote_end.gif) no-repeat right bottom;
	margin: 0px;
	display: block;
}

.promo_bigquote .quote_name {
	font-size: 0.7em;
	margin-top: 4px;
	display: block;
}

.quote_name a {
	color: #333333;
	font-size: 0.7em;
}

.promo_bigquote blockquote {
	background:#FFF url(../images/quote_start.gif) no-repeat scroll left top;
	font-size:1.3em;
	line-height:1.5em;
	margin-bottom:-2px;
	margin-left:4px;
	margin-right:-3px;
	text-align:left;
}
	
.promo_bigquote .blockwrap {
	padding: 0 50px 0 50px;
	background: transparent url(../images/quote_end.gif) no-repeat right bottom;
	margin: 0px;
	display: block;
}

.promo_bigquote .quote_name {
	font-size: 0.7em;
	margin-top: 4px;
	display: block;
}

.quote_name a {
	color: #333333;
	font-size: 0.7em;
}

.promo_bigquote .cb {
	margin-top: 0em;
	margin-right: 0px;
	margin-bottom: 0.5em;
	margin-left: 0px;
}



/* COMMENTS */

.comments {
	border: dotted 1px #ddd;
	background-color:#fdfdfd;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}






/* FORMS ! */

.formelementwrapper {
	clear:			both;
	padding:		10px 0px 2px 0px;
}
.formelementwrapper label {
	width:			25%;
	text-align:		right;
	float:			left;
	font-size:		1em;
	margin-left:		0px;
}
.formelementwrapper .inputnote {
	width:			70%;
	float:			right;
	font-size:		1em;
}
.formelementwrapper .biginput {
	width:			70%;
	float:			right;
	font-size:		1em;
	font-family: "Trebuchet MS", verdana, arial;
	
}
.formelementwrapper .textarea {
	width:			70%;
	height:			150px;
	float:			right;
	font-size:		1em;
	font-family: "Trebuchet MS", verdana, arial;
}
.formelementwrapper .smallinput {
	margin-left:		8px;
	font-size:		1em;
	font-family: "Trebuchet MS", verdana, arial;
}
.formelementwrapper .button {
	margin-left:		29px;
	width:			155px;
}


/* GALLERY FEED PROMO */


.gallery_scroll_show {
	visibility:visible;
	display:block;
	width:auto;
	overflow:hidden;
}
.gallery_scroll_hide {
	visibility:	hidden;
	display:none;
	width:auto;
}
#feed img {
	width: 196px;
	height:auto;
}
#feed {
 	 width: 97%;
 	 float:left;
 	 background: url(../images/shadowAlpha.png) no-repeat bottom right !important;
 	 background: url(../images/shadow.gif) no-repeat bottom right;
 	 margin: 10px 0 0 10px !important;
 	 margin: 10px 0 0 5px;
}

#feed input{
  	border:1px solid #BBBBBB;
	margin:1px;
	width:95px;
	background-color:#FCFF9E;
}




/* PROMO JAVASCRIPT */



/*
#piclist img {
	width: 197px;
	height:auto;
}
#piclist_holder{
 	 width: 97%;
 	 float:left;
 	 background: url(../images/shadowAlpha.png) no-repeat bottom right !important;
 	 background: url(../images/shadow.gif) no-repeat bottom right;
 	 margin: 10px 0 0 10px !important;
 	 margin: 10px 0 0 5px;
}

#piclist input{
  	border:1px solid #BBBBBB;
	margin:1px;
	width:95px;
	background-color:#FCFF9E;
}

#piclist  {
	background: none !important;
	background: url(../images/shadow2.gif) no-repeat left top;
	padding: 0 !important;
	padding: 0 6px 6px 0;
	color: #333;
	background-color: #fff;
	border: 1px solid #a9a9a9;
	padding: 4px;
	margin:7px 5px 6px -4px !important;
	text-align:left;
	font-size: 0.75em;
  }

#piclist p.caption {
	padding:5px;
	margin:0px;
}

#piclist h2, #piclist a.h2 {
	font-size: 1.1em;
	font-weight: bold;
	padding-right: 5px;
	padding-left: 5px;
	margin-top: 2px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	color:#0000CC;
	border-bottom:none;
}

#piclist p {
	margin: 0px;
	padding-right: 5px;
	padding-left: 5px;
}*/

/* STRAPLINE */

.emphasis {
	color:#FFFFCC;
	font-weight:bold;
	font-size:1.1em;
}
#headerwrapper #strapline {
	margin-bottom:10px;
	margin-top:0px;
	color:#FFFFFF;
	font-size:0.91em;
}

/* DAISY CHAIN */

.daisy_prev {
border-right:1px dotted #666666;
float:left;
font-weight:bold;
padding-right:5px;
width:50%;
}
.daisy_next {
	width:45%;
	float: right;
	text-align: right;
	font-weight:bold;
}

.daisy_next a, .daisy_prev a {
	text-decoration: none;
	font-size:0.9em;
}
.daisy_next a:hover, .daisy_prev a:hover {
	text-decoration: underline;
}

/* TABLE th {
	color: #000000;
	background-color: #FCFF9E;
}
table {
	border: 1px solid #333333;
}
td p {
	font-size: 0.8em;
}
*/

/* roScripts
Table Design by Mihalcea Romeo
www.roscripts.com
----------------------------------------------- */

table {
	border-collapse:collapse;
	background:#EFF4FB url(../images/teaser.gif) repeat-x;
	border-left:1px solid #686868;
	border-right:1px solid #686868;
	font:0.8em/145% 'Trebuchet MS',helvetica,arial,verdana;
	color: #515151;
}

td, th {
		padding:5px;
}

caption {
		padding: 0 0 .5em 0;
		text-align: left;
		font-size: 1.4em;
		font-weight: bold;
		color: #333;
		background: transparent;
}

/* =links
----------------------------------------------- */

table a {
		color:#950000;
		text-decoration:none;
}

table a:link {}

table a:visited {
		font-weight:normal;
		color:#666;
		text-decoration: line-through;
}

table a:hover {
		border-bottom: 1px dashed #bbb;
}

/* =head =foot
----------------------------------------------- */

thead th, tfoot th, tfoot td {
	background:#515151 url(../images/llsh.gif) repeat-x;
	color:#fff;
	vertical-align: baseline;
}

tfoot td {
		text-align:right
}

/* =body
----------------------------------------------- */

tbody th, tbody td {
		border-bottom: dotted 1px #333;
}

tbody th {
		white-space: nowrap;
}

tbody th a {
		color:#333;
}

.odd {}

tbody tr:hover {
		background:#fafafa
}
#contentwrapper #content .content1 .daisy_wrap {
border-top:1px dotted #999999;
margin-top:12px;
padding-top:8px;
width:548px;
}
#subnav .depth3 {
	padding-left: 30px;
}



/* BREADCRUMBS */

.breadcrumbs {
	font-size: 0.8em;
	display: block;
	margin-bottom:40px;
	width:100%;
	margin-top:10px;
}

.breadcrumbs ul {
	float: left;
	margin: 0px;
	padding: 0px;
}
.breadcrumbs li {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	float:left;
}


.breadcrumbs li {
	background-image: url(../images/breadcrumb.gif);
	background-repeat: no-repeat;
	background-position: 0px center;
	padding-left: 15px;
	float: left;
	padding-right: 15px;
}

.content1 dl {
	text-indent: 0px;
	padding-top: 10px;
	margin-left:30px;
}




/* Text key box */

.blue {
color:#0000FF;}

.larger{
font-size:120%;}

.highlight_box {
border:1px solid #000;
width:250px;
padding:7px;}



div.rightmedia {
float:right;
margin:5px 29px 20px 20px;
}
.leftalign div.rightmedia{
float:left;
margin:5px 20px 20px 20px;
}
.clearpic div.rightmedia{
	float:none;
}

#home .flashvideofeed{
	float:right;
	width:32%;
}
#piclist{
	width:50%;
	float:left;
}
.flashvideofeedtop{
	font-size:80%;
	text-align:center;
	width:auto;
}
.flashvideofeedtop object{
	margin-left:auto;
	margin-right:auto;
}
#piclist{
	position:relative;
}
#piclist input{
  	border:1px solid #BBBBBB;
	margin:1px;
	width:70px;
	background-color:#FFFFFF;
	cursor:pointer;
}
#piclist .promo_bigquote blockquote{
	
	background-position:0px 20px;
	_padding-top:20px;
}
#nextBtn{
	position:absolute;
	top:20px;
	right:35px;
}
#prevBtn{
	position:absolute;
	top:20px;
	left:25px;
}

.comments{
	font-size:90%;
}

.comments h4{
	border-top: 1px solid #CCCCCC;
	margin-top:0.5em;
}

.comments .comment h4{
	border-top:0px;
	
	margin:0px;
	margin-top:auto;
}
.comments .comment{
	
}
.comments .comment .dark{
	background-color: #F6F6F6;
	padding:0.5em;
}
.comments .comment .light{
	background-color: #DEDEDE;
	padding:0.5em;
}
.comments .comment .dtstart{
	display:block;
	float:right;
	width:auto;
}

.comments .comment p{
	margin:0px;
}
.imagecaption{
	font-size:90%;
	font-weight:bold;
	margin-top:0.3em;
}
.faqtop{
	font-size:80%;
}
.content0 ul li a.depth0{
	display:block;
/*	margin-top:0.5em !important;*/
}