/* top right bottom left */


body, p, td, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, tr
	{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}

body {
margin: 0px 0px 0px 0px; padding: 0px; background-color: #BDBAAF; 
text-align: center;
}


#container
{
border: #fff 2px solid;
width: 778px;
background-color: #CDCFC6; 
text-align: left;
margin: 0px auto;
padding: 0px;
}


html>body #container { 
width: 774px; 
} 

#header
{
background-color: #53555A;
/*border-top: #fff 1px solid;*/
border-bottom: #fff 1px solid;
height: 64px;
width: 100%;

background-image: url(../images/header_bg.gif);
background-repeat: no-repeat;
}

#header img
{
padding: 0px;
margin-left: 31px;
display: none;
}

#thumblower
{
clear: both;
background-color: #98A19A;
border: #fff 7px solid;
padding: 14px 0px 0px 14px;
height: 290px;
overflow: auto;
width: 47.5em;
margin: 0px 0px 7px 7px;
}


html>body #thumblower { 
width:731px;
height: 260px;
} 


#thumblower div
{
float: left;
}

#thumblower img
{
/*width: 102px;*/
float: left;
margin: 14px 14px 0px 0px;
}

.thumbblurb
{
width: 232px;
float: left;
padding-left: 14px;
padding-right: 14px;
}

#thumbs {
clear: both;
background-color: #678493;
/*background-color: #656B60;*/
border: #fff 7px solid;
padding: 14px;
height: 275px;
margin: 0px 0px 7px 7px;
overflow: auto;
width: 47.5em;
/*voice-family: "\"}\""; voice-family: inherit;*/
/*width: 49.1em;*/
}

html>body #thumbs { 
width:717px;
height: 210px; 
} 

#thumbs img
{
border-right: #666 2px solid;
border-bottom: #666 2px solid;
width: 90px;
float: left;
}

#thumbs a
{
font-weight: bold;
font-size: 80%;
color: #424242;
line-height: 140%;
text-decoration: none;
}

#thumbs a:hover
{
color: #664c4c;
text-decoration: underline;
}

#thumbs p
{
margin: 0px;
font-size: 68%;
color: #fff;
line-height: 130%;
}

#menu ul {
margin: 0px 0px 7px 0px;
padding-top: 7px;
padding-bottom: 8px;
padding-left: 0px;
padding-right: 0px;
text-indent: 26px;
background-color: #bbb;
border-bottom: #fff 1px solid;
width: 100%;
}

#menu li {
margin: 0px;
padding-top: 0px;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 7px; 
display: inline;
/*LIST-STYLE-IMAGE: url(images/icon_sq.gif);*/
list-style-type: none; 
voice-family: "\"}\""; voice-family: inherit;
}

#menu a {
padding: 5px;
font-weight: bold;
font-size: 67%;
color: #555;
line-height: 18px;
text-decoration: none;
letter-spacing: 0.10em;
}

#menu a:hover{
padding: 5px;
color: #664c4c;
text-decoration: underline;
}



#blurbhome img
{
margin: 2px 0px 5px 0px;
}

#blurbadg img
{
margin: 2px 0px 5px 0px;
}

#blurb img
{
margin: 2px 0px 5px 0px;
}



#blurbhome
{
font-size: 73%;
color: #63645F;
line-height: 145%;
letter-spacing: 0em;
word-spacing: 0.1em;
}

#blurbhome
{
border: #fff 7px solid; 
padding: 10px;
margin-left: 7px;
margin-bottom: 7px;
width: 760px;
height: 310px;
/*background-color: #C9D1B8;*/
background-color: #c3d1a3;
overflow: auto;
float: left; 
display: inline;
}


html>body #blurbhome { 
width:725px; 
height: 263px;
} 



#blurbhome a
{
font-weight: bold;
font-size: 100%;
color: #717d59;
line-height: 140%;
text-decoration: none;
}

#blurbhome a:hover
{
color: #8e9d6f;
text-decoration: underline;
}




#blurbadg
{
font-size: 73%;
color: #63645F;
line-height: 145%;
letter-spacing: 0em;
word-spacing: 0.1em;
}

#blurbadg 
{
border: #fff 7px solid; 
padding: 10px;
margin-left: 7px;
margin-bottom: 7px;
width: 760px;
height: 263px;
/*background-color: #C9D1B8;*/
background-color: #c3d1a3;
overflow: auto;
float: left; 
display: inline;
}


html>body #blurbadg { 
width:725px; 
height: 248px;
} 




