/* style for the body tag; takes care of any text not inside a block element.
   We must style all block elements seperately as styles don't inherit through
   block elements */

BODY {
	color: #000000;
	font-size: 10pt;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	margin-top: 1%;
	margin-left: 1%;
	margin-right: 0;
	margin-bottom: 1%;
	padding: 0;
	width: 98%;
	background: rgb(49,83,108);
}

/* block element styles */
TABLE, DIV, P, INPUT, TEXTAREA, SELECT {
	color: #000000;
	font-size: 10pt;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
}

/* prevent textareas from forcing horizontal scroll bar
credit to lobos for this hint */
textarea {
	width: 99%;
}

/* remove border from linked images */
A IMG {
	border: 0px;
}

/* inline element styles */
h1, .pn-pagetitle {
	font-weight: bold;
	font-size: 130%;
	text-align: center;
	color: rgb(51,153,102);
	text-decoration: underline;
}
h2, .pn-title {
	font-weight: bold;
	font-size: 120%;
	text-align: center;
	color: rgb(51,153,102);
}

/* anchor styles 
Note 1: Only add attributes to contextual (e.g. a.pn-title) styles that override the general style
Note 2: When all anchors are to be styled the same don't create specific styles 
for :visited etc.
*/
A {
	color: #0000FF;
	text-decoration: none;
	background: none;
}

/* form and control styles */
.input {
	border: 1px solid #000000;
	font-size: 10px;
}

/* PostNuke specific classes */
.pn-menu {
	text-align:center;
}

/* block styles */
.sideblock {
	padding-left:5px;
	padding-right:5px;
}

.centerblock {
	padding:0px;
	padding-left:5px;
	padding-right:5px;
}

.right-blocks {
	float: left;
	padding-left:5px;
	padding-right:5px;
	width: 330px
}

#container {
	width: 900px;
	margin: 0 auto;
}

#themefooter {
	text-align:center;
	font-size: 10pt;
	padding-left: 200px;
  padding-top: 5px;
  color: rgb(0,0,102);
  background-color: rgb(242,242,242);
  border-top: 2px solid rgb(0,0,102);
}

#content {
  display: table-cell;
  height: 100%;
  width: 900px;
}

#header {
  height:40px;
  width:650px;
  padding-top: 85px;
  padding-left: 30px;
  background-image: url(../images/treating_your_family_one_smile_at_a_time.gif);
  background-repeat: no-repeat;
}

#left {
	float: left;
  width: 200px;
  background: rgb(242,242,242);
}

#main {
	width: 680px;
  float: left;
  margin-left: 10px;
}

#right {
  float: left;
}

/* utility clearer class */
.clearing {
	height: 0px;
	clear: both;
}

/* legacy opentable function styles */
.opentable1 {
	width:100%;
	margin-bottom: 5px;
}
.opentable2{
	margin-bottom: 5px;
}

/* defaut styling for lists */
ul { 
	margin-left:1em;
	padding-left:0em;
	text-indent:0em;
	list-style-type: circle; 
}

.bl {background: url(../images/bl.gif) 0 100% no-repeat rgb(255,255,255); width: 920px;}
.br {background: url(../images/br.gif) 100% 100% no-repeat}
.tl {background: url(../images/tl.gif) 0 0 no-repeat}
.tr {background: url(../images/tr.gif) 100% 0 no-repeat; padding:10px}

.clear {font-size: 1px; height: 1px}

/*-------------------------------------*/
/*   Horizontal Drop-Down Menu Style   */
/*-------------------------------------*/

.horbar	{   /* Color of main horizontal menubar and border */
	color: rgb(0,0,102);
}

.horizitem	{  /* Behaviour of main horizontal menu items, leave as is for proper operation */
	float: left;
	white-space: nowrap;
}

.horizitem a { /* Font style, size of submenu items */
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11pt;
	font-weight: bold;
	text-decoration: none;
	position: relative;
	display: block;
}

