/* Page layout and column display */


/******************************************************************
						Start Site Layout and Column Display
******************************************************************/

#outerWrapper {
	margin: 0 25px 0 25px;
	border: 1px solid #ccc;
}


/* the container and the inner div form the main page. This div has two borders
175px by default (can be resize if required) to hold the left and right
menus */

#container {
	position: relative;
	display: block;
	border-left: 190px solid #fff;  /*if this value changes the width for the left #leftnav and #inner must change  */
	background-color: #fff;
	padding-top: 10px;
	min-height: 500px;
}

/***** Fixes peekaboo bug for the main container in IE ***********/
/* Hides from IE-mac and Mozilla based browsers\*/
* html #container {height: 1%;}
/* End hide */


#inner {
	display: block; 
	margin-left: -190px;  /*if this value changes the width for the left #container must change  */
	padding: 0;
}

#leftNav {
	position: relative; 	
	display: block;
	width: 190px; /* if this value changes the width for the left #container must change  */
	float: left;
	padding: 0;
	margin-left: 0; /* for Opera 7.10 */
	margin-top: -0.01em;  /* this is for mozilla */
	margin-bottom: 0;  /* this is for mozilla */
	line-height: 1.09;
	list-style-type: none;
	z-index: 1000;
	background-color: #fff;
}

#rightColumn {
	display: block; 
	float: right; 
	line-height: 1.7;
	background-color: #FFF;
	width: 190px; 
	margin-right: 0;
	margin-top: -0.01em;  /* this is for mozilla */
	margin-top: 26px;
	
}

#mainContent {
	display: block; 
	margin-left: 190px; /* if this value changes the width for the left #container must change  */
	margin-right: 190px; /* if this value changes drops check the width for the #rightmenu  */
	height: 1%;
	font-size: 1em;
	background-color: #fff;
	padding: 0 15px 0 15px;
}

/*****************************************************************
NOTE: refer to mods below for IE hack used to position the left menu
 as margin varies from IE to Mozilla based browsers.
*****************************************************************/

#mainContent {
	/* Hides from IE-mac and Mozilla based browsers\*/
	* float: left;
	* margin-left: 0;
	* margin-right: 0;
	/* End hide */
}



/*****************************************************************
NOTE: This fix is to allow the screen size to reduce when a page 
has use of <em> causing the content to drop.
*****************************************************************/

/* hide from MacIE. only WinIE sees this. \*/ 
* html #mainContent {
	overflow: hidden; o\verflow: visible; width: 100%; w\idth: auto; he\ight: 1%; 
}
 /* End hide */

#leftNav {
	/* Hides from IE-mac and Mozilla based browsers\*/
	* margin-left: -190px;
	* margin-top: 0;
	* line-height: 1.2;
	/* End hide */
}


#header {
/*	overflow: hidden;*/
	height: 126px;
	margin: 0;
	background: #365861 url(../images/banner_teal.gif) repeat-x top left;
	padding: 0;
	width: auto;
	color: #fff;
} 

#header_left{
	float: left;
	top: 0;
	left: 0;
	height: 126px;
	width: 300px;
	background: url(../images/apvma_logo_teal.gif) no-repeat top left;
	cursor: hand;
	/*cursor: hand; put in IE6*/
}

#header_right {
	float:right;
	height: 126px;
	width: 480px; 
	background: url(../images/birds_teal.gif) no-repeat left 20px;
}

/* Logo for print - don't display logo unless in print preview mode */
#logo-print {
	display: none;
}

/******************************************************************
						Start Skip links
******************************************************************/

#skipLinks {
	margin: 0;
	padding: 0;
	position: absolute;
	top: 0;
	right: 30px;
}

#skipLinks li {
	display: inline;
	margin-left: 3px;
}

#skipLinks a {
	font-size: .9em;
	color: #6E9CA8;
	font-weight: bold;
	text-decoration: none; 
}

#skipLinks a:hover,
#skipLinks a:focus,
#skipLinks a:active {
	color: #404545;
	text-decoration: underline;
}

/******************************************************************
						Start Top Navigation
******************************************************************/

