body.bg{

}

body, html{
	margin:0;
	padding:0;
	font: 13px Palatino Linotype;
}

#frame{
	border-top: 34px solid #4c568b;
}

/*-----------------------------

		HEADER AREA

-----------------------------*/

#header
{
	height: 97px;

	width: 910px;
}

#logo
{
	width: 275px;
	height: 97px;
	float: left;
	background: url(images/logo_bg.gif) no-repeat 0 0;
}

#nav
{
	float: left;
	width: 630px;
	height: 97px;
	text-align: right;
}

#sub_nav1
{	
	padding-top: 41px;
	height: 20px;
	font: bold 10px Verdana;
	color: #7a7a7b;
	background: url(images/sub_nav1_bg.gif) no-repeat 0 0;
	padding-right: 25px;
}
#sub_nav2
{
	height: 36px;
	padding-top: 5px;
	text-transform: uppercase;
	background: url(images/sub_nav2_bg.gif) no-repeat 0 0;
}


/*-----------------------------

		MAIN AREA

-----------------------------*/

#main
{
	width: 890px;
}

body.ie6 #main
{
	width: 1000px;
}

#left
{
	width: 255px;
	padding: 20px 22px 0 0;
	float: left;
}

#right
{
	background: #fff url(images/right_bg.gif) no-repeat 0 0;
	width: 612px;
	float: left;
}


#content
{
	margin-top: 28px;
	border: 10px solid #d4d2e1;
	background: #d4d2e1 url(images/content2_bg.gif) repeat-y center top;
	font-size: 12px;
}

#promo
{
	background: url(images/promo_bg.jpg) no-repeat 0 0;
	width: 593px;
	height: 241px;
}

#content_left
{
	width: 282px; /*311-18-10*/
	float: left;
	color: #43c0bf;
	padding: 27px 10px 10px 18px;
}

#content_right
{
	width: 228px; /*273-21-24*/
	float: right;
	padding: 28px 21px 28px 24px;
}

#content_left #static ul
{
	line-height: 20px;
}

#content_left #static li
{
	list-style-image: url(images/arrow.gif);
}

#content_left #static a
{
	color: #a9a9d0;
	text-decoration: none;
	margin-left: 188px;
	padding-left: 12px;
	background: url(images/learn.gif) no-repeat left center;
}

#static
{
	background: url(images/bar.gif) no-repeat bottom center;
	padding-bottom: 10px;
}
/*-----------------------------

		FOOTER AREA

-----------------------------*/

#footer
{
	font: 9px Verdana;
	color: #7e7c7f;
	background: #fff url(images/footer_bg.gif) repeat-x 0 0;
	margin-top: 7px;
	padding: 20px 0 0 275px;
}

#footer_inner
{
	width: 480px;
}

/*-----------------------------

		LINKS AREA

-----------------------------*/

/*Header Links*/
#sub_nav1 a:link, #sub_nav1 a:visited
{
	color: #7a7a7b;
	text-decoration: none;
	text-transform: uppercase;
}

#sub_nav1 a:hover
{
	text-decoration: underline;
}

#sub_nav2 a
{
	display: block;
	height: 31px;
	padding-top: 5px;
	float: left;
}

a#conferences:link, a#conferences:visited
{
	background: url(images/conferences.gif) no-repeat 0 0;
	width: 93px;
}

a#services_corp:link, a#services_corp:visited
{
	background: url(images/services_corp.gif) no-repeat 0 0;
	width: 101px;
}

a#legislative_info:link, a#legislative_info:visited
{
	background: url(images/legislative_info.gif) no-repeat 0 0;
	width: 114px;
}

a#counties:link, a#counties:visited
{
	background: url(images/counties.gif) no-repeat 0 0;
	width: 98px;
}

a#mac_pac:link, a#mac_pac:visited
{
	background: url(images/mac_pac.gif) no-repeat 0 0;
	width: 68px;
}

a#events:link, a#events:visited
{
	background: url(images/events.gif) no-repeat 0 0;
	width: 57px;
}

a#committees:link, a#committees:visited
{
	background: url(images/committees.gif) no-repeat 0 0;	
	width: 82px;
}

