/* CSS
*/


/* Global Defaults
=====================================================================*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,table,tr,th,td,embed,object{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img,abbr{border:0;}
address,caption,cite,code,dfn,em,h1,h2,h3,h4,h5,h6,strong,th,var{font-style:normal;font-weight:normal;}
ul {list-style:none;}
caption,th {text-align:left;}

q:before,q:after{content:'';}
a,ins{text-decoration:none;}
strong { font-weight: bold; }
cite { display: block; font-size: 0.9em; font-style: italic; text-align: right; }

/* Global Classes
=====================================================================*/
.distext { display: none; }
.clearboth { clear:both; }
.clearleft { clear: left; }
.clearright { clear:right; }

/* Global Elements
=====================================================================*/

html { overflow-x: auto; height:100%;}
	/* fixes MSIE scrollbar bug DO NOT REMOVE, has no effect in Mozilla, or Opera */

body 
{
	background-position: 50% 0;
	background: url('/Images/BobRobeyBG.jpg') no-repeat scroll 50%
0;
	background-color: #01245c;
	text-align: center;
	line-height: 1.6em;
}

input[type="text"] { 
}

/* Library
=====================================================================*/

.l { float: left; width: 49%; }
.r { float: right; width:49%; }
.r:after { display: block; content: ''; clear: both; height: 0; visibility: hidden; }
.align-center { text-align: center; }
.align-right { text-align: right; }
.justify { text-align: justify; }
.float-left { float: left; }
.float-right { float: right; }
.clear-both { clear: both; float: none; }
.clear-right { clear: right; float: none; }
.hide {	display:none; }
.clear-both { clear: left; float: none; }
.inline { display: inline; }
.block { display: block; }
.noborder { border: 0px none; }
.bold { font-weight: bold; }
.italic { font-style: italic; }
.normal { font-weight: normal; }
.nomargin { margin: 0; }
.nopadding { padding: 0; }
.visible { display: block; }
.top10 { margin-top: 10px; }
.top20 { margin-top: 20px; }
.border5 { border: solid 10px #c7c7c7; }
.border10 { border: solid 10px #c7c7c7; }
.border20 { border: solid 20px #c7c7c7; }
.font36 { font-size:36px;}
.font24 { font-size:24px;}
.font18 { font-size:18px;}

div.hidden, a.hidden
{
	display: none;
	margin: 0;
}

/* Typographic Elements
=====================================================================*/

h2, h4, h6, body {
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

blockquote, em, h1, h3, h5, i, .feedBy  {
	font-family: Georgia, "Times New Roman", Times, serif;
}


/* Masterpage Headers
=====================================================================*/

h1 {
	font: italic normal bold 1.9em/normal Georgia, "Times New Roman", Times, serif;
	color: #2575ad;
}

h2 {
	font-size: .8em;
	text-transform: uppercase;
	color: #363636;
	font-weight: bold;
}

.l h2 { } /* Left column specific */

.r h2 { letter-spacing:1px; padding: 0px 7px; margin-bottom: 10px; } /* Right column specific */

h3 {
	font-size: 1.7em;
	line-height: 1.1em;
	color: #2575ad;
}

h4 {
	font-size: .9em;
	text-transform: uppercase;
	color: #2575ad;
	letter-spacing: 1px;
	font-weight: bold;
}

h5 {
	font-size: 1.5em;
	line-height: 1.2em;
}

h6 {
	font-size:.88em;
	letter-spacing: 1px;
	font-weight: bold;
	text-transform: uppercase;
}



/* Typography
=====================================================================*/

body { 
	font-size: .75em; 
	line-height: 1.5em;
	color: #424242;}

table { 
	font-size: 1em; 
	line-height: 1.5em;
	color: #424242;}

i, em { 
	font-style: italic;
}

blockquote {

	font-size:1.2em;
	line-height: 1.6;
	padding: 0px;
	color: #666666;
}

blockquote, blockquote p {
	/*clear: both;*/
	color: #666666;
}

.smallcaps {
	font: small-caps 1.5em/1.7em Georgia, "Times New Roman", Times, serif;
	color: #2575ad;
	text-transform: lowercase;
	letter-spacing: .1em;
}

.citation, .cite {
	font-size: 12px;
}




/* List Elements
=====================================================================*/

ul li 
{
	height: auto;
	margin: 0;
	padding: 0;
	list-style: none;
}

li a {
	padding-top: 0px;
	padding-bottom: 0px;
}

li a:hover {
	background-color: #eeeeee;
}



dl {
	height: auto;
	margin: 0;
	list-style: none;

}

dl a {
	display: block;
	padding-top: 2px;
	padding-bottom: 2px;

}

dl a:hover {
	background-color: #ffffff;
}

dl img {
	float: left;
}
dt, dd {
	padding: 5px 7px;
}

dt {
	float: left;
	clear: left;
	width: 40px;
	color: #363636;
	font-size:.9em;
} 

dd {
	margin-left: 50px;
}


.alt-text { font-family: Georgia;text-transform: lowercase;}






/* Global Links
=====================================================================*/

a {
	margin: 0px;
	padding: 0px;
}

a:link,
a:visited,
a:active
{
	background: transparent;
	color: #2575ad;
	text-decoration: none;
	
}

a:hover
{
	background: transparent;
	color: #ac3433;	
	text-decoration: none;
}


/* Grid
=====================================================================*/

/* layout styles */
.btv_col2_title {   
	font-size:12px;
	color:#666;
	font-weight:bold;
	padding-left:10px;
	margin-bottom:5px;
}

#mainGrid
{
	margin: 0 auto 0 auto;
	text-align: left;
	/* re_aligns text to left second part of two part MSIE centering workaround */
	width: 960px; 	/* Total width */
	background: transparent;
	/*background-image: url(/images/bg_house.gif);*/
}

#header,
#content,
#bottom {
	width: 960px;
	margin: 0 auto;
	position: relative;
}


#content
{	
	width: 960px;
	margin: 0 auto;
	background: #fff url('/Images/bg_content.jpg') repeat-x;
}

#content_fade
{	
	width: 960px;
	margin: 0 auto;
	background: url('/Images/bg_content_fade.jpg') repeat-x;
}







#column1
{
	float: left;
	width: 640px;
	background-image: url('/Images/bg_col1.gif');
	background-repeat: repeat-x;
	padding: 0px;
	margin: 0px;
	background-color: transparent;	
}

#col1a {
	float: left;
}

#col1b {
	float: right;
}

#column2
{
	width:280px;
	margin: 0 0 0px 640px;
	padding: 0px 20px;
	background-image: url('/Images/bg_col2.gif');
	background-repeat: repeat-x;
	background-color: #c9c9c9;
}

#column2_bot {
	background-image: url('/Images/bg_col2_bot.jpg');
	height:200px;
	margin-left: 640px;
}

.module.l  {
	height: auto;
	width: 270px;
	padding: 20px 15px 20px 35px ;
}

.module.r 	{
	height: auto;
	width: 270px;
	padding: 20px 35px 20px 15px ;
}




#column2 .module {
	padding-top:20px;
}


/* Header */

#header {
	height: 131px;
	display: block;
	background: transparent;
}

