/**** COMMON CSS LAYOUT RULES *******/

/************ BODY/FORM ***************/

body 
{
	margin : 0;
	padding : 0;
	background-color: #82939A;
	background-image: url(../images/common/background_grad.gif);
	background-repeat: repeat-x;
}

form
{
	position: relative;
	margin: 0px; 
	padding: 0px;
}

/************ FIXED WIDTH CENTRAL REGION ***************/

div#fixed_width_page
{
	position: relative;
	width: 720px;
	margin: 0px auto 0px auto;
	padding: 0px;
}
    
div#fixed_width_page img.leftBracket
{
	position: absolute;
	top: 64px;
	left: -130px;
}

div#fixed_width_page img.rightBracket
{
	position: absolute;
	top: 64px;
	left: 712px;
}

/************ HEADER / NAVIGATION***************/

div#banner
{
	margin : 0;
	padding : 0;
	vertical-align: middle;
}

div#banner div#banner_logo
{
    margin: 12px 0px 12px 8px;
	float: left;
}

div#banner div#banner_logo img
{
	border: 0px;
}

div#banner div#navigation
{
    margin: 18px 0px 0px 0px;
    z-index: 1;
    float:right; 
}

div#banner div#navigation ul
{
    list-style-type: none;
    text-align: center;
    position: relative;
    z-index: 2;
    padding: 0px;
    margin: 0px;
}

div#banner div#navigation li
{
    display: inline;
    text-align: center;
    margin: 0px 2px 0px 2px;
    padding: 0px;
	color: white;
	font-weight: bold;
	font-family: sans-serif;
	font-size: 12px;
}

div#banner div#navigation li img
{
    border: 0px;
    vertical-align: middle;
}

div#banner div#navigation input
{
    border: 0px;
    vertical-align: middle;
    border: 1px solid pink;
}

div#banner a {
	color: white;
	font-weight: bold;
	font-family: sans-serif;
	font-size: 12px;
	text-decoration: none;
}

div#banner a:hover 
{
	color: #FFA500;
	text-decoration: underline;
}

/************ TOP LEVEL MENU (TABS) ***************/

div#topMenu
{
	clear: both;
	height: 28px;
	padding: 0px 0px 0px 22px;
	text-align: left;
}

div#topMenu ul.tabs 
{ 
	list-style: none; 
	height: 28px; 
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

div#topMenu ul.tabs li
 { 
	background-image: url(../images/tabs/tab_unsel.gif); 
	float: left;
	width: 96px;
	height: 28px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

div#topMenu ul.tabs a {
	color:#fff;
	font-weight:bold;
	font-family: sans-serif;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	display: block;
	font-size:12px;
	line-height:28px;
	height:28px;
	text-align:center;
	text-decoration: none;
}

div#topMenu ul.tabs  a.selected 
{ 
	background-image: url(../images/tabs/tab_sel.gif); 
}
div#topMenu ul.tabs  a.selected:hover 
{ 
	background-image: url(../images/tabs/tab_sel_hover.gif);  
}
div#topMenu ul.tabs  a:hover 
{
	background-image: url(../images/tabs/tab_unsel_hover.gif); 
	text-decoration: underline;
}
div#topMenu ul.tabs  a.glow 
{ 
	background-image: url(../images/tabs/tab_unsel_anim.gif); 
}
div#topMenu ul.tabs  a.glow:hover 
{ 
	background-image: url(../images/tabs/tab_unsel_anim_hover.gif); 
}

/************ SUB MENU ***************/

div#subMenu
{
	position: relative;
	margin: 0px 26px 0px 26px;
	padding: 6px 0px 0px 8px;
	height: 40px;
	background-image: url(../images/common/submenu_mid.gif);
	background-repeat: repeat-x;
	clear: both;
	vertical-align: middle;
	font-size:12px;
}

div#subMenu div.leftcap
{
	position: absolute;
	top: 0px;
	left: -26px;
	background-image: url(../images/common/submenu_left.gif);
	width: 26px;
	height: 46px;
}
 
div#subMenu div.rightcap
{
	position: absolute;
	top: 0px;
	right: -26px;
	background-image: url(../images/common/submenu_right.gif);
	width: 26px;
	height: 46px;
}

div#subMenu a 
{
	padding: 4px 2px 0px 2px;
	border:0px solid red;
	height:20px;
	color: White;
	font-weight:bold;
	text-decoration: none;
}
div#subMenu a:hover 
{
	color: #FFD700;
	font-weight:bold;
	text-decoration: underline;
}
div#subMenu img.divider
{
	vertical-align: middle;
}

/************ CONTENT ***************/

/* defined separately for one and two column versions */

/************ FOOTER ***************/

div#footer 
{
	position: relative;
	margin: 0px 26px 0px 26px;
	padding: 0px 24px 0px 24px; 
	background-image: url(../images/common/footer_mid.gif);
	height: 32px;
	color: #777; 
}

div#footer div.leftcap
{
	position: absolute;
	top: 0px;
	left: -26px;
	background-image: url(../images/common/footer_left.gif);
	width: 26px;
	height: 32px;
}
 
div#footer div.rightcap
{
	position: absolute;
	top: 0px;
	right: -26px;
	background-image: url(../images/common/footer_right.gif);
	width: 26px;
	height: 32px;
}

div#footer a
{
	color: #777; 
	font-size: 80%;
	font-weight: bold;
}

div#footer a.copyright
{
	float: left;
}

div#footer ul
{
	float: right;
}

div#footer li
{
	display: inline;
}