/* Generic Selectors */


body {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 14px;
	line-height: 21px;
	color: #000000;		
	background-color: #DDDDDD;
	background-image: url("pictures/AnarchoDollarGold-bg.jpg");
	}


h1 {

	font-family: Helvetica, Arial, sans-serif;
	font-size: 24px;
	font-weight: bold;
	color: #000000;
	line-height: 120%;
	}

h2 {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #000000;
	line-height: 120%;
	}



/* Class Selectors */

.loose {
	line-height: 120%;
	}
	
.circleA-bullet {
  list-style-image: url("pictures/anarchy-symbol-bullet.gif");
}
	
.bg-ltbrown {
	background-color: #FFF1D0;
	padding: 9px 10px 10px 10px;
	margin-left: 5px;
	margin-right: 5px;
	background-image: url("pictures/beigediag01.jpg");
	}

.bg-redblackbeams {
	background-image: url("library/pictures/redblackbeams-bg.jpg");
	}

.bganarchodollar {
	background-image: url("pictures/AnarchoDollarGray-canvas2-s.gif");
	}

.bganarchodollar2 {
	background-image: url("pictures/AnarchoDollarGray-sm2.gif");
	}

.weirdbg {
	background-image: url("pictures/weirdbrownish-bg.jpg");
	}

.animalfacebg {
	background-image: url("pictures/animalface2.jpg");
	}

.cardinalbg {
	background-image: url("pictures/craiyon_fiery_cardinal.jpg");
	}


.defborder {
	background-color: #EEEEEE;
	font-size: 12px;
	line-height: 18px;
	border: 1px solid darkred;
	padding: 6px 6px 6px 6px;
	margin-right: 280px;
	}

.bg-ltgray {
	background-color: #EEEEEE;
	border: 1px solid darkred;
	padding: 9px 10px 10px 10px;
	margin-left: 5px;
	margin-right: 5px;
	}

.callout {
	font-size: 18px;
	line-height: 24px;
	}

.calloutborder {
	font-size: 18px;
	line-height: 24px;
	border: 2px solid darkred;
	padding: 12px 16px 12px 20px;	
	}

.littlegraybox {
	background-color: #EEEEEE;
	width: 225px; 
	border: 2px solid darkred;
	padding: 9px 10px 10px 10px;
	margin: auto;
	margin-top: 10px;
	}

.redtext {
	color: #FF0000;
	}

.darkred {
	color: #660000;
	}

.darkredsm {
	color: #660000;
	font-size: 14px;
	}

.small {
	font-size: 12px;
	line-height: 16px;
	}

.hygePal {
	font-size: 28px;
	font-family: Palatino, Times, serif;
	font-weight: bold;
	}

.bigPal {
	font-size: 22px;
	font-family: Palatino, Times, serif;
	font-weight: bold;
	}

.medPal {
	font-size: 16px;
	font-family: Palatino, Times, serif;
	font-weight: bold;
	}

.smallPal {
	font-size: 14px;
	font-family: Palatino, Times, serif;
	font-weight: bold;
	}

.redital {
	font-size: 12px;
	color: #660000;
	font-style: normal;
	}

.medium {
	font-size: 16px;
	line-height: 22px;
	}

.big {
	font-size: 22px;
	line-height: 34px;
	}

.bigred {
	font-size: 26px;
	line-height: 34px;
	color: red;
	}

.topmarg3 {
	margin-top: 3px;
	}

.bigburg {
	font-size: 26px;
	line-height: 34px;
	color: darkred;
	}

.huge {
	font-size: 32px;
	line-height: 42px;
	}

.gianttext {
	font-size: 52px;
	}

.clear {
    clear: both;
	}

.border1 {
	border: 1px solid gray;
	}

.border1center {
	border: 2px solid darkred;
	padding: 6px 12px 6px 12px;	
	font-size: 14px;
	margin: 10px auto 10px auto;
	width: 64%;
	}

.border-padded {
	border: 2px solid gray;
	padding: 14px 14px 14px 14px;
	margin-top: 24px;
	margin-bottom: 32px;
	}

.border-darkred {
	border: 2px solid darkred;
	padding: 10px 10px 10px 10px;
	margin-top: 24px;
	margin-bottom: 24px;
	font-size: 14px;
	}

.listborder {
	border: 2px solid gray;
	padding: 10px 14px 10px 46px;	
	}

