/* $Header: /data/cvs/jeremycharles/jeremycharles.css,v 1.8 2009/11/30 12:01:22 jcharles Exp $ */

/* Styles for use with my campaign web site   */
/*                                                    */
/* (c)2009 Jeremy L. Charles, jeremy@jeremycharles.us */


/* Default styles for the overall document */

BODY {
	background-color	: white;
	font-family		: "Times New Roman";
	font-size		: 14pt;
}

TABLE {
	border-collapse		: collapse;
}

/* By default, don't put any borders on images */

IMG {
	border			: 0px;
}

/* Leave some space between list items */

LI {
	margin-bottom		: 12px;
}

/* Styles that make up the elements of header and footer B */

DIV.HeaderB {
	background-color	: #1c3cc6;
	border-bottom		: solid 2px #000000;
	padding			: 2px;
	text-align		: center;
}

DIV.HeaderB TABLE {
	border-collapse		: collapse;
	width			: 100%;
}

TD.HeaderBLeft {
	text-align		: left;
	width			: 25%;
}

TD.HeaderBMid {
	text-align		: center;
	width			: 50%;
}

TD.HeaderBRight {
	text-align		: right;
	width			: 25%;
}

/* The main components of each page */

TABLE.MainBody {
	width			: 100%;
}

TD.LeftMenu {
	background-color	: #F0E828;
	border-right		: solid 2px #1c3cc6;
	font-size		: 12pt;
	font-weight		: bold;
	padding-left		: 2px;
	padding-right		: 4px;
	padding-top		: 4px;
	vertical-align		: top;
	width			: 10%;
}

P.LeftMenuHead {
	border-bottom		: solid 1px #000000;
	font-family		: Helvetica;
	font-size		: 14pt;
	font-weight		: bold;
	text-align		: center;
}

TD.RightContent {
	background-color	: #E8E8E8;
	font-family		: Helvetica;
	font-size		: 14pt;
	padding-left		: 4px;
	padding-right		: 2px;
	padding-top		: 4px;
	text-align		: left;
	vertical-align		: top;
}

/* Facebook badge */

DIV.Facebook {
	border-top		: solid 1px #000000;
}

DIV.Facebook A:link {
	color			: #000000;
	text-decoration		: none;
}

DIV.Facebook A:visited {
	color			: #000000;
	text-decoration		: none;
}

DIV.Facebook A:hover {
	color			: #000000;
	text-decoration		: none;
}

DIV.Facebook A:active {
	color			: #000000;
	text-decoration		: none;
}

DIV.Facebook P.Graphic {
	text-align		: center;
}

/* Floating an image to the right with a caption */

DIV.ImgRight {
	background-color	: #E0E0FF;
	float			: right;
	font-family		: "Times New Roman";
	font-size		: 12pt;
	padding			: 4px;
	text-align		: center;
}

/* Yellow color to use for text background (district4 page) */

SPAN.Yellow {
	background-color	: #F8F131;
}

/* The Paid For tag at the bottom of each page */

P.PaidFor {
	font-size		: 10pt;
	text-align		: center;
}

/* Four distinct styles of table rows are provided below.  These are primarily
   intended to provide for a "header" row followed by alternating "odd"/"even"
   rows of data.  A "tail" row may also be included for things like totals. */

TR.DataHead {
	background-color	: #F0F0A0;
	border-bottom		: solid thin orange;
	font-family		: Helvetica;
	font-weight		: bold;
}

TR.DataHead TD {
	padding			: 5px;
}

SPAN.DataHeadComment {
	font-size		: 12pt;
	font-style		: italic;
	font-weight		: normal;
}

TR.DataTail {
	background-color	: #F0F0A0;
	border-top		: solid thin orange;
	font-family		: Helvetica;
	font-weight		: bold;
}

TR.DataTail TD {
	padding			: 5px;
}

TR.DataOdd {
	background-color	: #FFFFFF;
}

TR.DataOdd TD {
	padding			: 5px;
}

TR.DataEven {
	background-color	: #E0F0E0;
}

TR.DataEven TD {
	padding			: 5px;
}

TD.DataNumeric {
	text-align		: right;
}

TD.DataNumericRed {
	border-bottom		: solid thick red;
	border-left		: solid thick red;
	border-right		: solid thick red;
	border-top		: solid thick red;
	color			: #FF0000;
	text-align		: right;
}

/* Styles to provide various levels of headers for pages/divs/whatever that are primarily text. */

P.TextHead1 {
	background-color	: #D0D0FF;
	color			: #000080;
	font-family		: Helvetica;
	font-size		: 24pt;
	font-weight		: bold;
	text-align		: center;
}

P.TextHead1 SELECT {
	color			: #000080;
	font-family		: Helvetica;
	font-size		: 24pt;
	font-weight		: bold;
}

P.TextHead2 {
	border-bottom		: thin solid #008000;
	color			: #008000;
	font-family		: Helvetica;
	font-size		: 18pt;
	font-weight		: bold;
	text-align		: left;
}

P.TextHead3 {
	color			: #600060;
	font-family		: Helvetica;
	font-size		: 16pt;
	font-style		: italic;
	font-weight		: bold;
	text-align		: left;
}

SPAN.TextHead3 {
	color			: #600060;
	font-family		: Helvetica;
	font-size		: 16pt;
	font-style		: italic;
	font-weight		: bold;
}

/* Character formatting styles for inline code fragments.  Portions of code
   that are to be substituted by the reader (i.e. "fill in the blank") should
   use the CodeVar style. */

SPAN.Code {
	color			: black;
	font-family		: Courier;
}

SPAN.CodeVar {
	color			: #303050;
	font-family		: Courier;
	font-style		: italic;
	font-weight		: bold;
}

/* Formatting for the jumpbar */

DIV.JumpBar {
	border-bottom		: solid 2px #005050;
	text-align		: center;
}

/* Used when you want to split a space in to two columns */

DIV.ColumnRight {
	float			: right;
	width			: 49%;
}

DIV.ColumnLeft {
	float			: left;
	width			: 49%;
}