/* ----------------------------------------------
the image that runs down the left of the page
-----------------------------------------------*/
body
{
	background-image:  url(/templates/theme52/body_tile.gif);
	background-repeat: repeat-y;
	background-color: #E7F6FD
}

/* ----------------------------------------------
general font formatting
-----------------------------------------------*/
body, td, span, div, a
{
	font-family: Arial, Verdana, Tahoma, sans;
	font-size: 10pt;
	color: #1FA3C9;
}

/* ----------------------------------------------
heading 1
-----------------------------------------------*/
h1
{
	color: #1FA3C9;
	font-size: 14pt;
	font-weight: bold;
}

/* ----------------------------------------------
heading 2
-----------------------------------------------*/
h2
{
	font-size: 10pt;
	color: #1FA3C9;
	font-weight: bold;
	display: inline;
}

/* ----------------------------------------------
hyperlinks
-----------------------------------------------*/
a
{
	color: #1FA3C9;
}

/* ----------------------------------------------
the header cell of the body layout
-----------------------------------------------*/
span.header
{
	background-image:  url(/templates/theme52/top_tile.jpg);
	background-color: #1FA3C9;
	background-position: 275px;
	width: 100%;
	height: 93px;
	float: left;
}

/* ----------------------------------------------
navigation tile image
-----------------------------------------------*/
td.navigation
{
	background: transparent url(/templates/theme52/nav_tile.jpg) repeat-x ;
	width: 100%;
}

/* ----------------------------------------------
the right bar

to change these classes ONLY adjust:
background-color
background-image

-----------------------------------------------*/
td.rcdarkside
{ 
	background-color: #C9ECF6;
	background-image: url(/templates/theme52/tab_side_dark.jpg); 
	width: 10px; 
	background-repeat: repeat-y; 
}
td.rcdarkcorner
{
	background-color: #C9ECF6;
	background-image: url(/templates/theme52/tab_top_left.jpg); 
	height: 10px; 
	width: 10px; 
	background-repeat: no-repeat;
}
td.rcdarkbase
{
	background-color: #C9ECF6;
	background-image: url(/templates/theme52/tab_bottom_left_dark.jpg); 
	height: 10px; 
	width: 10px; 
	background-repeat: no-repeat;
}
td.rcdarkjoin 
{ 
	background-color: #C9ECF6;
	background-image: url(/templates/theme52/tab_join_left_dark.jpg); 
	height: 10px; 
	width: 10px; 
	background-repeat: no-repeat;
}
td.rcdarkbar
{
	background-color: #C9ECF6;
	background-image: url(/templates/theme52/tab_top_dark.jpg);
	height: 10px;
	width: 190px;
	background-repeat: repeat-x;
}
td.rcdarkbarbase
{
	background-color: #C9ECF6;
	background-image: url(/templates/theme52/tab_bottom_dark.jpg);
	height: 10px;
	width: 190px;
	background-repeat: repeat-x;
}
td.rcdarklink
{
	background-color: #C9ECF6;
	padding-left: 2px;
}
/* ----------------------------------------------
light block of the right bar
-----------------------------------------------*/
td.rclightside
{ 
	background-color: #C9ECF6;
	background-image: url(/templates/theme52/tab_side_light.jpg); 
	width: 10px; 
	height: 10px; 
	background-repeat: repeat-y; 
}
td.rclightcorner
{
	background-color: #C9ECF6;
	background-image: url(/templates/theme52/tab_top_left_light.jpg); 
	height: 10px; 
	width: 10px; 
	background-repeat: no-repeat;
}
td.rclightbase
{
	background-color: #8ED7EF;
	background-image: url(/templates/theme52/tab_bottom_left_light.jpg); 
	height: 10px; 
	width: 10px; 
	background-repeat: no-repeat;
}
td.rclightjoin 
{ 
	background-color: #8ED7EF;
	background-image: url(/templates/theme52/tab_join_left_light.jpg); 
	height: 10px; 
	width: 10px; 
	background-repeat: no-repeat;
}
td.rclightbar {
	background-color: #8ED7EF;
	background-image: url(/templates/theme52/tab_top_light.jpg);
	height: 10px;
	width: 190px;
	background-repeat: repeat-x;
}
td.rclightbarbase {
	background-color: #8ED7EF;
	background-image: url(/templates/theme52/tab_bottom_light.jpg);
	height: 10px;
	width: 190px;
	background-repeat: repeat-x;
}
td.rclightlink
{
	background-color: #8ED7EF;
	padding-left: 2px;
}


/* ----------------------------------------------
the guestbook form box
-----------------------------------------------*/
.guestbook_box
{
	background-color: #E7F6FD;
	border: 3px dotted #1FA3C9;
	height: 100%;
	width: 250px;
	padding: 4px;
	text-align: left;
}

/* ----------------------------------------------
the word balloon (bubble)
-----------------------------------------------*/
div.balloon
{
	width: 244px;
	height: 98px;
	background: transparent url(/templates/theme52/wordballoonbg.jpg) no-repeat;
}

/* ----------------------------------------------
custom text
-----------------------------------------------*/
.customtext
{
	color: #1FA3C9;
}

/* ----------------------------------------------
photonavigation background
-----------------------------------------------*/
.photonavigation
{
	background-color: #1FA3C9;
}