/*3colfixed300 copied to this file*/
html, div, body,span,
applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dd, dl, dt, li, ol, ul,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
font-weight: inherit;
font-style: inherit;
font-size: 101%;

font-family: inherit;
text-align: left;
vertical-align: baseline;
}
a img, :link img, :visited img {
border: 0;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
ol, ul {
list-style: none;
}
q:before, q:after,
blockquote:before, blockquote:after {
content: "";
}

body {               /*this is the outer*/
text-align: center;  /*this with margin margin auto and text left in container centers the container div*/
width:  auto px;
background-color: #ffffff;
margin: 4px auto;
border-width: 2px solid blue outset;
padding:2px;
bgcolor: #ccc;
        /*<!---------background-image: url(bluefade.jpg);
background-image: repeat-x; -------------->*/
 font-family: verdana, arial, helvetica, sans-serif;
font-size: 70%;
}

p {
margin-bottom: 1.2em;
font-size: 110%;

line-height: 18px;
}
h1 {
font-size: 230%;
}
h2 {
font-size: 170%;
}

#origin{
font-family:times;
float: left;
width:100px;
font-size: 200%;
margin: 5px;
}

#origintext{
font: bold 13px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
border: 0px solid #000;
float: left;
width: 160px;
font-size: 100%;
margin: 5px 5px 5px 5px;
}

h3 {
font-family: times;
font-size: 150%;
margin: 5px;
}

h6 {
font-family: times;
font-size: 100%;
margin: 5px;
}

#container {                    /*holds entire page just inside the body*/

margin-left:  auto;           /*centers the div to center of page*/
margin-right: auto;           /*centers the div to center of page*/
text-align:  left;            /*centers the div to center of page*/
width: 970px;                   /*changed from 750*/
height: auto;
padding: 10px;
background-color: #ffffff;
border-left: url(glossyback.gif);
border-right: 5px solid outset #9a9a9a;
overflow: none;
}

#header { 
float: center;                  /*changed from left*/
width: 960px;                   /*changed from 730*/
height: 80px;
margin-right: auto;
margin-left: auto;
padding: 1px;                   /*added the last three padding numbers*/
text-align:  center;
background-color:#ccc;
/*background-image: url(glossyback.gif);*/         /*changed from #177F75*/
overflow: none;                 /*added this*/
font: #ccc;                   /*added*/
}
#gleaderboard { 
float: left;                  /*changed from left*/
width: 728px;                   /*changed from 730*/
height: 90px;
margin-right: auto;
margin-left: none;
padding: 5px;                   /*added the last three padding numbers*/
text-align:  center;
background-color:#fff;
/*background-image: url(glossyback.gif);*/         /*changed from #177F75*/
overflow: none;                 /*added this*/
font: #ccc;                   /*added*/
}




#headertext {
float: left;
font: bold 35px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: black;
padding: 5px;
display: in-line;
width: 300px;
text-decoration: none;
}

#headerimage {
float: right;
font: bold 25px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: black;
padding: 5px;
display: in-line;
width: 640px;
height: 60px;
text-decoration: none;
overflow: hidden;
}


#date {
float: right;
font: bold 10px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: black;
display: in-line;
width: 160px;
margin: -5px;
padding-top: 0px;
padding-left: px;
padding-right: 5px;
padding-bottom:5px;
text-decoration: none;
}

#content {
float: left;
width: 100px;                    /*changed from 750*/
height: 500px;
border: 0px solid #08A7F6;                        
margin:5px;
padding: 0px 5px 5px 0px;      /*last three changed from 0 to 5*/
}

#righttest {
float: right;
width: 300px;                    /*changed from 750*/
border: 0px solid #08A7F6;                        
padding: 5px 5px 5px 5px;      /*last three changed from 0 to 5*/
}

#navigation {
float: left;
width: 100px;
background-color: #000000;      /*changed from ;#B6212D */
padding: 5px 5px 5px 0px;
}

#navigation li {
list-style-type: none;
}

<!---------------dynamic drive menu---------->
<style type="text/css">
.glossymenu{
float: left;
list-style-type: none;
margin: 5px 0;
padding: 0;
width: 120px;
border: 1px solid #9A9A9A;
border-bottom-width: 0;
}