#header h1 {
	width: 320px;
	float: left;
	z-index: 0;
}

#header h1 a {
	display: block;
	width: 320px;
	height: 131px;
	float:left;
	position: relative;
	top: -30px;
	margin-bottom: -30px;
	z-index: 0;
}

#header #quoteblock {
	width: 295px;
	height: 99px;
	float: left;
/*	padding-top:32px;
	padding-right:25px;*/
	font-family:Georgia, Times, serif;
	font-size:13px;
	text-align:center;
	letter-spacing:.1em;
	color:#8fbfe2;
}

#header #quoteblock .white_uppercase {
	text-transform:uppercase;
	color:#fff;
	letter-spacing:.20em;
}

#header #emailblock
{
	float: right; 
	width: 320px; 
	height: 131px; 
	margin: 0px; 
	padding: 0px
}



#bottom {
	background-color: #ffffff;
}

#logo-print { display: none; }




/* Navigation 2.0
-------------------------------------------------------------- */
#nav  
{
	line-height: 1; 
    z-index: 9998; 
    background-image: url(/Images/MenuBar.jpg);
    background-repeat: no-repeat;
    height:50px;
    width:100%;
    }
    
 #nav a {
	display: block;
	height: 50px;
	text-indent: -999em;
	overflow: hidden;
}