.listborderfilled {
	border: 2px solid gray;
	padding: 10px 14px 10px 46px;	
	background-color: #FFF0AA;  
	}

.listborderridge {
	border: 6px ridge darkred;
	padding: 10px 14px 10px 46px;	
	background-color: cornsilk;  
	}

.topspace {
	margin-top: 32px;
	}

.notopspace {
	margin-top: 0px;
	}

.nobottom {
	margin-bottom: 0px;
	}

.lessspace {
	margin-top: 12px;
	margin-bottom: 2px;
	}

.bottomspace {
	margin-bottom: 32px;
	}

.bottompad {
	padding-bottom: 8px;
	}

.topspace6 {
	margin-top: 6px;
	}

.topspace50 {
	margin-top: 50px;
	}

.morespace {
	line-height: 140%;
	margin-top: 32px;
	}

.square-spaced {
	list-style-type: square;
	line-height: 100%;
	padding: 0px 0px 6px 0px;
	}

.width700 {
	width: 700px; 
	}

.morelineheight {
		line-height: 120%;
	}

@media print {
    div.noprint {display: none;}
    }
	
	
	
/*************************  ID's *************************/


#backhomepane { 
	position: fixed; 
	width: 70px; 
	top: 6;
	left: 6;
	padding: 2px 2px 6px 2px;	
	border: 5px ridge #550000; 
	font-weight: normal; 
	font-size: 12px;	
	line-height: 14px;
	background-color: #FFFFFF;  
	}	

#backhome-mobile { 
	position: fixed; 
	margin: 0;
	top: 2;
	left: 2;
	padding: 0 3 0 3;	
	border: 3px ridge #660000; 
	font-size: 10px;	
	line-height: 13px;
	font-weight: normal; 
	background-color: #FFFFFF;  
	}

#navigationpane { 
	position: relative; 
	width: 420px;
	height: 76;
	margin: 0 auto;
	margin-top: 3px;
	padding: 2px 2px 2px 2px;	
	border: 3px ridge #331111; 
	font-size: 12px;	
	font-weight: bold; 
	background-color: #FFFFFF;  
	}

#mainpane { 
	position: relative; 
	max-width: 640px; 
	margin: 0 auto; 
	margin-top: 0px;
	padding: 30px 30px 30px 30px;	
	border: 4px ridge #B3B3B3; 
	font-weight: normal; 
	background-color: #FFFFFF;  
	}

#mainpane725 { 
	position: relative; 
	max-width: 725px; 
	margin: 0 auto; 
	padding: 30px 30px 30px 30px;	
	border: 4px ridge #B3B3B3; 
	font-weight: normal; 
	background-color: #FFFFFF;  
	}

#fixedpanewide { 
	position: relative; 
	width: 925px; 
	margin: 0 auto; 
	padding: 30px 30px 30px 30px;	
	border: 4px ridge #B3B3B3; 
	font-weight: normal; 
	background-color: #FFFFFF;  
	}

#mainpanewide { 
	position: relative; 
	max-width: 925px; 
	margin: 0 auto; 
	padding: 20px 20px 20px 20px;	
	border: 2px groove #7F7F7F; 
	font-weight: normal; 
	background-color: #FFFFFF;  
	}

#narrowpane { 
	position: relative; 
	width: 400px; 
	margin: 0; 
	margin-left: 124px;
	padding: 20px 20px 20px 20px;	
	border: 2px groove #7F7F7F; 
	font-weight: normal; 
	background-color: #FFFFFF;  
	}

#mainpane-index { 
	position: relative; 
	width: 850px; 
	height: 575px; 
	margin: 0 auto; 
	margin-top: 0px;
	padding: 10px 10px 10px 10px;	
	border: 4px groove #7F7F7F; 
	font-weight: normal; 
	background-color: #FFFFFF;  
	}

#mainpane2 { 
	position: relative; 
	width: 800px; 
	margin: 0; 
	margin-left: 124px;
	padding: 10px 10px 10px 10px;	
	border: 4px groove #7F7F7F; 
	font-weight: normal; 
	background-color: #FFFFFF;  
	}

#mainpanetan { 
	position: relative; 
	max-width: 850px; 
	margin: 0 auto; 
	padding: 10px 10px 10px 10px;	
	border: 4px groove #7F7F7F; 
	font-weight: normal; 
	background-color: #E4DBCB;
	}