#blurb
{
font-size: 73%;
color: #63645F;
line-height: 145%;
letter-spacing: 0em;
word-spacing: 0.1em;
}

#blurb a
{
font-weight: bold;
font-size: 100%;
color: #717d59;
line-height: 140%;
text-decoration: none;
}

#blurb a:hover
{
color: #8e9d6f;
text-decoration: underline;
}

#blurb 
{
border: #fff 7px solid; 
padding: 10px;
margin-left: 7px;
margin-bottom: 7px;
width: 32em;
height: 413px;
/*background-color: #C9D1B8;*/
background-color: #c3d1a3;
overflow: auto;
float: left; 
display: inline;
}

#blurb img
{
margin: 0px 0px 10px 0px;
}


html>body #blurb { 
width:338px; 
height: 398px;
} 



#flashtop {
border: #fff 7px solid;
padding: 10px;
margin: 0px 0px 7px 7px;
/*width: 32em;*/
/*height: 150px;   uuuuuuuuu*/
/*background-color: #88979F;*/
background-color: #5b869a;
overflow: auto;
}

#flashtop 
{
font-size: 73%;
color: #D9EEFA;
line-height: 155%;
height:152px;
letter-spacing: 0em;
word-spacing: 0.1em;
}

html>body #flashtop { 
height:136px; 
}





#flashindexbottom {
border: #fff 7px solid;
padding: 10px 10px 10px 13px;
margin: 0px 0px 7px 7px;
/*width: 32em;*/
height: 254px;
/*background-color: #6d93a5;*/
background-color: #869ba3;
overflow: auto;
}

html>body #flashindexbottom { 
height:221px; 
}





#flashbottom {
border: #fff 7px solid;
padding: 22px 10px 10px 52px;
margin: 0px 0px 7px 7px;
/*width: 32em;*/
height: 254px;
/*background-color: #6d93a5;*/
background-color: #869ba3;
overflow: auto;
}

html>body #flashbottom { 
height:209px; 
}



#flashcontainer
{
float: left;
width: 24.2em;
/*height: 420px;*/
/*background-color: red;*/
}



#flashtopoverview {
border: #fff 7px solid;
padding: 10px;
margin: 0px 0px 7px 7px;
/*width: 32em;*/
/*height: 150px;*/
background-color: #88979F;
overflow: auto;
}

#flashtopoverview 
{
font-size: 73%;
color: #D9EEFA;
line-height: 155%;
height:106px;
letter-spacing: 0em;
word-spacing: 0.1em;
}

html>body #flashtopoverview { 
height:90px; 
}


#flashbottomoverview {
border: #fff 7px solid;
padding: 10px 10px 10px 43px;
margin: 0px 0px 7px 7px;
/*width: 32em;*/
height: 300px;
background-color: #88979F;
overflow: auto;
}

html>body #flashbottomoverview { 
height:267px; 
}


#flashbottomflash {
border: #fff 7px solid;
padding: 10px 10px 10px 10px;
margin: 0px 0px 7px 7px;
/*width: 32em;*/
height: 254px;
background-color: #88979F;
overflow: auto;
}

html>body #flashbottomflash { 
height:221px; 
}



.logobgcolor {
	background-color: #959c98;
}
.logobg {
	background-IMAGE: url(http://www.geocities.com/ian_smith31/images/citizenlogooooooooooooooo_right.jpg)
}
.bodytext {
	font-size: 70%; word-spacing: 0.05em; color: #fff; line-height: 140%;
}

.homeblurblink {
	font-weight: normal; font-size: 70%; color: #656565; line-height: 140%; text-decoration: none
}
A.homeblurblink:hover {
	color: #664c4c; text-decoration: underline
}


.bodylink {
	font-weight: bold; font-size: 70%; color: #656565; line-height: 140%; text-decoration: none
}
A.bodylink:hover {
	color: #664c4c; text-decoration: underline
}

.headerlink {
	font-weight: bold; font-size: 14px; color: #656565; line-height: 16px; text-decoration: none
}
A.headerlink:hover {
	color: #664c4c; text-decoration: underline
}


.navlink {
	padding: 10px; font-weight: bold; font-size: 11px; color: #656565; line-height: 18px; text-decoration: none;
}
A.navlink:hover {
	padding: 10px; color: #664c4c; background-color: #f5f5f5; text-decoration: underline;
}
.navlinkcurrent {
	padding: 10px; font-weight: bold; font-size: 11px; color: #fff; line-height: 18px; text-decoration: none
}