#adminnav
{
	line-height: 1; 
    z-index: 9998; 
    height:50px;
    width:100%;
    
}
#adminnav a 
{
	
	height: 50px;

}

#districtmap
{
	margin: 10px;
	height: 500px;
}




#nav li { float: left; position: relative; }
* html #nav li * { position: relative; }
#nav li, #nav ul { margin: 0; padding: 0; }
	
		#nav ul.org-nav a {
				background: transparent url(/Images/MenuBar.jpg) no-repeat scroll 0 0;
				height: 50px;
			}
			#nav ul.org-nav #nav-spacer-left a {
				background-position: 0px 0px;
				width: 100px;
			}
			#nav ul.org-nav #nav-home a {
				background-position: -100px 0px;
				width: 75px;
			}
			#nav ul.org-nav #nav-home a:hover {
				background-position: -100px -50px;
			}
			#nav ul.org-nav #nav-about a {
				background-position: -175px 0px;
				width: 110px;
			}
			#nav ul.org-nav #nav-about a:hover {
				background-position: -175px -50px;
			}
			#nav ul.org-nav #nav-issues a {
				background-position: -285px 0px;
				width: 80px;
			}
			#nav ul.org-nav #nav-issues a:hover {
				background-position: -285px -50px;
			}
			#nav ul.org-nav #nav-vol a {
				background-position: -365px 0px;
				width: 100px;
			}
			#nav ul.org-nav #nav-vol a:hover {
				background-position: -365px -50px;
			}
			#nav ul.org-nav #nav-event a {
				background-position: -465px 0px;
				width: 80px;
			}
			#nav ul.org-nav #nav-event a:hover {
				background-position: -465px -50px;
			}

			#nav ul.org-nav #nav-spacer-right a {
				background-position: -545px 0px;
				width: 100px;
			}
			#nav ul.org-nav #nav-contribute a 
			{
				background-position: -645px 0px;
				width: 315px;
			}
			
			#nav ul.org-nav #nav-contribute a:hover {
				background-position: -645px -50px;
			}


	


	



    




/* Feature Block
-------------------------------------------------------------- */

#vip {
    background: #000;
    width: 640px;
}

.afeature {
	display: none;
}

#the1title, #the1feature {
	display: block;
}

.afeature {
    position: relative;
    height: 280px;
}

.afeature img {
    position: absolute;
}

li.afeature {
	width: 640px;
	height: 280px;
}

li.afeature a, li.afeature a:hover {
	display: block;
	width: 640px;
	height: 280px;
	background: transparent;
}

div#arrow_slider {
    width: 640px;
    height: 9px;
    background: #000;
}

img#the_arrow {
    position: relative;
    left: 20px;
}

ul#point-main {
    background-color: #000;
    width: 640px;
    overflow: visible;
}





ul#point-list li.selected a {
    width: 180px;
    font-size: 16px;
}


#rightBoxholder {
    width: 320px;
    height:280px;
    float: right;
    background: transparent;
}

#vic {
    width: 320px;
    height: 280px;
    background: #000;
    background-repeat: no-repeat;
    background-position: 0 0;
}

#vic a {
    width: 320px;
    height: 280px;
    display: block;
}

/*
-------------------------------------------------------------- 
FOOTER
-------------------------------------------------------------- 
*/

.footer {
	vertical-align: bottom;
	height:225px;
	background: url('/Images/BRFooter.jpg') no-repeat scroll 50% 0;
} 


