/*Of note is the setting of a fixed attachment background image. The image is positioned
at the bottom right of the window and does not scroll - it stays fixed. This is the phone number.*/

	
	body {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 105%;
	margin: 0;
	padding: 0;
	color: #CCCCCC;
	background-color: #E6E6E6;
	background-image:  url(images/BUS_phone.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	background-attachment: fixed;
}
p {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 105%;
	margin: 0;
	padding: 0;
	color: #000000;
}
/*Style attributes common to all level 1-4 headings*/
h1, h2, h3, h4 {
	font-family: Georgia, "Times New Roman", Times, serif;
	margin: 0;
	line-height: normal;
	font-weight: normal;
}
/*Style attributes specific to all level 1 headings*/
h1 {
	font-size: 1.7em;
	color: #003399;
	font-weight: bold;
	font-variant: small-caps;
}
/*Style attributes specific to all level 2 headings*/
h2 {
	font-size: 1.55em;
	color: #333333;
	padding: 6px 0px;

}
/*Style attributes specific to all level 3 headings*/
h3 {
	font-size: 1.35em;
	color: #660000;
}
/*Style attributes specific to all level 4 headings*/
h4 {
	font-size: 1.20em;
	color: #660000;
}
h5 {
	font-family: Georgia, "Times New Roman", Times, serif;
	line-height: 1.3;
	color: #000000;
	margin-left: 170px;
	font-size: 12px;
	margin-top: 5px;
	font-weight: normal;
	margin-right: 5px;
}
.picture {
	float: right;
}
img {
    border: none;
}

.style1 {
  color: #000000;
}

.smallitalic {
	font-size: 11px;
	color: #666666;
	font-style: italic;
	line-height: 13px;	
}

.footer {
	font-size: 12px;
	color: #666666;
	
}


/*The wrapper envelopes all page elements below the masthead.
To center the layout we set left and right margins to "auto".
Width of 750px sets the width for the entire layout.*/
#wrapper {
	margin: 8px auto 0;
	width: 768px;
}
/*The mainbox DIV is the right column that contains the page's main content.
Mainbox is floated right, adjacent to the sidebox. The sidebox is also floated
right, but since mainbox comes first in the source code, it is positioned to
the right of sidebox.*/
#mainbox {
	float: right;
	width: 525px;
	margin: 0;
	background-color: #E6E6E6;
}
/*Maincontent DIV is nested inside the mainbox so that it can have its own padding.
Because it's nested inside mainbox, maincontent's padding does not affect the layout's
box model calculations.*/
#maincontent {
	padding: 0 0 12px 0;
	font-size: 0.9em;
	line-height: 1.5em;
}
/*The sidebox DIV is the left column that contains the nav menu and sidecontent.
Sidebox is floated right, adjacent to the mainbox. The mainbox is also floated
right, but since sidebox comes after mainbox in the source code, it is positioned to
the left of mainbox. A background image is positioned at the top left edge of this DIV.*/
#sidebox {
	width: 170px;
	float: right;
	margin-right: 16px;

}
/*-------- BOX MODEL NOTE ---------*/
/*To calculate the total layout width, we add the declared widths of
sidebox and mainbox: 250 + 482 = 732 (the width set on the wrapper DIV).
Then we add the right margin on sidebox: 732 + 16 = 748. Lastly, to work
around a box model difference on IE (PC and Mac) we add the left and right
borders assigned to sidebar: 748 + 2 = 750.*/

/*Sidebar is nested inside the sidebox DIV. By nesting this DIV,
we can add padding or borders and it will not affect the layout's box model calculations.
A gradient background and matching color are assigned. Left margin is set to 70px, which
clears enough room for the background image assigned to the top left edge of the sidebox DIV.
Width is deduced by adding the left margin value to declared width: 70 + 180 = 250,
which must equal the width assigned to the sidebox DIV.
Sidebar also serves as the container for the page's navigation menu.*/
#sidebar {
	background-color: #FFFFFF;
	border: 1px solid #333333;
	width: 175px;
	margin: 0 0 0 0px;
}
/*Sidecontent is assigned to a DIV nested inside the sidebox DIV and below the sodebar.
By nesting this DIV, we can add padding and it will not affect the layout's
box model calculations.*/
#sidecontent {
	padding: 28px 12px 20px 12px;
	font-size: 0.9em;
	background-image: url(images/side2008.jpg);
	background-repeat: no-repeat;
	height: 308px;
	
}