#sub_nav2 a:hover
{
	background-position: 0 -31px;
}

#logo a
{
	display: block;
	width: 275px;
	height: 97px;
}

#logo a#ServiceCorporation
{
	display: block;
	width: 275px;
	height: 97px;
	background: url(images/logo_bg_services.gif) no-repeat 0 0;
}

/*Footer Links*/
#footer a:link, #footer a:visited
{
	color: #4c568b;
	text-decoration: none;
}

#footer a:hover
{
	text-decoration: underline;
}

/*Left Links*/
a.side_nav:link, a.side_nav:visited
{
	display: block;
	width: 237px;
	height: 19px;
	text-decoration: none;
	font: bold 11px Verdana;
	color: #4c568b;
	background: url(images/side_nav_bg.gif) no-repeat 0 0;	
	padding: 5px 0 0 18px;
	margin: 4px 0 4px 11px;
}
a.side_nav:hover
{
	background-position: 0 -24px;
}

/*Right Links*/
#sub_content_inner a:link, #sub_content_inner a:visited
{
	text-decoration: none;
	color: #4c568b;
}

#sub_content_inner a:hover
{
	color: #41c1c2;
}

/*-----------------------------

		SUB PAGES

-----------------------------*/

#sub_content
{
	margin-top: 28px;
	border: 10px solid #d4d2e1;
	font-size: 12px;
}

/*Sub Promo Area*/	
#sub_promo_ServiceCorporation
{
	background: url(images/sub_promo_services.jpg) no-repeat 0 0;
	width: 592px;
	height: 134px;
}
#sub_promo_LegislativeInformation
{
	background: url(images/sub_promo_legislative.jpg) no-repeat 0 0;
	width: 592px;
	height: 134px;
}
#sub_promo_Conferences
{
	background: url(images/sub_promo_conferences.jpg) no-repeat 0 0;
	width: 592px;
	height: 134px;
}
#sub_promo_TheCounties
{
	background: url(images/sub_promo_counties.jpg) no-repeat 0 0;
	width: 592px;
	height: 134px;
}
#sub_promo_MACPAC
{
	background: url(images/sub_promo_macpac.jpg) no-repeat 0 0;
	width: 592px;
	height: 134px;
}
#sub_promo_Committees
{
	background: url(images/sub_promo_committees.jpg) no-repeat 0 0;
	width: 592px;
	height: 134px;
}
#sub_promo_Events
{
	background: url(images/sub_promo_events.jpg) no-repeat 0 0;
	width: 592px;
	height: 134px;
}


#sub_content_inner
{
	background: #fff url(images/sub_content_inner_bg.gif) repeat-x 0 0;
	padding: 14px 27px 30px 32px;
}

#sub_content_heading
{
	font: bold 21px Times;
	color: #4c568b;
	height: 24px;
	padding-bottom: 20px;
}


/*-----------------------------

		GENERIC CLASSES

-----------------------------*/

.hide{
	display : none;
}

.clear{
	clear : both;
}

.False
{
	display: none;
}

.purpleheading
{
	font: bold 17px Helvetica;
	color: #4c568b;
}

.aquaheadingbig
{
	font: bold 17px Helvetica;
	color: #43c0bf;
}

.aquaheading
{
	font-weight: bold;
	color: #399;
}

.caps_aquaheading
{
	font-weight: bold;
	color: #399;
	text-transform: uppercase;
	font-size: 11px;
}

.smallfont
{
	font-size: 12px;
}

.purplefont
{
	color: #4c568b;
	font-weight: bold;
}

/*-----------------------------

		CONTAINERS

-----------------------------*/

.dotted_line
{
	background: url(images/dotted_line.gif) no-repeat 0 0;
	padding: 5px 0 0 20px;
}

/* OTher stuff */

CAPTION
{
	 font-family: Verdana, Arial;
     font-size: x-small;
}

LABEL
{
	 font-family: Verdana, Arial;
     font-size: x-small;
}
OPTION
{
}
SELECT
{
	 font-family: Verdana, Arial;
     font-size: x-small;
}
H1
{
	font-size: x-small;
	font-family: Verdana, Arial;
}
H2
{
	font-size: x-small;
	font-family: Verdana, Arial;
}
h3
{
	font-weight: bold;
	font-size: 12pt;
	color: #000099;
	font-family: Arial Narrow, Helvetica, sans-serif;
}