.glossymenu li a{
background: white url(glossyback.gif) repeat-x bottom left;
font: bold 13px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: white;
display: block;
width: 120px;
padding: 3px 0;
padding-left: 10px;
text-decoration: none;
}

* html .glossymenu li a{ /*IE only. Actual menu width minus left padding of A element (10px) */
width: 120px;
}

.glossymenu li a:visited, .glossymenu li a:active{
color: red;
}

.glossymenu li a:hover{
background-image: url(glossyback2.gif);
}


</style>

<style type ="text/css">
.glossymenu2{
float: left;
list-style-type: none;
margin: 0px 0;
padding: 3px;
width: 120px;
border: 0px solid #9A9A9A;
border-bottom-width: 0;
}

.glossymenu2 li a{
background: none;
font: bold 11px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: black;
display: block;
width: 100px;
padding: 3px 0;
padding-left: 6px;
background-image: url(shade.gif);
text-decoration: none;
}

* html .glossymenu2 li a{ /*IE only. Actual menu width minus left padding of A element (10px) */
width: 100px;
}

.glossymenu2 a:visited {
color: red;
}

.glossymenu2 li a:active{
color: blue;
}
.glossymenu2 li a:hover{
background-image: none;
text-decoration: underline;
color: blue;
font:bold;
}


</style>

<!---------------------------end dynamic drive menu-> 

#glossycontainer {
float: left;
width: 122px;
background-color: #fff;      /*changed from ;#B6212D */
padding: 5px 5px 5px 5px;
}

div.subtext {  /* text for feed subheading */
font: bold 13px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: blue;
margin: 5px;
}


<!---------------dynamic drive menu copied for links---------->
<style type ="text/css">
.glossylinks{
float: left;
list-style-type: none;
margin: 5px 0;
padding: 3px 0;
width: 120px;
border: 1px solid #9A9A9A;
border-bottom-width: 0;
}

.glossylinks li a{
background: white url(glossyback.gif) repeat-x bottom left;
font: bold 13px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: white;
display: block;
width: 120px;
padding: 3px 0;
padding-left: 10px;
text-decoration: none;

}

* html .glossylinks li a{ /*IE only. Actual menu width minus left padding of A element (10px) */
width: 120px;
}

.glossylinks li a:visited, .glossymenu li a:active{
color: blue;
}

</style>

<!---------------------------end dynamic drive menu-> 

#glossycontainer {
float: left;
width: 122px;
background-color: #fff;      /*changed from ;#B6212D */
padding: 5px 5px 5px 5px;
}

/*blank header in left menu*/

<style type ="text/css">
.glossyspace{             /*this holds the grey header over links in the left menu*/
float: left;
list-style-type: none;
margin: 0px 0;
padding: 0px 0;
width: 100px;
border: 2px solid #9A9A9A;
border-bottom-width: 0;
}

.glossyspace li {
background: white url(glossyback.gif) repeat-x bottom left;
font: bold 13px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: black;
display: block;
width: 126px;
padding: 0px 0;
padding-left: 0px;
text-decoration: none;
}
.glossyspace li :hover{
background-image: none;
text-decoration:none;

}

.glossyspace li :hover{
none;
}

</style>


#navigation a, #navigation a:link {
background-color: #B67721;
color: #FFF;
display: block;
padding: 3px;
margin-bottom: 1px;
text-decoration: none;
font-weight: bold;
}

#navigation a:hover {
background-color: #ff2400;
}

#wralwrap {  /*this includes New2 -the first box on raleighindex*/
float: left;
width: 310px;
height: auto;           /* this determines the height of hte visible container*/
border: 1px solid #08A7F6;
margin: 5px;
padding: 0px;
font: #fff;
line-height: 16px;
overflow: hidden;
}

#wralwrapwide {  /*this includes New2 -the first box on raleighindex wide version used on insurance page also used on new/newfront.php*/
float: center;
width: 627px;
height: auto;          /* this determines the height of hte visible container*/
border: 1px solid #08A7F6;
margin: 5px;
padding: 0px;
font: #fff;
line-height: 16px;
overflow: auto;
}

