/***************************************************************
 * Start of CSS code required to achieve the three column layout
 ***************************************************************/

#content
    {
    float: left;
    width: 62%;
    margin-left: 18%;
    overflow : hidden;
    }
* html #content
    {
    display: inline;
    }
#aside
    {
    float: left;
    width: 20%;
    margin-left : 0%;
    margin-top: 10px;
    }
#menu
    {
    float: left;
    width: 16%;
    margin-left: -100%;
    }


#footer
    {
    clear: both;
    }

#container
{
    width : 974px;
    margin : 0 auto;
    height : 100%;
    text-align : left;
}


/***************************************************************
 * End of layout related code
 ***************************************************************/



/***************************************************************
 * Start of styles for the header strip
 ***************************************************************/

#logo
{
    float : left;
    margin: 5px 0px 0px 10px;;
    height : 60px;
    width : 60px;
}
#logo img
{
    display : none;
}

#tagline
{
    /*background : url(images/header_bar_middle.gif) bottom repeat-x;*/
    background : url(images/hyfinity_header.jpg) top right no-repeat;
    height : 75px;
}
/*#tagline .l
{
    background : url(images/header_bar_left_edge.gif) bottom left no-repeat;
}
#tagline .r
{
    background : url(images/hyfinity_header.jpg) top right no-repeat;
}
#tagline .content
{
    height : 75px;
}*/


#top-menu
{
    margin-top : 30px;
    text-align : left;
    color : silver;
    margin-left : 167px;
    /*border : thin solid red;*/
    /*height : 30px;*/
    /*vertical-align : top;*/
}

#top-menu a
{
    color : #BED2F3;
    margin : 0 5px;
    /*border : thin solid yellow;*/
    /*height : 100px;*/
    vertical-align : top;
    padding : 0 5px 0px 5px;
}

#top-menu a:hover
{
    color : white;
    /*color :  #E4E4FF;*/
   /* background : #E4E4FF;*/
    padding : 0 5px 15px 5px;
}

#top-menu a.selected-section-link
{
    color : #EF7B7B;
    font-weight : bold;
    font-size: 110%;
    /*background : black;*/
    /*padding : 0 5px 15px 5px;*/
    color : white;
    /*height : 30px;*/
    display : inline-block;
}
#top-menu a.selected-section-link:hover
{
    /*color : #EF7B7B;*/
    /*color : red;*/
    /*color : navy;*/
}



#location-strip
{
    clear : both;
    text-align : left;
    margin : 0px 15px 5px 0px;
}
#breadcrumb
{
    /*float : right;*/
    margin : 0px 0 0 80px;
    padding-top : 5px;
    font-size : 90%;
}
#section-title
{
    /*margin-left : 22%;
    float : left;*/
    font-weight : normal;
    color : black;
     /*  #525AFF*/
    font-size : 200%;
    line-height : 120%;
    margin : 10px 0px 0px 0px;
	
}

/***************************************************************
 * End of styles for the header strip
 ***************************************************************/

/***************************************************************
 * Start of styles for the main content layout
 ***************************************************************/

#content, #menu, #sitemap-border
{
    /*background: white;*/
}
/*#content .t, #menu .t, #sitemap-border .t
{
    background : white url(images/main_top_border.gif) top repeat-x;
}
#content .tl, #menu .tl, #sitemap-border .tl
{
    background : url(images/main_top_left_corner.gif) top left no-repeat;
}
#content .tr, #menu .tr, #sitemap-border .tr
{
    background : url(images/main_top_right_corner.gif) top right no-repeat;
}
#content .l, #menu .l, #sitemap-border .l
{
    background : url(images/main_left_border.gif) left repeat-y;
}
#content .r, #menu .r, #sitemap-border .r
{
    background : url(images/main_right_border.gif) right repeat-y;
}
#content .b, #menu .b, #sitemap-border .b
{
    background : url(images/main_bottom_border.gif) bottom repeat-x;
    margin : 0 14px 0px 10px;
}
#content .bl, #menu .bl, #sitemap-border .bl
{
    background : url(images/main_bottom_left_corner.gif) bottom left no-repeat;
    margin-top : -1px;
}
#content .br, #menu .br, #sitemap-border .br
{
    background : url(images/main_bottom_right_corner.gif) bottom right no-repeat;
}*/
#menu .content, #sitemap-border .content
{
    padding : 10px 0px 0px 0px;
}
#aside .content
{
    padding: 2px 0px;
}
#content .content
{
    min-height : 555px;
    height : 555px;
    padding : 0px 10px 5px 0px;
}
/* set the height back to auto for compliant browsers. */
html > body #content .content
{
    height : auto;
}


.spacer
{
    height : 1px;
    overflow : hidden;
	clear : both;
}


/***************************************************************
 * End of styles for the main content layout
 ***************************************************************/


/***************************************************************
 * Start of styles for the footer strip
 ***************************************************************/

