/***********************************************/
/* 3col_leftNav.css                             */
/* Use with template 3col_leftNav.html          */
/***********************************************/

/***********************************************/
/* HTML tag styles                             */
/***********************************************/ 

body{
 font-family: Verdana,Arial,sans-serif;
 width: 100%;
 color: #ffffff;
 line-height: 1.2; 
 margin: 0px;
 padding: 0px;
 background-color:#000033
 font-size: 11px;
}

p{
    padding: 0px 0px 0px 0px;
 text-align: justify;
 margin-bottom: 4px;
 margin-top: 4px; 
}

a{
 color: #ffffff;
 text-decoration: none;
}

a:link{
 color: #ffffff;
 text-decoration: none;
}

a:visited{
 color: #ffffff;
 text-decoration: none;
}

a:hover{
 color: #99ccff;
 text-decoration: none;
}

h1{
 font-family: Verdana,Arial,sans-serif;
 font-size: 16px;
 line-height: 16px;
 color: #ffffff;
 font-weight: bolder;
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
}

h2{
 font-family: Verdana,Arial,sans-serif;
 font-size: 14px;
 line-height: 14px;
 color: #ffffff;
 font-weight:bold;
 margin: 0px 0px 0px 0px;
 padding: 10px 0px 0px 0px;
}

h3{
 font-family: Verdana,Arial,sans-serif;
 font-size: 12px;
 color: #ffffff;
 font-weight:bold;
 margin: 0px 0px 0px 0px;
 padding: 10px 0px 0px 0px;
}

ul{
 list-style-type: square;
}

ul ul{
 list-style-type: disc;
}

ul ul ul{
 list-style-type: none;
}

label{
 font-family: Arial,sans-serif;
 font-size: 100%;
 font-weight: bold;
 color: #ffffff;
}

/*********** #menuBar link styles ***********/

.menuBar
  { 
    color: #FFFFFF; 
    font-size: 11px; 
    font-family: Verdana, Arial, Helvetica, sans-serif; 
    font-weight: bolder; 
    line-height: 140%; 
    background-image: none; 
    text-align: center; 
    position: relative;
    left: +3px;
    width: 142px;
}

.Bar
{
    position: relative;
    border-right: white 0px solid;
    border-bottom: white 1px dotted;
    border-left: white 0px solid;
    width: 141px;
    line-height: 140%;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #FFFFFF;
    font-weight: bolder;
    text-align: left;
}

.BarC
{
    position: relative;
    left: +1px;
    border-right: white 0px solid;
    border-bottom: white 1px dotted;
    border-left: white 0px solid;
    width: 140px;
    line-height: 140%;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #FFFFFF;
    font-weight: bolder;
    text-align: center;
}

.menu
{
    float: left;
    border-top: white 1px solid;
    border-right: white 1px solid;
    border-bottom: white 1px solid;
    border-left: white 1px solid;
    width: 140px;
    line-height: 140%;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #FFFFFF;
    font-weight:bolder;
    text-align: left;
    visibility: hidden
}

.menuItem
{
    float: left;
    border-top: white 1px solid;
    border-right: white 1px solid;
    border-bottom: white 1px solid;
    border-left: white 1px solid;
    width: 100px;
    line-height: 140%;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:11px;
    color:#FFFFFF;
    font-weight:bolder;
}

.ItemMouseOver
{
    position: relative;
    float: left;
    border-right: white 1px;
    border-bottom: white 1px solid;
    border-left: white 1px;
    width: 100px;
    line-height: 140%;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #FFFFFF;
    font-weight: bolder;
    background-color: blue;
}

.ItemMouseOut
{
    width: 100%
}

.Arrow
{
    position: absolute;
    float: right;
    margin-bottom: 25px;
    font-family: Webdings;
    text-align: left
}

.barOver
{
    position: relative;
    border-right: white 1px;
    border-bottom: white 1px dotted;
    border-left: white 1px;
    width: 150px;
    line-height: 140%;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #FFFFFF;
    font-weight: bolder;
    text-align: center;
    background-color: blue;
}
/***********************************************/
/* Layout Divs                                 */
/***********************************************/

#masthead { background: #000000 url("images/header_bg_tile.gif") repeat-x center; padding: 0; width: 785px; height: 100px; border-bottom: 1px solid #ffffff }


#headlines{
 width: 150px;
 border-left: 1px solid #ffffff;
 padding-right: 10px;
}

#content{
 padding: 0px 0px 0px 0px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}

/***********************************************/
/* Components                                  */
/***********************************************/

#siteName{
 margin: 0;
 padding: 0 0 0 10px;
}


/*************** #pageName styles **************/

#pageName{
 margin: 0px;
 padding: 100px 0px 0px 10px;
}


/************** .feature styles ***************/

.feature_left{
 padding: 0px 10px 5px 10px;
 font-size: 10px;
 line-height: 1.2;
 border-bottom: white 1px dotted;
}

.feature_left h3{
 padding: 10px 0px 5px 10px;
 text-align: left;
}

.feature_left img{
 float: left;
 padding: 10px 10px 5px 0px;
}
.feature_right{
 padding: 0px 10px 5px 10px;
 font-size: 10px;
 line-height: 1.2;
 border-bottom: white 1px dotted;
}

.feature_right h3{
 padding: 10px 0px 5px 10px;
 text-align: left;
}

.feature_right img{
 float: right;
 padding: 10px 0px 5px 10px;
}

/************** .story styles *****************/

.story{
 clear: both;
 padding: 10px 0px 0px 10px;
 font-size: 12px;
}

.story p{
 padding: 0px 0px 5px 0px;
}


/************* #siteInfo styles ***************/

#siteInfo{
 clear: both;
 margin-top: 20px;
 border-top: white 1px dotted;
 border-bottom: white 1px dotted;
 font-size: 12px;
 color: #cccccc;
 padding: 5px 10px 5px 10px;
}

#siteInfo img{
 padding: 4px 4px 4px 10px;
 vertical-align: middle;
}






/*********** #sectionLinks styles ***********/

#sectionLinks{
 position: relative;
 margin: 0px;
 padding: 0px;
 border-bottom: 1px solid #ffffff;
 font-size: 12px; font-weight:bolder
}

#sectionLinks h3{
 padding: 10px 0px 2px 10px;
}

#sectionLinks a {
 display: block;
 border-top: 1px solid #cccccc;
 padding: 2px 0px 2px 10px;
}

#sectionLinks a:hover{
 background-color: #FFCC00;
}
/************** #specials styles **************/

#specials { font-size: 10px; line-height: 1.2; margin: 0; padding: 0 0 5px; width: 150px; border-bottom: 1px dotted white }

#specials p{
 padding: 5px 0px 5px 0px;
}