@charset "utf-8";
/* CSS Document */

.clear_float
{
clear: both;
width: auto;
height: auto;
}

body
{
background: #0F0F0F;
}

a
{
outline: none;
color: #DA4D10;
text-decoration: none;
font-family: Arial, Helvetica, sans-serif;
letter-spacing: 0;
font-weight: bold;
font-size: 15px;

}


ul li
{
font-family:"Times New Roman", Times, serif;
font-size: 18px;
color: #2059ac;
font-weight: bold;
}


a:hover
{
color: #8b4d1f;
text-decoration: underline;
}



.italics
{
font-family: "Times New Roman", Times, serif;
font-size: 17px;
line-height: 18px;
letter-spacing: .3px;
}

#container
{
width: 1024px;
height: auto;
border: 0px;  
margin: 0 auto;
margin-top: -10px;
z-index: 5;
}

#header
{
width: 1024px;
height: 236px;
background-image: url(../img/header.jpg);
z-index: 5;
position: relative;
top: 0px;
left: 0;
}

#header img
{
position: absolute;
top: 22px;
left: 46px;
z-index: 10;
border: none;
}

#background
{
width: 1024px;
background-image: url(../img/bg_texture.jpg);
background-repeat: repeat-y;
z-index: 1;
overflow: hidden;
}


#follow
{
position: relative;
width: auto;
z-index:50;
height: 5px;
left: 730px;
top: 45px;
}

#follow img
{
position: absolute;
right: 887px;
top: 3px;
}
#follow p

{
position: absolute;
font-family:Georgia, "Times New Roman", Times, serif;
color: #ea8016;
letter-spacing: 1px;
}

#follow ul
{
position: absolute;
left: 100px;
top: -10px;
width: 100px;


}

#follow ul li {display: inline;}

#follow ul li a
{
display: block;
float: left;
padding: 0 0 0 50px;
text-decoration: none;
text-indent: -900000px;
}

#follow ul li.twitter a
{
height: 30px;
background: url(../img/twitter.png) center top no-repeat;
}

#follow ul li.facebook a
{
height: 30px;
background: url(../img/facebook.png) center top no-repeat;
}

#follow ul li a:hover
{
background-position: bottom center;
}


span.on
{
color: #8b4d1f;

}

span.on2
{
color: #525252;
}

/*////////////////////////////////////////////////////////////////////////////*/
/*///////////////////////////////FIRST NAGIVATION START///////////////////////*/

ul#navigation 
{
position: relative;
margin: -115px 0px 0px 165px;
z-index: 20;


}

ul#navigation li {display: inline;}

ul#navigation li a
{
display: inline;
height: 25px;
float: left;
padding: 0 0 0 30px;
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight: bold;
color: #f68617;
text-decoration: none;
overflow: hidden;
}

ul#navigation li a:hover
{
color: #8b4d1f;
}


/*////////////////////NAVIGATION AND HEADER END///////////////////////////*/
/*////////////////////////////////////////////////////////////////////////*/


/*///////////////////////SECONDARY NAVIGATION HERE /////////////////////*/

ul#nav2
{
position: relative;
top: 10px;
z-index: 20;
width: 900px;
}

ul#nav2 li {display: inline;}

ul#nav2 li a
{
display: inline;
height: 25px;
float: left;
padding: 0 0 0 30px;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: 600;
color: #9b9b9b;
text-decoration: none;
overflow: hidden;
}

ul#nav2 li a:hover
{
color: #666666;
}

/*////////////////////////SECONDARY NAVIGATION ENDS HERE /////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////*/


/*///////////////////////CONTENT FOR INDEX MAIN PAGE START HERE ////////////////*/

/*////BANNER AND ANNOUNCMENTS START//////*/
#content_index
{
width: 520px;
position: relative;
top: 100px;
left: 60px;
z-index: 10;

}

#announcments
{
margin: 30px  0 0;
}

#content_index h1
{
color: #bd2323;
font-weight: bolder;
}

#content_index h2
{
margin: -15px 0 0 0;
color: #7a0f0f;
}


#content_index p.eventparagraph
{
font-family: "Times New Roman", Times, serif;
line-height: 24px;
font-size: 18px;
width: 520px;
}

