h1 {
    font-family: Calibri, Verdana, Arial, Helvetica, sans-serif;	
    font-size: 22px;
    font-weight:bold;
    color:#000000;
}


h2 {
    font-family: Calibri, Verdana, Arial, Helvetica, sans-serif;	
    font-size: 18px;
    font-weight: bold;
    color:#000000;	
}

h3 {
    font-family: Calibri, Verdana, Arial, Helvetica, sans-serif;	
    font-size: 15px;
    font-weight: bold;
}

h4 {
    font-size: 13px;
    margin-bottom: 5px;
}

p {
    padding: 0 5px 0 5px;
    font-family: Calibri, Verdana, Arial, Helvetica, sans-serif;	
    font-size: 15px;
    color: #333;
    /*text-align:justify;*/
}	

table {
    font-family: Calibri, Verdana, Arial, Helvetica, sans-serif;	
    font-size: 15px;
    color: #333;
}

p.smalltext {
    /*font-family: Calibri, Verdana, Arial, Helvetica, sans-serif;*/
    font-size: 14px;
    color: #333;
}		

.red_text {color: #CC3300}

.green_text {color: #009900}

.highlight {
    visibility:hidden;
    height:0px;
}	

a {
    color: #54A0D5;
    text-decoration: none;
}

a:hover {
    color: #333;
}

body {
    margin-left:4%;
    margin-right:4%;		
    padding:0;
    border:0;			/* This removes the border around the viewport in old versions of IE */
    width:92%;
    background: #000000;
    min-width:600px;    /* Minimum width of layout - remove line if not required */
    /* The min-width property does not work in old versions of Internet Explorer */
    font-size:90%;
}

#header {
    padding-top:10px;	
    background-color:#000000;
}

#branding {
    background: #EAEAEA url("../img/sharesense-logo.png") no-repeat;
    height: 56px;
    background-color:#000000;
}

#branding a  {width:800px; height:56px; display:block; }

/* 'widths' sub menu */
#layoutdims {
    clear:both;
    background:#eee;
    border-top:4px solid #000;
    margin:0;
    padding:6px 15px !important;
    text-align:right;
}

#footer {
    border-top: #CACACA 2px solid;
    background-color: #000000;
}

#footer p.copyright {
    font-size: 80%;
    line-height: 130%;
    float: left;
    color: #999;
    background-color: #000000;
    width:100%;
    height:100%;
}

#footer a {
    color: #666;
    text-decoration: none;
}

#footer a:hover {
    color: #333;
}	

/* column container */
.colmask {
    position:relative;		/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
    clear:both;
    float:left;
    width:100%;				/* width of whole page */
    overflow:hidden;		/* This chops off any overhanging divs */
    /*padding-top:10px;*/
}

/* holy grail 3 column settings */
.holygrail {
    background:#eee;    	/* Right column background colour */
}
.holygrail .colmid {
    float:left;
    width:200%;
    margin-left:-260px; 	/* Width of right column */
    position:relative;
    right:100%;
    background:#fff;    	/* Centre column background colour */
}
.holygrail .colleft {
    float:left;
    width:100%;
    margin-left:-50%;
    position:relative;
    left:520px;         	/* Left column width + right column width */
    background:#f4f4f4;    	/* Left column background colour */
}
.holygrail .col1wrap {
    float:left;
    width:50%;
    position:relative;
    right:180px;        	/* Width of left column */
    padding-bottom:1em; 	/* Centre column bottom padding. Leave it out if it's zero */
}
.holygrail .col1 {
    margin:0 270px;     	/* Centre column side padding:
                            Left padding = left column width + centre column left padding width
                            Right padding = right column width + centre column right padding width */
    padding-left:2%;
    position:relative;
    left:193%;
    overflow:hidden;
}
.holygrail .col2 {
    float:left;
    float:right;			/* This overrides the float:left above */
    width:235px;        	/* Width of left column content (left column width minus left and right padding) */
    position:relative;
    right:15px;         	/* Width of the left-had side padding on the left column */
}

.holygrail .col3 {
    float:left;
    float:right;			/* This overrides the float:left above */
    width:255px;        	/* Width of right column content (right column width minus left and right padding) */
    margin-right:25px;  	/* Width of right column right-hand padding + left column left and right padding */
    position:relative;
    left:50%;
}



.menu{
    border:none;
    border:0px;
    margin:0px;
    padding:0px;
    font: 67.5% "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
    font-size:14px;
    font-weight:bold;
}
.menu ul{
    background:#333333;
    height:35px;
    list-style:none;
    margin:0;
    padding:0;
}

.menu li{
    float:left;
    padding:0px;

}
.menu li a{
    outline:none;
    background:#333333 url("../img/seperator.gif") bottom right no-repeat;
    color:#cccccc;
    display:block;
    font-weight:normal;
    line-height:35px;
    margin:0px;
    padding:0px 25px;
    text-align:center;
    text-decoration:none;
}
.menu li a:hover, .menu ul li:hover a{
    background: #54A0D5 url("../img/hover.gif") bottom center no-repeat;
    color:#FFFFFF;
    text-decoration:none;
}
.menu li ul{
    background:#333333;
    display:none;
    height:auto;
    padding:0px;
    margin:0px;
    border:0px;
    position:absolute;
    width:225px;
    z-index:200;
    /*top:1em;
    /*left:0;*/
}
.menu li:hover ul{
    display:block;

}
.menu li li {
    background:url('../img/sub_sep.gif') bottom left no-repeat;
    display:block;
    float:none;
    margin:0px;
    padding:0px;
    width:225px;
}
.menu li:hover li a{
    outline:none;
    background:none;

}
.menu li ul a{
    outline:none;
    display:block;
    height:35px;
    font-size:12px;
    font-style:normal;
    margin:0px;
    padding:0px 10px 0px 15px;
    text-align:left;
}
.menu li ul a:hover, .menu li ul li:hover a{
    background:#2580a2 url('../img/hover_sub.gif') center left no-repeat;
    border:0px;
    color:#ffffff;
    text-decoration:none;
}

.menu p {
    clear:left;
}	

/* 2 column right menu settings */
.rightmenu {
    background:#eee;
}
.rightmenu .colleft {
    float:left;
    width:200%;
    margin-left:-285px;
    position:relative;
    right:100%;
    background:#fff;
}
.rightmenu .col1wrap {
    float:left;
    width:50%;
    position:relative;
    left:50%;
    padding-bottom:1em;
}
.rightmenu .col1 {
    margin:0 5px 0 290px;
    overflow:hidden;
}
.rightmenu .col2 {
    float:right;
    width:255px;
    position:relative;
    left:270px;
}