#wralwrapwide2{  /*USED ON content tabs*/
float:left;
width: 500px;
           /* this determines the height of hte visible container*/
border: 1px grey;
margin: 0px 10px 10px 10px;
background-color: #fff;
margin-bottom: 1em;
padding: 5px 5px 5px 5px;
font: #fff;
line-height: 10px;
overflow: none;
}

#wralwrapwide3{  /*used for get voter page*/
float:left;
width: 760px;
           /* this determines the height of hte visible container*/
border: 2px solid gray outset;
margin: 10px 10px 10px 10px;
background-color: #aaaccfff;
margin-bottom: 1em;
padding: 5px;
font: #fff;
line-height: 16px;
overflow: none;
}


#maincontent left{         /*contains the 
float: left;
width: 300px;
                     /*changed from 395*/         
background-image: url(glossyback2.gif);
margin: 5px 5px 5px 5px;
padding: 0px;
font-size: 100%; 
overflow:hidden;                   /*added by me*/
}

#maincontent right{
float: left;
width: 310px; 
background-image: url(glossyback2.gif);
margin: 5px 5px 5px 5px;
padding: 0px;
font-size: 100%;
overflow:hidden;
      }

<!-------------hover menu----->

<style type="text/css">

.hovermenu ul{
font: bold 13px ariel;
padding-left: 0;
margin-left: 5px;
height: 20px;
}

.hovermenu ul li{
list-style: none;
display: inline;
}

.hovermenu ul li a{
padding: 2px 0.5em;
text-decoration: none;
float: left;
color: black;
background-image: url(shade.gif);
border: 0px solid blue;
}

.hovermenu ul li a:hover{
background-image: url(shadeactive.gif);
border-style: outset;
}

tml>body .hovermenu ul li a:active{ /* Apply mousedown effect only to NON IE browsers */
border-style: inset;
}
</style>

<!---------------------------end hover menu----------->

#crumbs
{  
float:left;
width: 500px;
border: 1px grey;
margin: 0px 10px 10px 10px;
background-color: #fff;
margin-bottom: 1em;
padding: 5px 5px 5px 5px;
font: #fff;
line-height: 10px;
overflow: none;
}

#leftbox {  /*housing nav links on left*/
float: right;
width: 120px;
border: 0px solid #0000ff;
margin: 5px 5px 5px 5px;
padding: 0px 0px 5px 5px;
}

#searchbox{  /*Search Wake Voter page to hold the input area*/
float: left;
width: 430px;
height: 100%;
background-image: none;
border: 0px solid #08A7F6;
margin: 5px;
padding: 5px;
font: #fff;
overflow: none;
}


#subcontentbox {  /*this includes subcontent header and subcontent*/
float: left;
width: 300px;
height:auto;
background-image: none;
border: 2px solid #08A7F6;
margin: 0px;
padding: 0px;
font: #fff;
overflow: none;
}


#subcontentbox2 {  /*this includes subcontent header and subcontent*/
float: left;
width: 300px;
height: 100%;
background-image: none;
border: 0px solid #08A7F6;
margin: 5px;
padding: 0px;
font: #fff;
overflow: none;
}
#searchboxright {  /*this includes subcontent header and subcontent*/
float: right;
width: 160px;
height: 100%;
background-image: none;
border: 0px solid #08A7F6;
margin: 0px;
padding: 5px;
font: #fff;
overflow: none;
}

#subcontentheader{                    /* THIs is the Right Column header*/
float: right;
width: 150px;
height: 16px;                   /*changed from 175*/
   /*changed from #7F171F*/
border: 0px 0px 0px 0px solid #000;
color: #000000;
margin: 0px 0px 0px 0px;
padding: 0px;
}

#subcontent {                    /* THIs is the Right Column*/
float: right;
width: 150px;
height: 50px;                   /*changed from 175*/
      /*changed from #7F171F*/
border: 0px 0px 0px 0px; 
border: solid #000;
color: #000000;
margin: 0px 0px 0px 0px;
padding: 0px;
}

#subcontent2 {                    /* THIs is the Right Column*/
float: right;
width: 150px;
height: auto;                   /*changed from 175*/
      /*changed from #7F171F*/
