/* 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: 11pt;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0;
	margin-top: 1em;
	padding: 0;
	width: 98%;
	text-align:center;
	background: url(../images/body_background.jpg); 
}

/* block element styles */
TABLE, DIV, P, INPUT, TEXTAREA, SELECT {
	color: #000000;
	font-size: 11pt;
	font-family: 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: 16pt;
	text-align:center;
	color: rgb(181,61,0);
}

h2, .pn-title {
	font-weight: bold;
	font-size: 14pt;
	color: rgb(23,81,181);
}

h3 {
	font-weight: bold;
	font-size: 13pt;
	color: rgb(181,61,0);
}

/* 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;
}

div#container {
	width: 770px;
  margin-right: auto;
  margin-left: auto;
  text-align: left;
  border-top: 3px solid rgb(248,212,28);
  border-right: 3px solid rgb(181,61,0);
  border-bottom: 3px solid rgb(2,227,255);
  border-left: 3px solid rgb(255,137,11);
  padding-top: 5px;  
  padding-bottom: 5px;  
  background: rgb(255,255,255);
  display: table;
}

div#navigation {
	width: 770px;
  margin-right: auto;
  margin-left: auto;
  display: block;
}

div#footer {
  text-align:center;
  font-size: 9pt;
}

/* styles to create table-less layout */

div#homecontent {
	width: 770px;
  margin-right: auto;
  margin-left: auto;
  text-align: center;
  padding-top: 20px;
	font-weight: bold;
	font-size: 13pt;
	text-align: center;
	color: rgb(181,61,0);
}

div#admincontent {
	width: 770px;
  margin-right: auto;
  margin-left: auto;
  text-align: left;
}

div#content {
	width: 480px;
	float: left;
  text-align: left;
  padding-right: 10px;
  padding-top: 20px;
}

div#leftcolumn {
	float: left;
  width: 250px;
  height: 253px;
  margin-right: 10px;
  margin-left: 10px;
}

/* 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; 
}

/*-----------------------------------------*/
/* DYNAMENU BLOCK ACTIVE MENU STYLE SHEETS */
/*-----------------------------------------*/
/* Note: the "redundant" declarations of font size, styles, etc... for the various
   ANCHOR (a) objects are to compensate for the fact that many free/commercial
	 themes do not take advantage of the "cascading" nature of style sheets and
	 hard-code properties into the theme's default anchor objects, thus overiding other
	 uses of them in your theme.  Ideally, you should be able to specify the font
	 style, size, etc... in the first ".blahitem a" element and then just the color
	 in subsequent "states" of the anchor object (hover, visited, etc...) If your
	 theme is more in line with proper CSS techniques, feel free to make those adjustments
	 to the styles below */ 
	 

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

.horbar	{   /* Color of main horizontal menubar and border */
	border: 0px ;
}

.horizitem	{          /* Behaviour of main horizontal menu items, leave as is for proper operation */
	float: left;
	white-space: nowrap;
	background: rgb(0,129,253);
	margin-left: 2px;
	margin-right: 2px;
	width: 100px;
	text-align:center;
	border: 1px solid rgb(20,20,20);
}

.horizitem a {              /* Font style, size of submenu items */
	font-size: 10pt;	
	text-decoration: none;
	position: relative;	
	display: block;	
	text-align:center;
}

.horizitem a:link, .horizitem a:visited 	{      /* Font style & color of main menu items */
	color: rgb(248,212,28);
	font-size: 10pt;	
	text-decoration: none;
	font-weight: bold;
	padding: 5px;
	text-align:center;
}

.horizitem a:hover	{       /* Font style & color, background menu color of main menu item when hovered over */
	color: rgb(248,212,28);
	background-color: rgb(181,61,0);
	font-size: 10pt;	
	text-decoration: none;
	text-align:center;
}

.horizitem a:active	{       /* Font style & color, background menu color of main menu item when clicked */
	color: rgb(248,212,28);
	background-color: rgb(181,61,0);
	font-size: 10pt;	
	text-decoration: none;
	text-align:center;
}

.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-size: 12px;	
	text-decoration: none;
	position: relative;
	display: block;	
}

.horizsubitem a:link, .horizsubitem a:visited	{       /* Font color, style of submenu items */
	color: #000000;
	font-size: 10pt;	
	text-decoration: none;
}

.horizsubitem a:hover	{      /* Font color, style, background submenu color of submenu item when hovered over */
	color: #ffffff;
	background-color: #21459c;
	font-size: 10pt;	
	text-decoration: none;
}

.horizsubitem a:active	{      /* Font color, style, background submenu color of submenu item when clicked */
	color: #ffff00;
	background-color: #666666;		
	font-size: 10pt;	
	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;
}