/* Libertarian Party of Illinois */
/* Colors: Dark blue: #006; Lt blue: #CDDFF7; Red #911; Gold #db3 Lt Grey #f1f1f1*/

body 		{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	color: 
	background-color: #FC9;
	color: #666;
	background-color: #911;
}

div.page 	{ width: 780px; text-align: center; background: #fff; margin: auto; border: 10px #fff solid; }
div.header	{ width: 780px; text-align: left; background: url(/images/flag_banner_1.jpg) no-repeat #000; border-top: 5px solid #fff; }
div.main 	{
	width: 510px;
	text-align: left;
	float: left;
	clear: left;
	font-family: Arial, Helvetica, sans-serif;
	color: #666;
	background-color: #FFC;
	border-bottom-width: 7px;
	border-left-width: medium;
	border-bottom-style: double;
	border-left-style: solid;
	border-top-color: #911;
	border-right-color: #911;
	border-bottom-color: #911;
	border-left-color: #911;
	border-right-width: medium;
	border-right-style: solid;
}
div.sidebar {
	width: 255px;
	text-align: left;
	float: right;
	background-color: #999;
	color: #FFC;
	border-right-width: medium;
	border-bottom-width: 7px;
	border-right-style: solid;
	border-bottom-style: double;
	border-left-style: solid;
	border-top-color: #911;
	border-right-color: #911;
	border-bottom-color: #911;
	border-left-color: #911;
}
div.footer	{ border-bottom: 5px solid #db3; font-size: .8em; color: #fff; background: #006; text-align: center; clear: both; margin: 0; padding: .5em 0; }

h1 	{
	font-size: 20px;
	font-family: georgia, serif;
	background: url(/images/flag_head_1.jpg);
	margin: 0 5px .3em 10px;
	padding: 18px 10px 7px 10px;
	border-right: 1px solid #fff;
	color: #FFF;
}
h2 	{
	font-size: 16px;
	font-family: georgia, serif;
	background: url(/images/flag_head_2.jpg) repeat-x;
	margin: 5px 7px .1em 8px;
	padding: 20px 10px 7px 10px;
	clear: both;
	color: #FFF;
}
div.sidebar h2 { margin: 0; }
h3 	{ margin: .3em 20px .1em 20px; font-size: 1em; }
h4 	{ margin: .1em 20px .1em 20px; }

p			{ margin: .5em 20px .6em 20px; }
p.title		{ font-family: georgia, sans-serif; font-size: 32px; color: #FC0; margin: 5px 0 7px 100px; }
div.contact	{ float: right; font-size: 16px; font-family: georgia, serif; font-weight: bold; color: #fff; 
				text-align: center; width: 150px; margin: 10px 0 5px 0; }
div.email	{ float: right; font-size: 16px; font-family: georgia, serif; color: #db3; 
				text-align: center; width: 150px; margin: 10px 0 0 0; clear: right; }
p.menutop	{
	margin: 0;
	padding: 6px 0 4px 0;
	text-align: center;
	color: #fff;
	font-size: 1em;
	background-color: #333;
} 
p.menusub	{ color: #fff; font-size: .85em; margin: 0; padding: 0px 0 3px 0; text-align: center; }
p.menubottom{ color: #fff; clear: both; font-size: .85em; background: #000; margin: 10px 0 0 0; padding: 0 0 4px 0; border-top: 5px solid #fff; } 

p.quote { line-height: 1.2em; font-style: oblique; }
p.author { text-align: right; }

p.back	{ text-align: right; font-size: .9em; }
p.fine	{ font-size: .9em; }
p.caption { text-align: center; color: #8E2929; margin: 0 10px .1em 10px; }
ul, ol { margin-top: .3em; margin-bottom: .3em; margin-right: 20px; }
ul li { list-style: url(/images/bullet.gif) square; margin-top: .5em; margin-bottom: .5em; }
ol li { margin-top: .5em; margin-bottom: .5em; }

ul.chp_left { position: relative; left: 35px; float: left; }
ul.chp_right { position: relative; left: -35px; float: right; }

ul.res_left { float: left; width: 46%; margin: 10px 0 0 0; padding: 0; position: relative; left: 20px; }
ul.res_right { float: right; width: 46%; margin: 10px 0 0 0; padding: 0; position: relative; left: -18px; }
ul.res_left li, ul.res_right li { list-style: none; margin: 0 0 10px 0; }

a:link { color: #009; }
a:visited { color: #339; }
a:hover, a:focus { color: #911; }
p.menutop a:link, p.menusub a:link, p.menubottom a:link, p.menutop a:visited, p.menusub a:visited, p.menubottom a:visited  { color: #fff; text-decoration: none; }
p.menutop a:hover, p.menusub a:hover, p.menutop a:focus, p.menusub a:focus { color: #fd5; }
div.email a:link, div.email a:visited { color: #fff; }
p.menubottom a:link, p.menubottom a:visited { color: #fff; text-decoration: none; }
p.menubottom a:hover, p.menubottom a:focus { color: #fd5; }
p.menutop a.selected, p.menusub a.selected, p.menubottom a.selected { color: #ccf; }

form.info 	{ border: 1px #7a98B8 solid; margin: 10px; padding: 10px; }
p.button	{ text-align: center; margin: 0; }
p.honey		{ display: none; }	/* honeypot field, used to catch spammers. Should never be filled. */

table.calendar { margin: 1em auto; }
.calendar-month { color: #8e2929; font-weight: bold; text-align: center; }

span.reverse { unicode-bidi:bidi-override; direction: rtl; } /* Use for email addresses so they can't be harvested by spambots */

hr { color: #eee; background-color: #ccc; margin: 5px 20px; }

img.logo { float: left; margin: 3px; border: 0; }
div.main img { float: right; margin: 10px 0 10px 10px; border: 2px #EFEFEF outset; }
div.sidebar img { border: 0; margin: auto; }
p.photo	{ text-align: center; margin: .1em 0; }

div.thermometer 	{ color: #333; text-align: center; width: 80px; margin: 10px; clear: both; float: right; clear: both; }
div.thermometer p 	{ font-size: .8em; font-weight: bold; margin: 0; }
div.thermometer img	{ border: 0; float: none; }