/* http://www.IanGClark.net/ CSS File */

/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
	#container1, #container2, #container3, #containerblank, #containerwhite {
		margin-left: 2%;
		margin-right: 2%;
	}
	.column, .column-p {
    		width: 100%;
	}
} 

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
	#container1, #container2, #container3, #containerblank, #containerwhite {
		margin-left: 2%;
		margin-right: 2%;
	}
	.column {
    		width: 33.33%;
	}
	.column-p {
    		width: 100%;
	}
} 

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
	#container1, #container2, #container3, #containerblank, #containerwhite {
		margin-left: 10%;
		margin-right: 10%;
		
	}
	.column, .column-p {
    		width: 33.33%;
	}
} 

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
	#container1, #container2, #container3, #containerblank, #containerwhite {
		margin-left: 15%;
		margin-right: 15%;
	}
	.column, .column-p {
    		width: 33.33%;
	}
} 

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
	#container1, #container2, #container3, #containerblank, #containerwhite {
		margin-left: 20%;
		margin-right: 20%;
	}
	.column, .column-p {
    		width: 33.33%;
	}
}

.column {
	float: left;
}

.column-p {
	float: left;
	min-width: 215px;
}

.column-content {
	width: 195px;
	margin-left: auto;
	margin-right: auto;
}

.column-content-p {
	width: 205px;
	margin-left: auto;
	margin-right: auto;
}

.row:after {
	content: "";
	display: table;
	clear: both;
}

#container1 {
	border: 5px solid #006666;
	voice-family: "\"}\"";
	voice-family: inherit;
}

#container2 {
	border: 5px solid #006666;
	padding: 1px;
	voice-family: "\"}\"";
	voice-family: inherit;
}

#container3 {
	background-image: url(graphics/paper2.gif);
	border: 5px solid #006666;
	voice-family: "\"}\"";
	voice-family: inherit;
}

#containerblank {
	voice-family: "\"}\"";
	voice-family: inherit;
}

#containerwhite {
	color: white;
	voice-family: "\"}\"";
	voice-family: inherit;
}

#header1 {
	margin-left: 0;
	margin-right: 0;
	background: #E2E2C2;
	voice-family: "\"}\"";
	voice-family: inherit;
}

#header2 {
	margin-left: 0;
	margin-right: 0;
	background: #003366;
	color: white;
	voice-family: "\"}\"";
	voice-family: inherit;
}

#header3 {
	margin-left: 0;
	margin-right: 0;
	background: #DDE3E3;
	voice-family: "\"}\"";
	voice-family: inherit;
}

#headerplain {
	margin-left: 0;
	margin-right: 0;
	voice-family: "\"}\"";
	voice-family: inherit;
}

#headerheight, #footerheight { 	/* give the header/footer some height! */
	clear: both;
}

#header-left {
	float: left;
	padding: 10px;
	max-width: 70%;
}

#header-left2 {
	/*float: left;*/
	padding: 10px;
	max-width: 70%;
}
#header-right2 {
	float: right;
	text-align: right;
	padding: 0.5em;
}
#footer-left2 {
	/*float: left;*/
	padding: 0.5em;
}

#footer-right2 {
	float: right;
	text-align: right;
	padding: 0.5em;
}

#header-right {
	float: right;
	text-align: right;
	padding: 0.5em;
}

#footer-left {
	float: left;
	padding: 0.5em;
}

#footer-right {
	float: right;
	text-align: right;
	padding: 0.5em;
}

#content1 {
	width: auto;
	margin-left: auto;
       	margin-right: auto;
	border-top: 1px solid gray;
	padding: 0.5em;
	background: #F5F5E9;
}

#content3 {
	width: auto;
	margin-left: auto;
       	margin-right: auto;
	border-top: 1px solid gray;
	border-bottom: 1px solid gray;
	padding: 0.5em;
}

#content4 {
	width: auto;
	margin-left: auto;
       	margin-right: auto;
	text-align: center;
	margin-top: 1em;
}

#content1 table {
	margin-left: auto;
	margin-right: auto;
	border: none;
}

#footer1 {
	margin-left: 0;
	margin-right: 0;
	background: #E2E2C2;
	border-top: 1px solid gray;
	voice-family: "\"}\"";
	voice-family: inherit;
}

#footer2 {
	margin-left: 0;
	margin-right: 0;
	background: #003366;
	voice-family: "\"}\"";
	voice-family: inherit;
}

#footer3 {
	margin-left: 0;
	margin-right: 0;
	background: #DDE3E3;
	voice-family: "\"}\"";
	voice-family: inherit;
}