/*The footer is positioned by setting its left margin to 268px - the sum of the sidebox width.*/
#footer {
	font-size: 0.75em;
	margin-left: 236px;
	padding-bottom: 34px;
	color: #666666;
}


	
/*This is a class assigned to section DIVs inside the maincontent DIV and allows each section
to have its own borders and padding, as well as a background image that sets a special "bullet" next
to each section heading. Because the "section" DIVs are nested inside maincontent, they do not affect
the layout's box model calculations.*/
.section {
	background-image:  url(images/CI_secbg.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding: 20px 16px 0 32px;
	margin-bottom: 14px;
	background-color: #FFFFFF;
	border-left: 1px solid #616161;
	border-right: 1px solid #616161;
	border-bottom: 1px solid #616161;
	border-top: 1px solid #616161;
	font-size: 12px;
}

.section li, ul {
	font-family: Georgia, "Times New Roman", Times, serif;
	margin-left: 14px;
	padding: 0;
	color: #666666;
}
	
/*This is a class assigned to section DIVs inside the maincontent DIV and allows each section
to have its own borders and padding, as well as a background image that sets a special "bullet" next
to each section heading. Because the "section" DIVs are nested inside maincontent, they do not affect
the layout's box model calculations.*/
.frontpage {
	background-image:  url(images/Capitol.jpg);
	background-repeat: repeat;
	background-position: left top;
	padding: 10px 16px 0 32px;
	margin-bottom: 12px;
	background-color: #FFFFFF;
	border-left: 1px solid #616161;
	border-right: 1px solid #616161;
	border-bottom: 1px solid #616161;
	border-top: 1px solid #616161;
	font-size: 12px;
	height: 380px;
}

.frontpage h1 {
	font-size: 1.6em;
	color: #003399;
	line-height: 1.5;
	font-weight: bold;
	font-variant: small-caps;
	margin-left: 150px;
}
.frontpage h2 {
	font-size: 11pt;
	line-height: 1.2;
	color: #FFFFFF;
	margin-left: 150px;
	
}


/*This is a class assigned to section DIVs inside the maincontent DIV and allows each section
to have its own borders and padding, as well as a background image that sets a special "bullet" next
to each section heading. Because the "section" DIVs are nested inside maincontent, they do not affect
the layout's box model calculations.*/
.news {
	background-image:  url(images/newsback.jpg);
	background-repeat: repeat;
	background-position: left top;
	padding: 10px 16px 0 32px;
	margin-bottom: 12px;
	background-color: #FFFFFF;
	border-left: 1px solid #616161;
	border-right: 1px solid #616161;
	border-bottom: 1px solid #616161;
	border-top: 1px solid #616161;
}
.news li, ul {
   color: #006600;
   font-size: 10pt;
}
.news a:link, a:hover, a:active, a:focus  {
	color: #006600;
	}

.news h1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	margin: 0;
	line-height: normal;
	font-weight: normal;
    font-size: 1.25em;

	color: #003399;
	font-weight: bold;
	font-variant: small-caps;
}
.news h2 {
	font-size: 1.35em;
	color: #333333;
	padding: 6px 0px;

}

	
/*Paragraphs inside maincontent and sidecontent DIVs*/
#maincontent p, #sidecontent p {
	margin: 6px 0 12px 0;

}




/*-----PAGE LINK STYLES --------*/
/*Specific link styles for links are assigned based upon the element that contains them.*/
#news a:link, a:hover, a:active, a:focus  {
	color: #006600;
	}

#mainbox a:link, #footer a:link {
	color: #E7423C;
}
#mainbox a:visited, #footer a:visited {
	color: #EE6157;
}
#mainbox a:hover, #mainbox a:active, #mainbox a:focus,
#footer a:hover, #footer a:active, #footer a:focus {
	color: #666699;
}
#sidecontent a:link {
	color: #000000;
}
#sidecontent a:visited {
	color: #333333;
}
#sidecontent a:hover, #sidecontent a:active, #sidecontent a:focus {
	color: #FFFFFF;
}
#small {
font-size: 9px;
color: #666666}
}