.horizitem a:link, .horizitem a:visited 	{ /* Font style & color of main menu items */
	color: rgb(0,0,102);
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11pt;
	font-weight: bold;
	text-decoration: none;
}

.horizitem a:hover	{ /* Font style & color, background menu color of main menu item when hovered over */
	color: rgb(102,0,0);
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11pt;
	font-weight: bold;
	text-decoration: none;
}

.horizitem a:active	{ /* Font style & color, background menu color of main menu item when clicked */
	color: #ffff00;
	background-color: #666666;	
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11pt;
	font-weight: bold;
	text-decoration: none;
}

.horizsubmenu	{ /* Behaviour of sub-menu items - leave as is for proper operation of submenus */
	position: absolute;
	left: 0;
	top: 0;
	visibility: hidden;
}

.horizsubframe	{ /* Color of submenu item and border */
	background-color: #e6e7e6;
	border: 2px outset #fdfefd;
	position: relative;
	display: block;	
}

.horizsubitem	{ /* Behaviour of sub-menu items - leave as is for proper operation of submenus */
	text-align: left;
	white-space: nowrap;
}

.horizsubitem a {  /* Font style, size of submenu items */
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;	
	text-decoration: none;
	position: relative;
	display: block;	
}

.horizsubitem a:link, .horizsubitem a:visited	{  /* Font color, style of submenu items */
	color: #000000;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;	
	text-decoration: none;
}

.horizsubitem a:hover	{ /* Font color, style, background submenu color of submenu item when hovered over */
	color: #ffffff;
	background-color: #21459c;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;	
	text-decoration: none;
}

.horizsubitem a:active	{      /* Font color, style, background submenu color of submenu item when clicked */
	color: #ffff00;
	background-color: #666666;		
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;	
	text-decoration: none;
}

.horizsubitem .horizfwdarr, .horizitem .horizfwdarr	{      /* Positioning of right arrow for submenus */
	position: absolute;
	top: 5px;
	right: 8px;
}

.horizsubseparator	{   /* Style for line-separator in horizontal submenus - Use '---' for Link title to display */
	background-color: #ff0000;
	border-top: 1px solid #cdcecd;
	border-bottom: 1px solid #ffffff;
	margin: 2px 0px 2px 0px;	/* top right bottom left */
	height: 0px;
	font-size: 1px;
	line-height: 0px;
}


/*---------------------------*/
/* Tree and Plain Menu Style */
/*---------------------------*/

.treemenudiv	{     /* Behaviour of tree/plain menu item - leave as is for proper performance */
	display: block;
	white-space: nowrap;
}

.phplmnormal {     /* Font size & color of unlinked menu items */
	color: rgb(0,0,105);
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;	
	text-decoration: none;	
}

a.phplmnormal:hover	{     /* Font size & color of menu items */
	color: rgb(0,0,105);
	background-color: #fff0c0;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 010pt;	
	text-decoration: none;	
}

a.phplm:link, a.phplm:visited	{      /* Font color, style of linked & visited menu items */
	color: rgb(0,0,105);
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;	
	text-decoration: none;	
}

a.phplm:hover	{      /* Font color, style of menu items when hovered over */
	color: rgb(102,0,0);
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;	
	text-decoration: none;	
}

a.phplm:active	{      /* Font size & color of menu items when clicked */
	color: rgb(102,0,0);
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;	
	text-decoration: none;	
}

a.phplmselected:link, a.phplmselected:visited 	{         /* Font size & color of selected & visited menu items */
	color: rgb(102,0,0);
	background-color: #ffdd76;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;	
	text-decoration: none;	
}

a.phplmselected:hover	{         /* Font size & color of selected menu item when hovered over */
	color: rgb(102,0,0);
	background-color: #fff0c0;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;	
	text-decoration: none;	
}

a.phplmselected:active	{         /* Font size & color of selected menu item when clicked */
	color: rgb(102,0,0);
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;	
	text-decoration: none;	
}

#slideshow {
	width: 680px;
	height: 210px;
	background: rgb(255,255,255); 
}