#footerplain {
	margin-left: 0;
	margin-right: 0;
	voice-family: "\"}\"";
	voice-family: inherit;
}

a:link { font-family: arial,sans-serif,helvetica,verdana; text-decoration: none; color: #0000FF;}
a:visited { font-family: arial,sans-serif,helvetica,verdana; text-decoration: none; color: #551A8B;}
a:hover { font-family: arial,sans-serif,helvetica,verdana; color: #FF0000; text-decoration: underline;} 
a:active { font-family: arial,sans-serif,helvetica,verdana; text-decoration: none; color: #FF0000;}
BODY { font-family: arial,sans-serif,helvetica,verdana; color: #000000;}
body.directory {
	background-image: url("graphics/paper2.jpg");
}

P { font-family: arial,sans-serif,helvetica,verdana;}
P.igc { margin-left:5%; margin-right:5%;}
P.cptn { margin-top: 0.5em; margin-bottom: 0; margin-left:5%; margin-right:5%; font-size: 0.9em; text-align: center;}
P.rght { text-align: right; float: right; clear: right; line-height: 0.9em;}

td.igc {  font-family: arial,sans-serif,helvetica,verdana; font-weight: bold; BORDER-WIDTH: 1px; BORDER-STYLE: inset; BORDER-COLOR: BLACK; color: WHITE; BACKGROUND-COLOR: DARKGREEN;}
a.igc:link { color: WHITE; font-weight: bold;}
a.igc:visited { color: WHITE; font-weight: bold;}
a.igc:hover { color: YELLOW; text-decoration: underline; font-weight: bold;}
a.igc:active { color: WHITE; font-weight: bold;}
a.igc2 { padding-left: 1em; padding-right: 1em;}
a.igc3 { padding-left: 1em; }
a.hdrsml { font-size: 0.85em; padding-right: 1em;}
a.ftrsml, em.ftrsml { font-size: 0.85em;}
em.sml { font-size: 0.75em; }
label.ftr { font-size: 0.85em; color: white;}
input[type="radio"].ftr { margin: 2px 3px 0px 5px !important; }

a.chr:link { color: #33FF00;}
a.chr:visited { color: #CCAA55;}
a.chr:hover { color: #FF0000; text-decoration: underline;}
a.chr:active { color: #FF0000;}

.section {
	font-weight: bold;
}
.subsection {
	font-size: 0.8em;
	white-space: nowrap;
}

img.left {
	float: left;
}

img.right {
	float: right;
}

img.responsive {
	max-width: 100%;
	height: auto;
}

img.brdr {
	border: 1px solid black;
	box-sizing: border-box;
}
img.brdrw {
	border: 1px solid white;
	box-sizing: border-box;
}

img.google {
	vertical-align: bottom;
}

table.igc {
	width: auto;
	margin-left:auto;
       	margin-right: auto;
	text-align: left;
}

ul.idea {
	margin-left: 2em;
	list-style-type: none;
}

li.myidea {
	margin-bottom: 1em;
	list-style-image: url(ideas/graphics/myidea.gif);
}

li.why {
	margin-bottom: 1em;
	list-style-image: url(ideas/graphics/why.gif);
}

li.join {
	margin-bottom: 1em;
	list-style-image: url(ideas/graphics/join.gif);
}

li.goodidea {
	margin-bottom: 1em;
	list-style-image: url(ideas/graphics/goodidea.gif);
}

li.rant {
	margin-bottom: 1em;
	list-style-image: url(ideas/graphics/rant.gif);
}

li.baddesign {
	margin-bottom: 1em;
	list-style-image: url(ideas/graphics/baddesign.gif);
}

li.lnk {
	margin-bottom: 1em;
	list-style-image: url(ideas/graphics/link.gif);
}

h1 {
	font-size: 1.5em;
}

h1.igc {
	font-size: 1.5em;
	padding-top: 0.5em;
	margin-bottom: 0;
}
h1.graphic {
	margin-block-start: 0;
	margin-block-end: 0;
}
h3.igc {
	padding-top: 0.5em;
	margin-bottom: 0;
}

.clear {
	clear:both;
}

.cntr {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.tcntr {
	text-align: center;
}

.tnmt {
	margin-block-start: 0;
}

.tnmb {
	margin-block-end: 0;
}

.tpsp {
	margin-top: 15px;
}

.pb {
	padding-bottom: 1em;
	line-height: 1.8em;
	margin-block-end: 0;
}
.pr {
	padding-right: 2em;
}

.clrlft {
	clear: left;
}

.clrrght {
	clear: right;
}