/*#footer .l
{
    height : 55px;
    background : url(images/footer_left_border.gif) left top no-repeat;
}
#footer .r
{
    height : 55px;
    background : url(images/footer_right_border.gif) right top no-repeat;
}
#footer
{
    margin : 3px 0;
    height : 55px;
    background : url(images/footer_middle_background.gif) top repeat-x;
    width : 100%;
}*/
#footer .content
{
   /* padding-top : 8px;*/
    text-align : center;
    color : #505050;
    border-top: 1px solid silver;
}

#footer A, #footer A:visited, #footer A:active
{
    color : #505050;
    padding : 3px 5px;
}

#footer A:hover
{
    /*background: #E4E4FF;*/
    color : red;
}

#footer-links
{
    font-size : 90%;
    /*font-weight : bold;*/
}

#copyright
{
    margin-top 3px;
    font-size : 80%;
    color : #505050;
}

/***************************************************************
 * End of styles for the footer strip
 ***************************************************************/



/***************************************************************
 * Start of Element default styles
 ***************************************************************/
BODY
{
    /*background: white;*/
    background : url(images/background_strip.jpg) top repeat-x;
    font-size: 75%;
    font-family : Helvetica Neue, Verdana, Calibri, Geneva, Arial, Helvetica, sans-serif;
    font-weight : normal;
    text-align : center;
    color: #505050;
	line-height : 150%;
}

HTML
{
    overflow-y : scroll;
}

IMG
{
    border : none;	
}

UL
{
    margin: 0px;
    padding: 0px;
}
LI
{
    /*border: thin solid white;*/
    margin: 0px;
    padding: 0px;
    list-style: none;
    /*color: gray;*/
}

Q
{
/*   font-weight: bold; */
	font-style: italic;
	overflow : hidden;
}

#breadcrumb A:visited, #breadcrumb SPAN, #sitemap A:visited
{
    color : #2478FF;
}
DIV#main-body A:hover, DIV#breadcrumb A:hover, #sitemap A:hover
{
    color: red;
    background: inherit;    
}

A
{
	text-decoration : none;
}

HR
{
    /*width : 70%;
    text-align : center;*/
}

/***************************************************************
 * End of default element styles
 ***************************************************************/


/***************************************************************
 * Start of basic class defintiions
 ***************************************************************/
.bold
{
    font-weight: bold;
}
.para
{
    display: block;
    margin-top: 5px;
    margin-bottom: 12px;
    text-align: left;
}
/*.para q
{
	font-style: italic;
	font-weight: bold;
}*/
.para .hyperlink
{    
    font-size : 100%;
    /*font-weight : bold;*/
    color : #2478FF;
    background: none;
}
.para .hyperlink:hover
{
    color: red;
    background: inherit;    
}
.orderedlist-title
{
    display: block;
    font-weight : bold;
    font-size : 100%;
    margin-bottom: 10px;
    padding-right: 10px;

}
.orderedlist-item
{
    font-size : 100%;
    color: #505050;
    padding-right: 0px;
    margin-left: 0px;
    padding-left: 0px;
}
.orderedlist-item li
{
    list-style: none;
    padding-left: 15px;
}
.orderedlist-item .para
{
    /*background: #F2F2FF;*/
    margin-top: 0px;
    margin-bottom: 10px;
    padding-left: 5px;
    border-left: 7px solid #B2B2B2;
    text-align: left;
}

.imageCenter
{
	display: block;
	text-align: center;
}
.imageLeft
{
    text-align: left;
}
.imageRight
{
    text-align: right;
}

.link-info
{
    display:none;
}

.hyperlink
{
    font-size : 100%;
    font-weight : normal;
    color : blue;
    background: inherit;
}

/*#secondary-image
{
    padding-bottom : 0px;
}

#secondary-image img
{
    margin : 0;
    padding : 0;
}*/

#master-image 
{
    /*padding-right : 2px;*/
}
#master-image #quick_button_container_master
{
    /*border-bottom : 1px solid silver;
    border-left : 1px solid silver;
    border-right : 1px solid silver;*/
    /*border-top : 1px solid silver;*/
    text-align : left;
    margin : 0px 0px 0px 0px;
}

#master-image #quick_button_container_master A
{
	float: left; 
	clear:left;
}

#master-image #quick_button_container_master IMG
{
	float: left; 
	clear:left;
}