border: 0px 0px 0px 0px; 
color: #000000;
line-height: 18px;
margin: 0px 0px 0px 0px;
padding: 0px;
}

#footer {
margin-left: auto;           /*centers the div to center of page*/
margin-right: auto;           /*centers the div to center of page*/
text-align: left;            /*centers the div to center of page*/
width: 960px;                   /*changed from 750*/
height: 50px;
padding: 3px;
background-color: white;
overflow: none;
}

/*old footer   float: left;   
height: 100px;
background-color: #ccccff;
text-align: center;
color: #000;
margin-left: auto;
margin-right:auto;
padding: 2px;
overflow: hidden;
} */

#footer a, #footer a:link {
color: #DDD;
}


#footer a:hover { 
color: #000;
}

#rightside {
position: relative;
width: 160px;
height: auto;                        /*changed from 175*/
background-image: url(bluefadeleft.jpg);
border: 0px;
color: none;
margin: 0px;
padding: 0px;
}

#new2{ /*this holds the feed fetcher and is main content boxes */
float:left;
width: 620px;
             /*this changes the container height*/           /*changed from 395*/         
background-color: #ffffff;
margin: 0px;
font-size: 120%;
overflow:hidden;                    /*added by me*/
}

#example2{ /*Feed fetcher first section in maincontent*/
width: 500px;
height: auto;
border: none;
margin: 5px;
background-color: white;
font: bold;
color: #000;
line-height: 30px;
}

#google{ /*Feed fetcher first section in maincontent*/
width: 500px;
height: auto;
border: none;
margin: 5px;
background-color: grey;
font-size:120%;
font: bold;
color: #000;
line-height: 30px;
}


#example3{ /*Feed fetcher second section in maincontent*/
width: 500px;
height: auto;
border: none;
margin: 5px;
background-color: white;
font-color: #000000;
font: bold;
}

#example3 p{ /*Demo 3 P element that separates each entry*/
margin-top: 5px;
margin-bottom: 5px;
line-height: 16px;
}

#example3a{ /*Feed fetcher second section in maincontent*/
width: 500px;
height: auto;
border: none;
margin: 5px;
background-color: white;
font: bold;
}

#example3a p{ /*Demo 3 P element that separates each entry*/
margin-top: 5px;
margin-bottom: 5px;
line-height: 16px;
}
#example3b{ /*Feed fetcher second section in maincontent*/
width: 500px;
height: auto;
border: none;
margin: 5px;
background-color: white;
font: bold;
}

#example3b p{ /*Demo 3 P element that separates each entry*/
margin-top: 5px;
margin-bottom: 5px;
line-height: 16px;
}

#example3c{ /*Feed fetcher second section in maincontent*/
width: 300px;
height: auto;
border: none;
margin: 5px;
background-color: grey;
font: bold;
}

#example3c p{ /*Demo 3 P element that separates each entry*/
margin-top: 5px;
margin-bottom: 5px;
line-height: 16px;
}
#example3d{ /*Feed fetcher second section in maincontent*/
width: 300px;
height: auto;
border: none;
margin: 5px;
background-color: grey;
font: bold;
}

#example3d p{ /*Demo 3 P element that separates each entry*/
margin-top: 5px;
margin-bottom: 5px;
line-height: 16px;
}
#example3e{ /*Feed fetcher second section in maincontent*/
width: 300px;
height: auto;
border: none;
margin: 5px;
background-color: white;
font: bold;
}

#example3e p{ /*Demo 3 P element that separates each entry*/
margin-top: 5px;
margin-bottom: 5px;
line-height: 16px;
}
#example3f{ /*Feed fetcher second section in maincontent*/
width: 300px;
height: auto;
border: none;
margin: 5px;
background-color: white;
font: bold;
}
#example3g{ /*Feed fetcher second section in maincontent*/
width: 300px;
height: auto;
border: none;
margin: 5px;
background-color: white;
font: bold;
}

#example3f p{ /*Demo 3 P element that separates each entry*/
margin-top: 5px;
margin-bottom: 5px;
line-height: 16px;
}