#titlepane-index { 
	position: absolute;
	width: 429px;
	height: 62px;
	margin: 0;
	padding: 0px 0px 0px 0px;
	top: 1px;
	left: 0px;
	border: 2px solid #7F7F7F;
	font-weight: normal;
	background-color: #FFFFFF;
	font-size: 28px;
	color: darkred;
	}

#titlepane-mobile { 
	position: relative;
	width: 408px;
	height: 62px;
	margin: 0 auto;
	padding: 0px 0px 0px 0px;
	border: 2px solid #7F7F7F;
	font-weight: normal;
	background-color: #FFFFFF;
	font-size: 28px;
	}

#descpane { 
	position: absolute; 
	width: 429px;
	height: 62px;
	margin 0;
	background-color: #FFF393;
	padding: 0px 0px 0px 0px; 
	top: 1px;
	right: 2px;
	border: 2px solid #B3B3B3;
	font-weight: normal;
	}

#col1pane { 
	position: absolute; 
	width: 409px;
	height: 500;
	margin 0;
	margin-top: 0px;
	margin-left: 0px;
	bottom: 2px;
	left: 1px;
	border: 2px solid #B3B3B3;
	font-weight: normal;
	line-height: 18px;
	padding: 10px 10px 10px 10px; 
	}

#col2pane { 
	position: absolute; 
	width: 409px;
	height: 500;
	margin 0;
	margin-top: 0px;
	margin-left: 0px;
	bottom: 2px;
	right: 2px;
	border: 2px solid #B3B3B3;
	font-weight: normal;
	line-height: 16px;
	padding: 10px 10px 10px 10px; 
	}

#quotepane { 
	position: relative; 
	margin: 0 auto; 
	margin-top: 20px;
	padding: 20px 20px 20px 20px;	
	border: 2px ridge #7F7F7F; 
	font-weight: normal; 
	background-color: #FFEEAA; 
	}

#whitepane { 
	position: relative; 
	margin: 0 auto; 
	margin-top: 20px;
	margin-left: 124px;
	padding: 20px 20px 20px 20px;	
	border: 2px solid #7F7F7F; 
	font-weight: normal; 
	background-color: #FFFFFF; 
	}

#scrollpane { 
	position: relative; 
	margin: 0 auto; 
	margin-top: 20px;
	margin-left: 20px;
	padding: 10px 10px 10px 10px;	
	border: 2px solid #7F7F7F; 
	font-weight: normal; 
	background-color: #EEEEEE; 
	}

#posterpane { 
	position: relative; 
	width: 800px;
	margin: 0 auto;
	overflow: auto;
	margin-top: 20px;
	padding: 20px 20px 20px 20px;	
	border: 3px solid #603000; 
	font-weight: normal; 
	background-color: #FFFFFF; 
	}

#mobilepane { 
	position: relative; 
	margin: 0 auto;
	margin-top: 2px;
	width: 373px;
	padding: 10px 10px 20px 20px;	
	border: 2px solid #7F7F7F; 
	font-weight: normal; 
	background-color: #FFFFFF; 
	}

#mobilemain { 
	position: relative; 
	margin: 0 auto;
	margin-top: 2px;
	padding: 10px 10px 20px 20px;	
	border: 2px solid #7F7F7F; 
	font-weight: normal; 
	background-color: #FFFFFF; 
	}

#whitepane4 { 
	position: relative; 
	width: 890px;
	height: 931px;
	margin: 0 auto; 
	margin-top: 20px;
	margin-left: 124px;
	padding: 0px 0px 0px 0px;	
	border: 4px ridge #7F7F7F; 
	font-weight: normal; 
	background-color: #FFFFFF; 
	}	

#floatright {
	float: right;
	margin-left: 16px;
	margin-bottom: 6px;
	}

#floatright-border {
	float: right;
	margin-left: 16px;
	margin-bottom: 6px;
	border: 2px solid gray;
	}


#floatleft {
	float: left;
	margin-right: 16px;
	margin-bottom: 6px;
	}
	
		

#content-desktop {display: block;}
#content-mobile {display: none;}

@media screen and (max-width: 600px) {

#content-desktop {display: none;}
#content-mobile {
	display: block;
	background: url(bill/picts/bgtextures/beigediag01.jpg);
	}

















