/*
#####################################################
#                                                   #
# foundation.css                                    #
#                                                   #
#####################################################

universal selector *
class selector     . (to target a group of elements
id selector        # (to target a unique html element)
*/

p {margin:0; padding: 0;}

.thinborder
{
border: thin solid #777777;
border-collapse: collapse;
}

.newborder table
{
border-bottom:1px solid #777777;
border-left:1px solid #777777;
}

.newborder td
{
border-top:1px solid #777777;
border-right:1px solid #777777;
}

.noborder table
{
border-bottom:1px hidden #777777;
border-left:1px hidden #777777;
}
.noborder td
{
border-top:1px hidden #777777;
border-right:1px hidden #777777;
}

.yellowsubmarine
{
  color: black;
  background-color: yellow;
}

td.error 
{
background-color:#FF0000;
color:#FFFFFF; 
}

input.error 
{
background-color:#FF0000;
color:#FFFFFF; 
}

/*###################################################
#                                                   #
# system reports                                    #
#                                                   #
###################################################*/

tr.heading
{
background-color: black;
color: white;
font-family:sans-serif;
}

tr.subheading
{
background-color: #D3D3D3;
color: black;
font-family:sans-serif;
}

tr.odd
{
background-color: white;
color: black;
font-family:sans-serif;
}

tr.even
{
background-color: #D3D3D3;
color: black;
font-family:sans-serif;
}

/*###################################################
#                                                   #
# payment                                           #
#                                                   #
###################################################*/

.three 
{
	background-color: #dddddd;
	color: #000000;
	text-align: center;
}
.six
{
	background-color: #bbbbbb;
	color: #000000;
	text-align: center;
}
.twelve
{
	background-color: #999999;
	color: #000000;
	text-align: center;
}

.asterisk
{
	color: #ff0000;
	text-align: right;
  font-size: 80%;
}

.homepage 
{
text-align: left;
font-size : large; 
font-family : Times, Roman, serif;
}  

.lineOne 
{
  font-size: 110%;
  text-decoration:none;
	color: #000077;
}
.lineTwo 
{
	color: #000000;
}
.lineThree 
{
	color: #007700;
}

/*###################################################
#                                                   #
# blog                                              #
#                                                   #
###################################################*/

.blogtitle 		{width:500px; text-align:center; color:white; background:#777777; margin:0 30px; padding:10px 10px; display:block;
border: 0; 
border-radius: 0;
	}
.blogtitle2		{width:500px; text-align:center; color:black; background:#777777; margin:0 30px; padding:10px 10px; display:block;}
.blogname	 		{width:500px; text-align:center; color:black; background:#d3d3d3; margin:0 30px; padding:10px 10px; display:block;}
.blogtext			{width:500px; line-height: 1.5em; font-size : medium; text-align:left;   color:black; background:#ffffff; margin:0 30px; padding:10px 10px; display:block;}
.blogcomment 	{width:500px; text-align:left;   color:black; background:#ffdddd; margin:0 30px; padding:10px 10px; display:block;}
.blogsidebar 	{text-align:left;   color:black; }

.blogtext img
{
width: 200px;
margin: 7px; 
float: right;
}

#blog a, .menu a:link, .menu a:active, .menu a:visited 
{
text-decoration: none;
}
#blog a:hover 
{
background-color: black;
color: white;
}

#third 
{
width: 31%;
float: left;
margin:10px 10px; 
font-family:sans-serif;
background-color: transparent;
font-size :medium;
}

#spread 
{
width: 31%;
float: left;
margin:10px 10px; 
font-family:sans-serif;
background-color: transparent;
font-size :medium;
}

#twothird 
{
width: 62%;
float: left;
margin:10px 10px; 
font-family:sans-serif;
background-color: transparent;
font-size :medium;
}

#half 
{
width: 48%;
float: left;
margin:10px 10px; 
font-family:sans-serif;
background-color: transparent;
font-size :medium;
}

/*#wholecontainer
{
overflow: auto;
}

#halfunder
{
width: 50%;
float: left;
margin:0px 0px; 
}

#halfover
{
position: relative; 
left: 512px; 
top: -500px;
width: 50%;
margin:0px 0px; 
}
*/
#whole 
{
clear: both;
margin:10px 10px; 
font-family:sans-serif;
background-color: transparent;
font-size :medium;
}

.more 
{
margin-top: 20px; 
padding: 10px 10px;
display: none;
background: #ddddff; 
}
	
a.showLink, a.hideLink 
{
text-decoration: none;
}

a.hideLink 
{
}

a.showLink:hover, a.hideLink:hover 
{
}
	
blockquote 
{
padding: 10px;
font-size: 130%;    
color: white;
line-height: 1.5em;
background-color: #777777;
}

blockquote:before 
{
 content: url('img/openquote1.gif');
}

blockquote:after 
{
content: url('img/closequote1.gif');
}

pre
{
padding-left: 40px;
}

.bubble
{
display: inline-block;    
text-decoration: none;
text-align: center; 
padding: 0px 0px
}

.b1
{
background: #ff7777;    
color: #ffffff;
}

.b2
{
background: #77ff77;    
color: #ffffff;
}

.b3
{
background: #7777ff;    
color: #ffffff;
}

.b4
{
background: #77ffff;    
color: #0000ff;
}

.b5
{
background: #ffff77;    
color: #0000ff;
}

.b6
{
background: #ff77ff;    
color: #0000ff;
}

.b7
{
background: #0000ff;    
color: #ffffff;
}

.b8
{
background: #00ffff;    
color: #0000ff;
}

.b9
{
background: #ffff00;    
color: #0000ff;
}

.b10
{
background: #ff00ff;    
color: #0000ff;
}

.b11
{
background: #770000;    
color: white;
}

.b12
{
background: #007700;    
color: white;
}

a.bubble:hover
{
color: white;
background: #FFA024;    
}


a.ajax
{
display: inline-block;    
text-decoration: none;
text-align: center; 
padding: 0px 0px
color: white;
background: #FFA024;    
border: 2px solid #a1a1a1; 
padding: 5px 5px; 
border-radius: 10px;
width: 100px;
}

a.ajax:hover
{
background: #ff00ff;    
color: #0000ff;
}