a:hover
{
text-decoration: underline;	
}

/*////BANNER AND ANNOUNCMENTS END//////*/

/*/////////SIDE CONTENT WITH BLOG AND NEWS ON MAIN PAGE START HERE////////////*/

#side_index
{
width: 290px;
background: #d4d2d2;
z-index: 10;
position: relative;
float: right;
right: 50px;
margin-top: 125px;
padding: 30px;
text-align: justify;
}

#side_index h2
{
color: #2059ac;
}

#side_index h4
{
margin: -20px 0 0 0;
color: #262525;
}

/*/////////SIDE CONTENT WITH BLOG AND NEWS ENDS HERE////////////*/


/*/////////SIDE CONTENT WITH BLOG AND NEWS ENDS HERE////////////*/

/*///////////////////////////CONTENT FOR MAIN PAGE ENDS//////////////////////////////////////////*/
/*///////////////////////////////////////////////////////////////////////////////////////////////*/

/*//////////////CONTENT STYLE FOR MISSION STATEMENT, HISTORY STARTS, 
                 ELECTORAL REFORM  ////////////////////////////////////////*/
.center_content
{
width: 700px;
padding: 0 0 90px 0;
position: relative;
left: 150px;
top: 100px;
min-height: 500px;

}

.center_content h1
{

letter-spacing: .6px;
color:#2059ac; 
margin-bottom: -36px;
}

.center_content h2
{
letter-spacing: .3px;
color: #bd2323;
}

.center_content h3
{
letter-spacing: .2px;
font-weight: bolder;
}
.center_content p
{
position: relative;
top: -12px;
font-family: "Times New Roman", Times, serif;
font-size: 18px;
line-height: 24px;
}




/*/////////////////CONTENT STYLE FOR MISSION STATEMENT, HISTORY ENDS /////////////////////////////////////////////////*/


/*//////////////////////WHO WE ARE MEMBER LIST//////////////////////////////////////////////////*/
#members
{
width: 600px;
position: relative;
left: 80px;
top: 20px;
}

#members p
{
position: relative;
left: 300px;
top: -200px;
width: 500px;
text-align: left;
}

.memberpic
{
width: 150px;
height: 175px;
background: red; 
}
/*//////////////////////////WHO ARE WE ENDS////////////////////////////////////////////*/



/*////////////////CALENDAR POSITIONING//////////////////////////////////*/

#calendar
{
position: relative;
left: 100px;
top: 50px;
}

/*////////////////////////////MEDIA STYLE START//////////////////////////////////*/
#center_news
{

width: 600px;
margin-left: 75px;
margin-top: 90px;
min-height: 500px;
}

#center_news h1
{
color: #2059ac;
font: "Times New Roman", Times, serif;
width: 430px;

}

#center_news h4
{
margin: -15px 0 -15px 0;
}

#center_news p
{
font-family: "Times New Roman", Times, serif;
font-size: 18px;
line-height: 24px;

}

#side_news

{
background: #d4d2d2;
width: 205px;
padding: 10px 20px 40px 10px;
position: relative;
z-index: 50;
float: right;
top: 90px;
right: 50px;

}

#side_news h2
{
position: relative;
left: 35px;
}

#side_news ul
{
list-style-type: none;

}

#side_news ul li
{
padding: 0 0 10px 0;
}



#wip h1
{


margin-left: 75px;
margin-top: 90px;
color: red;
}


/*/////////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////FOOTER STARTS////////////////////////////////////////////////*/
div#footer
{
position:absolute;
background-image:url(../img/footer_bg.jpg);
height: 260px;
}
#footer p
{
text-align: center;
color: white;
font-family:Arial, Helvetica, sans-serif;

}

ul#footer 
{
position: absolute;
z-index: 20;
padding: 0 auto;
margin-left: 115px;

}


ul#footer li {display: inline;}

ul#footer li a
{
display: block;
height: 20px;
float: left;
text-align: center;
padding: 0 0 0 30px;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight: bold;
color: #1a1a1a;
text-decoration: none;
}
/*////////////////////////////////FOOTER ENDS////////////////////////////////////////////////*/