/*#secondary-image #quick_button_container_secondary
{
    border-bottom : 1px solid silver;
    border-left : 1px solid silver;
    border-right : 1px solid silver;
    border-top : 1px solid silver;
    text-align : center;
    margin : 0;
}*/
.subtitle
    {
	font-size: 130%;
	/*font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;*/
	font-weight: normal;
	text-align: left;
	color: black;
	/*	background-color: #525AFF; */
	background-color: #E8E8E8;
	padding: 1px 3px 1px 3px;
}
.aside
{
    display: block;
    padding: 5px 3px 0px 3px;
    border : solid silver 1px;
    margin : 0px 0px 8px 0px;
    /*border-right : solid silver 1px;
    border-bottom : solid silver 1px;*/
}
.aside .imageLeft
{
    float:left;
	 padding: 3px;
}
.aside .imageRight
{
    float:right;
}
.aside .para
{
    font-size: 99%;
    text-align: left;
    padding : 0px;
}
.aside .hyperlink
{
    font-size : 100%;
    /*font-weight : bold;*/
    color : #2478ff;
    background: none;
}
.aside .hyperlink:hover
{
    color: #DC143C;
    background: inherit;
}

#context-menu BR
{
    display : none;
}

#context-menu
{
    margin-top: 15px;
}

#context-menu-heading
{
	margin: 3px 0px 3px 0px;
	text-align: left;
	padding: 5px 0px 5px 0px;
	
	color: black; /*  #525AFF*/
	text-align: left;
	font-size: 140%;	
	/*background-color: #EDEDED;*/
}

#context-menu LI
{
    display : inline;
}

.context-menu-item
{
    DISPLAY: block;
    TEXT-ALIGN: left;
    margin-left: 0px;
 
    color : #505050;
    /*line-height : 100%;*/

    border-bottom : 1px solid silver;
    padding : 5px 0px 5px 0px;

}
.context-menu-summary
{
    DISPLAY: none;
}

DIV#context-menu H2
{
    DISPLAY: block;
    font-size: 150%;
    color : black;
    font-weight:normal;
    margin-top: 0px;
    margin-bottom: 0px;
}

DIV#context-menu H2 .context-news-headline
{
    font-size: 120%;
    text-align : left;
    line-height: 150%
    border : none;
}

.context-news-headline
{
    DISPLAY: block;
    TEXT-ALIGN: left;
    font-size: 100%;
    color : #2478FF;
    line-height : 150%;
    padding-bottom: 7px;
    padding-top: 7px;
    text-align : left;
    border-bottom : 1px solid silver;
}
.context-news-summary
{
    display: none;
}

.news 
{
    TEXT-ALIGN: left;
    line-height : 100%;
    padding: 0px 5px 5px 0px;
    /*background: #F1F1F1;*/
    margin-top: 5px;
}
.news .news-date
{
    font-size: 100%;
    /*background: #F1F1F1;*/

}

.news .news-headline
{	  
    color : #2478FF;
    /*background: #F1F1F1;*/
	 padding-left: 70px;
    DISPLAY: block;
	line-height : 130%;
}

.news .news-summary
{
	 font-size: 95%;
    color : #505050;
    /*background: #F1F1F1;*/
	 padding-left: 70px;
    DISPLAY: block;
	line-height : 130%;
}

li.sitemap1
{
    font-size: 105%;
    margin-left: 15px;
    padding-bottom:5px;
    font-weight: bold;
    list-style: none;
}
li.sitemap2
{
    font-weight:normal;
    margin-left: 20px;
    padding-bottom:5px;
    padding-top : 0px;
    list-style: none;
}
li.sitemap3
{
    margin-left: 20px;
    padding-bottom:2px;
    list-style: none;
}
li.sitemap4
{
    margin-left: 20px;
    padding-bottom:1px;
    list-style: none;
}

#sitemap UL
{
    margin : 0 0 20px 0;
}


.table-title
{
    font-weight:bold;
}
table.table
{
    margin-top: 10px;
    margin-bottom: 10px;
}
.table thead
{
   text-align: left;
    background: #F2F2FF;
    font-weight:bold;
}
.table tbody
{
    font-size:90%;
    text-align: left;
    font-weight:normal;
}


a.skip:link, a.skip:visited
{
    position : absolute;
    top : -1000px;
    left : -1000px;
    /*float : left;*/
    font-size : 1%;
    color: white;
    background: white;


}

#return-link a
{
   float: left;
   margin-left: 10px;
   color: navy;
}

#return-link a:hover
{   
   color: #E4E4FF;
}

/* Form page classes */


.caption
{
    font-weight:bold;
    text-align: left;
    display:block;
}
.input
{
    width: 100%;
}
.inputFull input
{
    width: 100%;
}
.inputFull textarea
{
    width: 100%;
}
.captionRadio
{
    font-weight:bold;
    text-align: left;
    width: 70%;
    float:left;
}
.group
{
    display:block;
}
.inputRadio
{
    width: 30%;
}
.button A
{
    border: 2px solid gray;
    border-style: outset;
    color: white;
    background: #000080;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-right: 10px;
    padding-left: 10px;
    text-decoration: none;
}
DIV#main-body SPAN.button A:hover
{
    border: 2px solid silver;
    border-style: outset;
    color: white;
    background: #000065;
    text-decoration: none;
}

/***************************************************************
 * End of basic class defintiions
 ***************************************************************/




@media print
{
    #logo img
    {
        display : block;
    }

}