/* DEFAULTS
----------------------------------------------------------*/

html {
    overflow-y: scroll; 
}

body   
{
    background: #b6b7bc;
    font-size: .8em;
    font-family: "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
    margin: 0px;
    padding: 0px;
    color: #696969;
}


/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/

.page
{
    width: 1024px; /*960*/
    background-color: #fff;
    margin: 20px auto 0px auto;
    border: 1px solid #496077;
}


.content
{
	position:relative;
	
    padding: 2px 12px;
    margin: 12px 8px 12px 8px;
    min-height: 420px;
    z-index:2;
    overflow:hidden;
    
    /*background-color:rgba(255, 255, 255, 0.8);*/
}

.footer
{
    color: #4e5766;
    padding: 8px 0px 0px 0px;
    margin: 0px auto;
    text-align: center;
    line-height: normal;
}

/* HEADINGS   
----------------------------------------------------------*/


h1, h2, h3, h4, h5, h6
{
    font-size: 1.5em;
    color: #666666;
    font-variant: small-caps;
    text-transform: none;
    font-weight: bold;
    margin-bottom: 0px;
}

h1
{
    font-size: 1.6em;
    padding-bottom: 0px;
    margin-bottom: 0px;
}




div.menubarbackground-icon
{
	position: absolute; 
	width:116px; 
	height:131px; 
	left:0px; 
	top:0px; 
	background-image: url('../Images/Header/billPortrait_transparent_116x131px.png');
}


/* Social MENU   
----------------------------------------------------------*/

div.socialmenu-background
{
    background: #4b6c9e;
}


div.socialmenu, div.socialmenu-background
{
	width: 100%;
    height:68px;	
}


div.socialmenu-button
{
	float: right;
}

div.socialmenu-button img
{
	border-style: none;
}

div.socialmenu-button a
{
	text-decoration: none;
}


div.socialmenu h1
{
    /*font-weight: 700;*/
    /*padding: 0px 0px 0px 20px;*/
    color: #FFFFFF; 
    /*border: none;*/
    /*line-height: 2em;*/
     font-size: 2.5em; 
    height:100%;
}




/* Navigation MENU   
----------------------------------------------------------*/

div.navmenu-background
{
	background-color:#3a4f63;	
    -moz-border-radius-bottomright: 50px;
    border-bottom-right-radius: 50px;     
}


div.navmenu
{
	clear:both;
	margin-left:100px;
}


div.navmenu, div.navmenu-background
{   
    height:31px;
    width:400px; 
}


div.navmenu ul
{
	list-style-type: none;
	width: 100%;
	margin: 0;
	padding: 0;
}

div.navmenu ul li
{
	float: left; 
}

div.navmenu ul li a, div.navmenu ul li a:visited
{
	color: #dde4ec;
	border: 2px #4e667d solid;	
	background-color: #465c71;
	text-decoration: none;
	display: block;
	padding: 4px 20px;
	margin-right:4px;

    -moz-border-radius: 50px;
	border-radius: 10px;
}


div.navmenu ul li a:hover
{
    background-color: #bfcbd6;
    color: #465c71;
    text-decoration: none;
}

div.navmenu ul li a:active
{
    background-color: #465c71;
    color: #cfdbe6;
    text-decoration: none;
}



/* MISC  
----------------------------------------------------------*/

.clear
{
    clear: both;
}

.title
{
    display: block;
    float: left;
    text-align: left;
    width: auto;
}