.footer a { display: inline; white-space: nowrap; color: White; }

.footer a:Hover
{
	display: inline; white-space: nowrap; color: #01245c;
}

.footer ul {
   	margin: 0 auto;
   	padding: 1em 0;
   	text-align: center;
   	width: 85%;
}
.footer ul li{
	display: inline;
	padding: 0.5em;
}



/*
------------------------------
SLIDESHOW
----------------------------------
*/

	#slideshow {
		position: relative;
		width: 640px;
		height: 280px;
		overflow: hidden;
		border-style:none;
	}
	#slideshow img {
		position: absolute;
		left: 0;
		top: 0;
		width: 640px;
		height: 280px;
	}
	






#top_housing_full {
	width:100%;
	background-color:#0062a3;
	height: 30px;
	color: #fff;
}
#top_housing_center {
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	text-align: right;
	padding-top: 5px;
}
#welcomespan {
	color: #fff;
	padding-right: 10px;
}


#vic_iframe {
	width: 320px;
	height: 280px;
}

#vic_embed {
	width: 320px;
	height: 280px;
}


#StandardContent
{
	width: 640px;
	overflow: auto;
	clear:both;
}

#fullcontent
{
	width: 960px;
	overflow: auto;
	clear:both;
	
}

#hatring
{
	margin: 25px;
}

#hatring h3
{
	padding-bottom: 10px;
}

#hatring p
{
	padding-top: 10px;
}


/*
----------------------------------------------
Contribute Control
---------------------------------------------
*/
#contribute
{
	width: 640px;
	display: block;
	background-color: Transparent;
	margin-top: 20px;
}


#contribute .required
{
	color:Red;
}

/*
---------------------------------------------
Volunteer Page
-----------------------------------------------
*/

#volunteerpage
{
	margin-top: 20px;
}

#volunteerform
{
	width: 640px;
}


/*
---------------------------------------------
Issues Page
-----------------------------------------------
*/

#issuespage
{
	margin-top: 20px;
}

/*
---------------------------------------------
News Page
-----------------------------------------------
*/

#newspage
{
	margin-top: 20px;
	vertical-align:top;
}

/*
----------------------------------------------------
Absentee Page
-----------------------------------------------
*/

#absenteepage
{
	margin-top: 20px;
}

#absenteepage p
{
	
	margin: 20px;
}

#absenteepage a
{
	margin-bottom: 10px;
}

#absenteepage h3
{
	margin-left: 10px;
}


/*
-------------------------
JoinForm Control
-------------------------
*/

#emailsignup
{
	width: 300px;
}
#emailsignup h3
{
	color: White;
	margin-top: 8px;
	margin-left: 10px;
	font-size: 16px;
}

#emailsignup .boxSpacing
{
	margin-top: 5px;
}

/*
----------------------
EventPage
-----------------------
*/
#eventtitle
{
	margin-top: 20px;
}

#eventschedule
{
	
	width: 960px;
	text-align:left;
	padding: 0px;
	margin: 0px;

}
#eventschedule	h2 { 
	color: #FFFFFF;
	}



/*
------------------------
News Summary Control
------------------------
*/
#newstitlelist
{
	margin: 10px;
	
}


#newstitlelist a h3
{
	color:#01245C;
	text-align: left;
	font-size: 1.4em;
	line-height: 1.1em;
}

#newstitlelist a
{
	font-size: 16px;
}



#newspage #newspagelist
{
	width: 600px;
	float: left;
	margin: 20px;
}

/*
----------------------------
Event Title Control
----------------------------
*/
#eventtitlelist
{
	margin: 10px 10px 0px 10px;
	
}

#eventtitlelist h3
{
	color:#01245C;
	text-align: left;
}

#eventtitlelist a
{
	font-size: 16px;
	
}



#blogitem
{
	width: 600px;
	margin: 20px;
	
}

#bloglist
{
	width: 600px;
	margin: 20px;
}

#bloglist p
{
	margin-top: 10px;
}

#bloglist h3
{
	margin-top: 10px;
}