body	

{ 

margin:5px; 

text-align:center; 

background-color:#fff;
/*background-color:#ddffff;
background-image:url(http://crabbygolightly.com/images/bg8a.jpg);*/
background-image:url(http://crabbygolightly.com/images/.jpg);
background-repeat:repeat;  
background-position: top center


}


#pagebody
{
padding:10px;
}

.smalltextbold
{
color: #333;
font-family: Arial,Verdana,sans-serif;
font-size: 11px;
font-weight: bold;
}


P	

{ 

font-size:12px;  

font-family:Verdana, Geneva, sans-serif; 

color:#252525;

margin-bottom:0; 

margin-top: 22px;  



}


H1	

{ 

font-size:18px;  

font-family:Verdana, Geneva, sans-serif; 

color:#3C3796;  

margin-bottom:0; 

margin-top:0; 

}



H2	

{ 

font-size:12px;  

font-family:Verdana, Geneva, sans-serif; 

color:#3C3796;  

margin-bottom:0px; 

margin-top:10px; 

}


span
{
font-weight: bold;
}

h2 i span
{
 font:italic 13px "Tw Cen MT", "Twentieth Century MT", Verdana, Geneva, sans-serif;
}

ul  

{ 

font-size:12px;  

font-family:Verdana, Geneva, sans-serif;

list-style-position:inside; 

margin-left: 23px; 

margin-right:0; 

margin-bottom:0; 

margin-top:0; 

padding:0;

color:#332F82;

}


/* oversized first letter navigation class */

.letter	

{ 

float:left;

font: bold  80px Verdana, Geneva, sans-serif; 

color:#252525; 

margin-top: -22px
}





/* for creating britney box */

.box

{ 

width:200px;

height:400px; 

background-color:#ffffff; 

border-color:#3C3796; 

border-style:solid;

border-width:3px;

margin-bottom:20px; 

}



/* crabby snaps back box */

.crabbybox

{ 

width:500px;

height:600px; 

background-color:#ffffff; 

border-color:#3C3796; 

border-style:solid;

border-width:3px;

margin-bottom:20px; 

padding:10px

}









/* right hand header class */

.sidenav	

{ 

font: bold  12px Verdana, Geneva, sans-serif; 

color:#3C3796;  

margin-bottom:0; 

margin-top:0; 

}







/* image class */

.image

{ 

border-style:solid;

border-width:1px;

margin-bottom:10px;

margin-top:0; 

border-color:#3C3796;

}





/* advertising class */

.ad

{ 

margin-bottom:10px;

margin-top:40px;

margin-left:20px; 



}



/* these are the classes for the top four images, headlines and navigation */



/* top square divider class */

.square_float

{ 

width:175px;

border:0 solid red;

line-height: 13px;

float: right;

text-align: left;

padding-right: 7px;

}



/* top square divider class */

.space

{ 

width:15px;

border:0 solid red;

float: right

}







/* image top square class */

.imagetopnews

{ 

border-style:solid;

border-width:2px;

border-color:#73adc6;

margin-bottom:3px;

background-color:#99cccc;

}









/* top green bar text class */

.topnav_text	

{ 

margin-left:8px;

}





/* top bar class to add bg color*/

.b_color	

{ 

background-color:#99cccc;

padding-bottom:8px;

/* was 13px */

}







/* ending classes for the top four images, headlines and navigation */









/* Wireframing - use border:1px  */



div

{ 

margin:0;

padding:0;

border:0 solid red;

}







/* HomeContent Begins */



/* home container */

#container 

{ 

width:960px;  

margin:0 auto; 

background-color:#FFF0DD; 

border: 0px solid #99CCCC

}



/* top square images and headlines */

#latest_news_images

{

width:960px;

background-color:#99cccc;

text-align:left; 

height:200px; 

}



/* top greeen nav */

#top_nav_green

{

clear:both;

width:960px;

background-color:#b3df7e;

text-align:left; 

padding-top:1px;

padding-bottom:1px;

}

.paratitle	

{ 

font-size:12px;  

font-family:Verdana, Geneva, sans-serif; 

color:#3C3796;  

margin-bottom:0; 

margin-top:10px; 

}


/* masthead */

#masthead

{

width:960px;

height:84px; 

text-align:left;

}







/* right sidebar a*/

#sidebar

{  

width:300px;

text-align:left;

margin-left:630px;

margin-right:25px; 

padding-top:40px;

padding-left:0; 

}





/* left sidebar */

#maincontent

{ 

float:left; 

width:575px;

text-align:left; 

margin-left:20px; 

padding-top:40px;

padding-left:0;

 

}





/* footer */

#footer

{ 

clear:both; 

text-align:left; 

background-color:#FFF0DD;

padding-top:60px;

padding-bottom:10px;

}		























/* all links */

A			{ font: 12px  Verdana, Geneva, sans-serif; color:#1C1860; background:none;text-decoration:underline;}

A:link		{ font: 12px  Verdana, Geneva, sans-serif; color:#1C1860; background:none;text-decoration:underline;}

A:hover		{ font: 12px  Verdana, Geneva, sans-serif; color:#1C1860; background:none;text-decoration:underline;}

A:active		{ font: 12px  Verdana, Geneva, sans-serif; color:#1C1860; background:none;text-decoration:underline;}

A:visited		{ font: 12px  Verdana, Geneva, sans-serif; color:#1C1860; background:none;text-decoration:underline;}



/* mongers links */

A.mongers			{ font:12px  Verdana, Geneva, sans-serif; color:#332F82; background:none;text-decoration:none;}

A.mongers:link		{ font:12px  Verdana, Geneva, sans-serif; color:#332F82; background:none;text-decoration:none;}

A.mongers:hover		{ font:12px  Verdana, Geneva, sans-serif; color:#332F82; background:none;text-decoration:underline;}

A.mongers:active		{ font:12px  Verdana, Geneva, sans-serif; color:#332F82; background:none;text-decoration:none;}

A.mongers:visited		{ font:12px  Verdana, Geneva, sans-serif; color:#332F82; background:none;text-decoration:none;}





/* right hand nav links */

A.nav			{ font:bold  12px  Verdana, Geneva, sans-serif; color:#332F82; background:none;text-decoration:none;}

A.nav:link		{ font:bold  12px  Verdana, Geneva, sans-serif; color:#332F82; background:none;text-decoration:none;}

A.nav:hover		{ font:bold  12px  Verdana, Geneva, sans-serif; color:#332F82; background:none;text-decoration:none;}

A.nav:active		{ font:bold  12px  Verdana, Geneva, sans-serif; color:#332F82; background:none;text-decoration:none;}

A.nav:visited		{ font:bold  12px  Verdana, Geneva, sans-serif; color:#332F82; background:none;text-decoration:none;}

.topnav
{
margin-right: 8px;
}

/* top green nav links */

A.topnav			{ font:13px "Tw Cen MT", "Twentieth Century MT", Verdana, Geneva, sans-serif; color:#4a46a5; background:none;text-decoration:none; }

A.topnav:link		{ font:13px "Tw Cen MT", "Twentieth Century MT", Verdana, Geneva, sans-serif; color:#4a46a5; background:none;text-decoration:none;}

A.topnav:hover		{ font:13px "Tw Cen MT", "Twentieth Century MT", Verdana, Geneva, sans-serif; color:#4a46a5; background:none;text-decoration:none;}

A.topnav:active		{ font:13px "Tw Cen MT", "Twentieth Century MT", Verdana, Geneva, sans-serif; color:#4a46a5; background:none;text-decoration:none;}

A.topnav:visited		{ font:13px "Tw Cen MT", "Twentieth Century MT", Verdana, Geneva, sans-serif; color:#4a46a5; background:none;text-decoration:none;}

/* pullquotes*/
blockquote.pq
{float:left;margin:20px;border-right:0px #C2C2C2 solid;}
blockquote.pqleft
{float:left;padding-right: 10px;width: 250px;margin:20px;border-right:1px #C2C2C2 solid;}
blockquote.pqright
{float:right;padding-left: 10px;width: 250px;margin:20px;border-left:1px #C2C2C2 solid;}
p.mainquote {font-size:16px;font-family:Helvetica,Arial,sans-serif;clear: left}
.quote-start
{font-family:"Times New Roman",Times,serif;color:#99CCCC;font-size:60px;font-weight:bold;line-height:40px;float:left;display:block}
.quote-end
{font-family:"Times New Roman",Times,serif;color:#99CCCC;font-size:60px;font-weight:bold;line-height:40px;float:right;display:block}
cite
{font-family:Verdana,Arial,Helvetica,sans-serif;font-size:10px!important;font-style:italic!important;font-weight:400;}