#example3h{ /*Feed fetcher second section in maincontent*/
width: 300px;
height: auto;
border: none;
margin: 5px;
background-color: white;
font: bold;
}
#example3i{ /*Feed fetcher second section in maincontent*/
width: 300px;
height: auto;
border: none;
margin: 5px;
background-color: white;
font: bold;
}
#example3j{ /*Feed fetcher second section in maincontent*/
width: 300px;
height: auto;
border: none;
margin: 5px;
background-color: white;
font: bold;
}

#example3k{ /*Feed fetcher second section in maincontent*/
width: 500px;
height: auto;
border: none;
margin: 5px;
background-color: white;
font: bold;
}

#example3l{ /*Feed fetcher second section in maincontent*/
width: 300px;
height: auto;
border: none;
margin: 5px;
background-color: white;
font: bold;
}

#example9{ /*Feed fetcher second section in maincontent*/
width: 300px;
height: auto;
border: none;
margin: 5px;
background-color: white;
font: bold;
}

#example4{ /*Feed fetcher top right second section in maincontent*/
width: 500px;
height: auto;
border: none;
margin: 5px;
background-color: white;
font: bold;

}

#example5{ /*Feed fetcher lower right second section in maincontent*/
width: 500px;
height: auto;
border: none;
margin: 5px;
background-color: white;
font: bold;
}

#example6{ /*subcontent second weatherfeed*/
width: 150px;
height: auto;
border: none;
margin: 5px;
background-color: white;
font: bold;
}
#example6a{ /*used for current news right column*/
width: 290px;
height: auto;
border: none;
margin: 5px;
background-color: white;
font: bold;
}

#example7{ /*Feed fetcher second section in maincontent*/
width: 500px;
height: auto;
border: none;
margin: 5px;
background-color: white;
font: bold;
}

#example8{ /*Feed fetcher second section in maincontent*/
width: 500px;
height: auto;
border: none;
margin: 5px;
background-color: white;
font: bold;
}

#example9{ /*Feed fetcher second section in maincontent*/
width: 500px;
height: auto;
border: none;
margin: 5px;
background-color: white;
font: bold;
}
#example10{ /*Feed fetcher second section in maincontent*/
width: 500px;
height: auto;
border: none;
margin: 5px;
background-color: white;
font: bold;
}

#example11{ /*Feed fetcher second section in maincontent*/
width: 500px;
height: auto;
border: none;
margin: 5px;
background-color: white;
font: bold;
}

#example12{ /*Feed fetcher second section in maincontent*/
width: 500px;
height: auto;
border: none;
margin: 5px;
background-color: white;
font: bold;
}
#example13{ /*Feed fetcher second section in maincontent*/
width: 500px;
height: auto;
border: none;
margin: 5px;
background-color: white;
font: bold;
}

#example14 { /*Feed fetcher second section in maincontent*/
width: 500px;
height: auto;
border: none;
margin: 5px;
background-color: white;
font: bold;
}

#example15{ /*Feed fetcher second section in maincontent*/
width: 500px;
height: auto;
border: none;
margin: 5px;
background-color: white;
font: bold;
}


#example22{ /*Feed fetcher lower right second section in maincontent*/
width: 500px;
height: auto;
border: none;
margin: 5px;
background-color: white;
font: bold;
}


#leftside {
position: relative;
width: 150px;
height: 100%;                        /*changed from 175*/
background-image: url(bluefade.jpg);
border: 0px;
color: none;
margin: 0px;
padding: 0px;
}


.textwidget{
float:right;
}


#rightcol{ /*subcontent second weatherfeed*/
width: 290px;
height: auto;
border: 1px grey;
margin: 5px;
padding: 5px;
background-color: #EBF1F0;
font: bold;
}
#rightcol2{
Float: right;
width: 120px;
height: auto;
border: 1px black;
margin: 5px;
padding: 5px;
backgound-color: #aaaaaa;
float:right;
}
#rightcol3{         /*wake co voter page for google add*/
width: 210px;
height: auto;
border: 1px black;
margin: 5px;
padding: 5px;
backgound-color: #aaaaaa;
float:left;
}

.text{
line-height:200%;
padding:5px;
}