.actionButton
{
	border-right: #6699cc 1px solid;
	border-top: #6699cc 1px solid;
	font-size: x-small;
	border-left: #6699cc 1px solid;
	width: 80px;
	border-bottom: #6699cc 1px solid;
	font-family: Verdana, Arial;
}

.xButton
{
	border-right: #6699cc 1px solid;
	border-top: #6699cc 1px solid;
	font-size: x-small;
	border-left: #6699cc 1px solid;
	border-bottom: #6699cc 1px solid;
	font-family: Verdana, Arial;
}

.normalINPUT
{
	border-right: #6699cc 1px solid;
	border-top: #6699cc 1px solid;
	font-size: x-small;
	border-left: #6699cc 1px solid;
	border-bottom: #6699cc 1px solid;
	font-family: Verdana, Arial;
}

.textINPUT
{
	border-right: #6699cc 1px solid;
	border-top: #6699cc 1px solid;
	font-size: x-small;
	border-left: #6699cc 1px solid;
	border-bottom: #6699cc 1px solid;
	font-family: Verdana, Arial;
	scrollbar-base-color: #6699cc;
	scrollbar-3dlight-color: #6699cc;
	scrollbar-hightlight-color: #6699cc;
	scrollbar-shadow-color: #6699cc;
	scrollbar-darkshadow-color: #6699cc;
}

.groupHeader
{
	font-size: x-small;
	border-bottom: thin solid;
	font-family: Verdana, Arial;
	background-color: #ccccff;
}

.numericField
{
	border-right: #6699cc 1px solid;
	border-top: #6699cc 1px solid;
	font-size: x-small;
	border-left: #6699cc 1px solid;
	border-bottom: #6699cc 1px solid;
	font-family: Verdana, Arial;
	text-align: right;
}

.xtitle
{
	font-weight: bold;
	font-size: 13pt;
	color: #006699;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
	
.xtitle2
{
	font-weight: bold;
	font-size: 11pt;
	color: #000066;
	font-family: Verdana, Arial, Arial Narrow, Helvetica, sans-serif;
}
	
.xheader
{
	font-weight: bold;
	font-size: x-small;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.xfooter
{
	font-size: x-small;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.xitem
{
	font-size: x-small;
	text-transform: capitalize;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.navtext
{
	font-weight: bold;
	color: #ffffff;
}
.navlink:link
{
	color: silver;
	text-decoration: none;
}
.navlink:active
{
	color: silver;
	text-decoration: none;
}
.navlink:visited
{
	color: silver;
	text-decoration: none;
}
.navlink:hover
{
	color: white;
	text-decoration: underline;
}
.rheader
{
	font-weight: bold;
	color: white;
	background-color: #ccccff;
}
                
.rheadercol2
{
	border-right: black 1px solid;
	border-top: black 1px solid;
	border-left: black 1px solid;
	border-bottom: black 1px solid;
}
                
.rheadercoll2
{
	border-right: 1px solid;
	border-top: black 1px solid;
	border-left: black 1px solid;
	border-bottom: black 1px solid;
}
.rheadercolr2
{
	border-right: black 1px solid;
	border-top: black 1px solid;
	border-left: 1px solid;
	border-bottom: black 1px solid;
}
.rbody
{
	background-color: #ffffff;
}
.rbodycol2
{
	border-right: black 1px solid;
	border-top: 1px;
	border-left: black 1px solid;
	border-bottom: black 1px solid;
}
.smalltext
{
	font-size: 9pt;
	color: gray;
	line-height: 140%;
	font-family: Verdana, Arial;
}
.xtext
{
	font-weight: bold;
	font-size: 9pt;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.normal
{
	
	font-size: 9pt;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.navtable
{
	font-weight: bold;
	color: #ffffff;
	background-color: #ccccff;
}
                
.list
{
	border-right: 1px solid;
	border-top: 1px solid;
	font-size: x-small;
	text-transform: capitalize;
	border-left: 1px solid;
	border-bottom: 1px solid;
}
