/***************************************************************************
                  Menu Development Cascading Style Sheet

   filename             : menu_dev.css
   website              : local
   Date                 : Apr 15, 2009
   Note                 : Drop down menu development
****************************************************************************/

/*
div
{
 -moz-box-sizing: border-box;
 box-sizing: border-box;
}
*/

body.canvas
{
	background-image: url(images/background_top_10x200.gif);
	background-repeat: repeat;
	/*  text-align: center; */
/*  vertical-align: left;*/
	margin: 0;
	padding-top: 21px; /* brings down maincanvas */
	font-family: Cambria, Georgie, "Times New Roman", Times, sans-serif;
	font-size: 1.1em;/*  z-index: -1; */
	background-color: #2A1F55;
	font-style: normal;
}

/**************************************************
  Containers
**************************************************/

.container
{
	position: relative;
	width: 1100px; /* changed from 920 */
	border: 1px solid black;
	margin: 0 auto;/*  overflow: auto;   DRAWS border to CONTAIN all elements underneath but IE shows V and H scroll bars. *//*  margin-left: auto;
    margin-right: auto;  these 2 left AND right margin declarations center the whole block level element *//*  margin: auto;   Centers the whole block level element */
	background-color: #FFFFFF;
}

.top_spacer
{
	position: relative;
	width: 998px;
	margin:0 auto;
	height: 35px;
	float: none;
}

.fixborder
{
 clear: both;
}

.header
{
  width: 100%;
  border: 0px solid red; /* top DIV */
}

.logo
{
	float: left;
	width: 200px;
	height: 325px;
	margin-left: 20px;
}

.tag
{
	float: right;
	width: 850px;
	height: 23px;
	border: 0px solid purple;
	font-size: 26px;
	vertical-align: top;
	padding-bottom: 20px;
	padding-left: 50px;
}


.photos
{
	float: right;
	width: 760px;
	height: 275px;
	border: 0px solid purple;
	padding-top: 10px;
	margin-bottom: 110px;
}
#leftbar
{
  float: left;
}

#rightbar
{
	float: right;
	margin-top: 20px;
	margin-right: 120px;
	margin-bottom: 0px;
	margin-left: 0px;
	border: 1px solid black;
	text-align: center;
}

#roundcorner
{
border-radius: 15px;
}

.sidebar
{
	width: 200px;
	border: 0px solid blue;
	margin-top: 40px;
	float: left;
	margin-left: 5px;
	margin-right: 10px;
	padding: 10px;
}



.topmenuholder
{
	width: 650px;
	float: right;
	text-align: left;
	/* readjusted margin top  from 300*/
	margin-top: 0px;
	border: 0px solid purple;
	height: 50px;
	margin-right: 75px;
}

.page
{
	width: 100%;
	margin-top: -22px;
	border: 0px solid white;  /* should be just under this DIV: header */
}

.contents
{
	width: 500px;
	float: left;
	border: 0px solid purple;
	padding-left: 0px;
}

.footer
{
  float: left;
  width: 100%;
  color: white;
  background-color: black;
  text-align: center;
  border: 0px solid purple; 
}
/**************************************************
  Left Vertical Navigation :: BEGIN
**************************************************/

td.vmenu {
  vertical-align: top;
}

div.vmenu {
/*  vertical-align: top; */
  border-width: 0px;
  border-style: solid;
  border-color: red;
  width: 182px;          /* NAVIGATION BUTTON WIDTH + border-width + border-width */
  margin: 0 auto;        /* Center */
/*  height: 500px; */
/*  text-align: center; */
}

#vmenucontainer ul
{
  margin-top: 0px;
  margin-bottom: 0px;  /* Blank space after the last button till end of the cell */
  padding-left:  0px;  /* (Cell Width - Button Width)/2 = (200-180)/2 = 20/2 = 10 ... NO NEED... Test more... */
  margin-left: 0px; /* To work in IE and FireFox, both padding-left and margin-left are needed */
  float: left; /* Fixes IE bug: Removes the unwanted default 2 pixels mandatory distance between buttons */
  list-style-type: none;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  text-align: left;
  text-indent: 0px;
}


#vmenucontainer li
{
  margin: 0 0 1px 0px; /* top, right, bottom (distance between buttons), left */
}

#vmenucontainer a
{
  display: block;               /* List items appear one after other with line breaks */
/*  text-indent: 25px; */           /* Distance between button left border and the first character of text */
/*  padding-left: 25px;   */         /* Distance between button left border and the first character of any line in button */
  padding-top: 8px;             /* Distance between button top border and the text */
  padding-bottom: 8px;             /* Distance between button bottom border and the text */
  width: 180px;                 /* NAVIGATION BUTTON WIDTH */
  height: 30px;                 /* NAVIGATION BUTTON HEIGHT */
  background-color: #666699;    /* MATCH BUTTON OFF MAIN COLOR */
/*  background-image: url('vmenu_button_off.jpg'); */
  background-repeat: no-repeat;
  text-align: center;
}


#vmenucontainer a:link, #vmenulist a:visited
{
  color: #CCCCCC;
  text-decoration: none;
}


#vmenucontainer a:hover
{
  background-color: #333366;    /* MATCH BUTTON ON MAIN COLOR */
/*  background-image: url('vmenu_button_on.jpg'); */
  background-repeat: no-repeat;
  color: #AAAAFF;
  text-decoration: none;
}

#vactive a:link, #vactive a:visited, #vactive a:hover
{
  background-color: #333366;    /* MATCH BUTTON ON MAIN COLOR */
/*  background-image: url('vmenu_button_on.jpg'); */
  background-repeat: no-repeat;
  color: #AAAAFF;
  text-decoration: none;
}

/**************************************************
  Left Vertical Navigation :: END
**************************************************/