body { background-image: url(images/bk_page.gif); background-repeat: repeat; background-color: #cccccc; margin-top: 10px; margin-left: 0px;}

/* body {background: #222222 url(images/MayorsAgainstIllegalGuns_bg_wide2.jpg) fixed repeat-x top center;} */ 

	li:spacedout { line-height: 2.0; padding-bottom: 20px; }

/* JQUERY slideshow */
#photos img { display: none; }

#photos .show { display: inline; }

#container2 { position: relative; }

/* Page Parts */	
#top { background-image: url(images/border_top.gif); background-repeat: no-repeat; position: relative; top: 0px; margin-left: auto; margin-right: auto; border: 0px #000000 dashed; width: 800px; height: 12px; }
#header { margin-left: auto; margin-right: auto; position: relative; top: 0px; border: 0px #000000 dashed; width: 784px; height: 160px; }
#headerLogin { padding: 40px 0 0 0; float:right; border:0px #000000 dashed; width:250px; height:120px; }
#wrap { background-image: url(images/bk_content.gif); background-repeat: repeat; background-color: #ecd21c; position: relative; margin-left: auto; margin-right: auto; width: 800px; }
#bottom { position: relative; top: 0px; margin-left: auto; margin-right: auto; border: 0px #000000 dashed; width: 800px; height: 12px; }
#content {  position: relative; margin-left: auto; margin-right: auto; width: 760px; border: 0px #000000 dotted; }
#page, #page2 {  position: relative; margin-left: auto; margin-right: auto; width: 784px; min-height: 1600px; }
#page2 { min-height: 1900px; }
#pagetitle { position: relative; top: 0px; margin-left: auto; margin-right: auto; border-bottom: 1px #7d7d7d dashed; width: 740px; height: 28px; }

#whopays {  position: relative; margin-left: auto; margin-right: auto; width: 784px; height: 2300px; }

#menu { margin-top: 2px; margin-left: auto; margin-right: auto; background-color: #0000ff; position: relative; border: 0px; width: 790px; height: 25px; }
#menubottom { position: relative; top: 0px; left: 125px; border: 1px; width: 575px; height: 30px; }
#sidemenu { background-color: #ebebeb; padding: 5px; position: relative; top: 0px; left: 10px; border: 1px #0000ff solid; width: 163px; border-radius: 5px; }

#sidemenu2 { background-image: url(images/issues/obama.jpg); background-color: #ebebeb; padding: 5px; position: relative; top: 20px; left: 10px; border: 1px #0000ff solid; width: 163px; }

#footer { margin-left: auto; margin-right: auto; position: relative; top: 10px; border: 0px #000000 dashed; width: 798px; height: 50px; }

#error { background-color: #ffffff; padding: 10px; margin-left: auto; margin-right: auto; margin-bottom: 20px; position: relative; border: 1px #0000ff dashed; width: 550px; }

#aloha1 { background-image: url(images/bk_aloha.gif); background-repeat: no-repeat; margin-left: auto; margin-right: auto; padding: 0px; position: relative; height: 260px; width: 580px; border: 0px #0000ff solid; }

#aloha2 { margin-left: auto; margin-right: auto; padding: 5px 20px 25px 20px; position: relative; height: 220px; width: 350px; border: 0px #0000ff solid; }

/* Text Options */	
	.large { font-family: Times New Roman, Times, serif; font-size: 40pt; font-weight: normal; font-style: normal; font-variant: normal; text-transform: none; color: #0000ff; text-align: center; text-decoration: none; }
	
	.title { margin-top: 5px; margin-bottom: 5px; margin-left: 0px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; font-style: normal; font-weight: bold; color: #0000ff; text-align: left; line-height: 1.0; }

	.title2 { margin-top: 5px; font-family: Times New Roman, Times, serif; font-size: 18pt; font-style: italic; font-weight: normal; color: #7d7d7d; text-align: left; }

	.surftitle { margin-top: 5px; margin-bottom: 5px; margin-left: 0px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; font-style: normal; font-weight: bold; color: #f7ce26; text-align: center; line-height: 1.0; }

	.grande { height: 85px; font-family: Arial, Helvetica, sans-serif; font-size: 60pt; font-weight: normal; color: #0000ff; text-align: center; }
        	
	.basic, .basic1, .basicR, .basicSM, .basicSM, .basicSMr, .basic1 { margin-left: 0px; padding-right: 15px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; font-style: normal; font-weight: normal; color: #0000ff; text-align: justify; line-height: 1.2; }
	.basicR { padding-right: 3px; text-align: right; }
	.basicSM { font-size: 7pt; }
	.basicSM2 { padding-left: 15px; font-size: 7pt; }
	.basicSMr { font-size: 7pt; text-align: right; margin-bottom: 10px; }
	.basic1 { margin-bottom: 5px; }
	  	
	.basicC { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; font-style: normal; font-weight: bold; color: #0000ff; text-align: center; line-height: 1.2; }
        	
	.basic2 { margin-top: 5px; margin-left: 20px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; font-style: normal; font-weight: normal; color: #FFFFCC; text-align: justify; font-style: normal; line-height: 1.3; }

	.basic3 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; font-style: normal; font-weight: bold; color: #0000ff; text-align: justify; font-style: normal; line-height: 1.3; }
      	
	.footertext { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; font-style: normal; font-weight: bold; color: #3c3081; text-align: center; font-style: normal; line-height: 1.0; }

/* Fancy Text */
	.features { margin-top: 10px; padding: 10px; border-top: 4px #0000ff double; }
	.featurephoto { border-radius: 5px; }
		
	.updates { margin-top: 10px; padding: 10px; height: 300px; overflow: auto; border: 1px #0000ff dotted; }

	.highlight, .highlight1 { margin: 10px; padding: 5px; height: 150px; overflow: auto;border: 4px #0000ff double; }
	.highlight1 { height: 350px; }
	.highlight2 { margin: 10px; padding: 5px; border: 4px #0000ff double; }
 	.highlight3 { margin: 10px; padding: 5px; border: 4px #0000ff double; border-radius: 10px; }
 	.highlight4 { margin-left: auto; margin-right: auto; margin-top:20px; background-color: #0000ff; padding: 5px; border: 4px #0000ff solid; border-radius: 5px; }
 	
/* Linking Text */	       
	.links { border-bottom: 1px #0000ff dotted; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 7pt; font-style: normal; font-weight: bold; color: #0000ff; text-decoration: none; text-transform: uppercase; }
	
	a.links { border-bottom: 1px #0000ff dotted; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 7pt; font-style: normal; font-weight: bold; color: #0000ff; text-decoration: none; text-transform: uppercase; }

	a.links:hover  { background-color: #0000ff; border-bottom: 0px #0000ff dotted; color: #f7ce26; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 7pt; text-decoration: none; font-style: normal; }
  
	.citation { padding-left: 10px; padding-right: 10px; margin-top: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; text-align: right; font-size: 8pt; font-style: normal; font-weight: normal; color: #0000ff; text-decoration: none; text-transform: none; }
	
	a.citation { padding-left: 0px; font-family: Verdana, Arial, Helvetica, sans-serif; text-align: left; font-size: 8pt; font-style: normal; font-weight: bold; color: #0000ff; text-decoration: none; text-transform: uppercase; }

	a.citation:hover  { color: #D2A86E; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif; text-align: right; font-size: 8pt; text-decoration: underline; font-style: normal; }
    	
	.menu { padding-top: 3px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; font-style: normal; font-weight: bold; color: #f7ce26; text-decoration: none; text-align: center; }
	
	a.menu { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; font-style: normal; font-weight: bold; color: #f7ce26; text-decoration: none; text-align: left; }

	a.menu:hover  { color: #959595; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; text-decoration: underline; font-style: normal; }

	.sidelinks { margin-left: 0px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; font-style: normal; font-weight: normal; color: #0000ff; text-decoration: none; text-align: left; }
	
	a.sidelinks { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; font-style: normal; font-weight: normal; color: #0000ff; text-decoration: none; text-align: left; }

	a.sidelinks:hover  { color: #898989; font-weight: normal; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; text-decoration: underline; font-style: normal; }

	.surf { margin-top: 5px; margin-bottom: 5px; margin-left: 0px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; font-style: normal; font-weight: bold; color: #f7ce26; }
	
	a.surf { margin-top: 5px; margin-bottom: 5px; margin-left: 0px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; font-style: normal; font-weight: bold; color: #f7ce26; text-align: center; text-decoration: none;border-bottom: 1px #f7ce26 dotted; }

	a.surf:hover  { margin-top: 5px; margin-bottom: 5px; margin-left: 0px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; font-style: normal; font-weight: bold; color: #ffffff; text-decoration: none; border-bottom: 0px #ffffff dotted;  }
    	
	.footer { padding-top: 20px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; font-style: normal; font-weight: normal; color: #0000ff; text-decoration: none; text-transform: uppercase; text-align: center; }
	
	a.footer { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; font-style: normal; font-weight: bold; color: #0000ff; text-decoration: none; text-transform: uppercase; }

	a.footer:hover  { color: #ffffff; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; text-decoration: underline; font-style: normal; }