#topNav {
	font-size: .9em;
	font-weight: bold;
}

#topNav ul {
	margin: 55px 6px 2px 0;
	padding: 0;
	text-align: right;
}

#topNav li {
	display: inline;
	list-style-type: none;
	border-right: 1px solid #fff;
	padding: 0 7px 0 7px;
	
}

#topNav li.last {
	border-right: none;
}

#topNav a:link,
#topNav a:visited,
#topNav a:active { 
	color: #fff;
	text-decoration: none;
} 

#topNav a {
	padding: ;
	margin: 0;
}
#topNav ul a:hover {
	background: none;
	text-decoration: underline;
}

/******************************************************************
							Start Search 
******************************************************************/

#siteSearch {
	text-align: right;
	margin: 30px 10px 0 0;
	vertical-align: middle;
}

#siteSearch label {
	font-size: 1.0em;
}

#siteSearch input {
	width: 150px;
	border: 1px solid #365860;
	font-size: 1.0em;
	height: 16px;
	padding-left: 3px;
	width: 160px;
}

#header #searchButton {
	color: #fff;
	font-weight: bold;
	font-size: .9em;
	width: 36px;
	height: 20px;
	padding: 0;
	border: 1px solid #659EAF;
	background-color: #365860;
	text-align:center;
	font-stretch:expanded;
}




/*****************************************************************
                     Start Footer  
*****************************************************************/

#footer {
	height: 65px;
	background: #365860 url(/images/footer_teal.jpg)  no-repeat;
	color: #fff;
	font-size: .95em;
	margin: 0;
}

#footerNavigation {
	position: absolute;
	left: 630px;
}

#footer1 {
	margin-top: 10px;
}

#footer1 li {
	display: inline;
	border-right: 1px solid #fff;
}

#footer2 {
	float: left;
	position: relative;
	margin-top: 20px;
}

#footer2 li {
	display: inline;
	border-right: 1px solid #fff;
}

#footer ul {
	margin: 0;
	padding:0;
	list-style-type: none;
}

#footer li span.currentPage {
	color: #fff;
	padding-left: 5px;
	padding-right: 5px;
	font-weight: bold;
	text-align:center; 
}

#footer a:link, #footer a:visited, #footer a:hover, #footer a:active {
	text-decoration: none;
	background-color: inherit;
	color: #fff;
	font-weight: bold;
	padding-left: 5px;
	padding-right: 5px;
} 

#footer a:hover {
	background-color: inherit;
	text-decoration: underline;
}

#footer1 li.noBar,
#footer2 li.noBar {
	border-right: 0;
}

/*****************************************************************
                     Start Footer  Top
*****************************************************************/

#footerTop {
	clear: both;
	font-size: .95em;
	margin: 0;
	border-right: 15px solid #fff;
	/*border-left: 190px solid #f0efee;  if this value changes the width for the left #leftnav and #inner must change  */
	border-left: 190px solid #fff;  /*if this value changes the width for the left #leftnav and #inner must change  */
}

#footerTop ul {
	margin-bottom: 2px;
	margin-top: 0;
}

#footerTop li {
	list-style: none;
	text-align:right;
	margin-top: 0;
}

.topArrow {
	background-image: url(/images/top.gif);
	background-position:right;
	background-repeat:no-repeat;	
	display: block;
	height: 35px;
}

.topArrow a {
	background-image: url(/images/top.gif);
	background-position:right;
	background-repeat:no-repeat;	
	display: block;
	height: 35px;
	padding-right: 55px;

}

.topArrow a:visited {
	background-image: url(/images/top.gif);
	background-position:right;
	background-repeat:no-repeat;	
	display: block;
	height: 35px;
}

.topArrow a:hover {
	background-image: url(/images/top_hover.gif);
	background-position: right;
	background-repeat: no-repeat;	
	display: block;
	height: 35px;
}

#footerTop a:link,
#footerTop a:visited {
	text-decoration: none;
	font-weight: bold;
	color:#365860;
}

#footerTop a:hover,
#footerTop a:active {
	text-decoration: none;
	color:#3b779b;
}