@charset "UTF-8";

/* typography styles */


/*p { color: black; font-family: Helvetica, sans-serif; font-size: 8.5pt; line-height: 14pt; }*/
li, p { color: black; font-family: Helvetica, sans-serif; font-size: 9pt; line-height: 14pt; }

p#frontpage {
font-family:Arial, Helvetica, sans-serif;
font-size: 13px;
color: #666666;
font-weight: bold;
padding-left: 17px;
padding-right: 10px;
margin-top: 0px;
padding-top: 20px;
/*margin-top: 27px;*/
line-height: 20px;
margin-bottom: 25px;
}

p#breadcrumbs {
font-size: 9px;
color: black;
}

#breadcrumbs a:link,
#breadcrumbs a:active,
#breadcrumbs a:visited,
#breadcrumbs a{
font-size: 9px;
color: black;
text-decoration: none;
}


h1 { 
font-size: 16pt; 
color: #fc6700; 
padding-top: 5px;
font-family: arial, san-serif;
margin-top: 4px;
}

h3 { 
font-size: 9pt; 
color: white; 
padding-top: 5px;
padding-left: 10px;
font-family: arial, san-serif;
line-height: 9.5px;
}

h2 {color: black; font-size: 11pt; }

a {color: #006666; font-family:Arial, Helvetica, sans-serif; font-size:10pt; text-decoration:none;}

ul.body {
font-family:Arial, Helvetica, sans-serif;
color: black; 
font-size: 8.5pt; 
list-style-image: url(img/arrow-list-red.gif);
line-height: 25px;
}

#readmore {font-weight: bold; color: #006666; font-family:Arial, Helvetica, sans-serif; font-size:10pt; text-align: right; margin-right: 10px;}

img#readmore {border-style: none;}

p#search1 {
font-weight: bold;
color: #006666;
font-family:Arial, Helvetica, sans-serif;
font-size: 8.5pt;
text-align: right; margin-right: 10px;
line-height: 9pt;
margin-right: 3px;
}

a#search1 {
font-weight: bold;
color: #006666;
font-family:Arial, Helvetica, sans-serif;
font-size: 8.5pt;
text-align: right; margin-right: 10px;
margin-right: 3px;
}

img#search1 {border-style: none;}

#sidebar1 a, #sidebar-story p#readmore a{color: #006666; font-family:Arial, Helvetica, sans-serif; font-size:10pt; text-decoration:none;}

p#sidebar, #sidebar-story p {
padding-left: 10px;
padding-right: 10px;
font-family: Arial, san-serif;
font-weight: bold;
}
#sidebar1 h3 {
font-size: 9pt;
color: white;
padding-top: 5px;
padding-left: 10px;
font-family: arial, san-serif;
line-height: 14.5px;
}


h2#sidebar, #sidebar-story h2 {
color: black;
font-size: 11.5pt;
padding-left:10px;
margin-top: 0px;
font-family: Arial, san-serif;
}

img#sidebar, #sidebar-story img {
padding-left: 10px;
border-style: none;
}

a#sidebar, #sidebar-story a { 
color:white; 
}

p#foot {
font-family: arial, san-serif;
font-size: 8pt; 
color: #006666;
font-weight: bold;
text-align:right;
padding-right: 10px;
letter-spacing: 1px;
text-decoration:none;
}

a.foot {
font-family: arial, san-serif;
font-size: 8pt; 
color: #006666;
font-weight: bold;
text-align:right;
padding-right: 10px;
letter-spacing: 1px;
text-decoration:none;
}




/* layout structure */

body{
background: #666666;
margin:0;
padding:0;
font: 100% Verdana, Arial, Helvetica, sans-serif;
height: auto !important;
height: 800px;
min-height: 800px;
}

#maincontainer{
position: relative;
width: 802px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
background: #FFFFFF url(img/container_bg.jpg) repeat-x bottom; 
height: auto !important;
height: 800px; 
min-height: 800px;
}

#header {
        background: #DDDDDD;
        height: 118px;    /* this padding matches the left alignment of the elem
ents in the divs that appear beneath it. If an image is used in the #header inst
ead of text, you may want to remove the padding. */
        background-image: url(img/header.jpg);
}

#logo {
float: left;
height: 115px;
margin: 0 0 0 0;
padding:0 0 0 0;
}

#search {
float: right;
margin:5px;
height: 100px;
}

#contentwrapper{
float: left;
width: 100%;
}

#contentcolumn{
position: relative;
margin: 0 196px 0 186px;
padding: 20px;
color: black; 
font-family: Helvetica, sans-serif; font-size: 9pt; 
height: auto !important;
height: 800px;
min-height: 800px;
}

#contentcolumn p {
line-height: 14pt;
}

div.a {
width: 386px; 
height:320px; 
background-color:#e2eaec;
background-image:url(img/spotlight_image.jpg);
background-position: left top;
background-repeat: no-repeat;
border: solid 2px #C2CECE;
margin-top: 30px;
margin-bottom: 50px;
}

div.b {
margin: 0 0 0 0;
padding: 0 0 0 0;
background: white;
float: left;
height: 275px;
} 

div.a div.b {
width: 178px;
margin-left: 8px;
margin-top: 35px;
}

div#spotlight1 div.b {
width: 178px;
margin-left: 10px;
margin-top: 35px;
font-size: 12px;
line-height: 130%;
}

div.c {
background: white;
float: left;
height: 275px;
width: 170px;
margin-top: 35px;
margin-left: 30px;
} 

img#spotlight_photo, #b img { padding: 5px; }

h2#spotlight, .b h2 {
color: #b80000;
font-family:Arial, Helvetica, sans-serif;
text-transform:capitalize;
font-size:14px;
padding-bottom: 2px;
margin-bottom: 0px;
}

.b p {
padding-top: 0px;
padding-bottom: 0px;
margin-top: 0px;
margin-bottom: 0px;
}

p#spotlight, #b p {
font-family:Arial, Helvetica, sans-serif;
color: #333333;
font-weight: bold;
padding-left: 10px;
padding-right: 10px;
}

#breadcrumbs {
color:black;
float:left;
width: 186px;
padding-left: 5px;
display:inline;
}

#leftcolumn{
position: relative;
float:left;
background: #FFFFFF;
height: auto !important;
height: 800px;
min-height: 800px;
width: 186px; /*Width of left column in pixel*/
}

.contactsidebar{
float:left;
width: 186px;
height: 65px;
background-image: url(img/contact.jpg);
background-repeat: no-repeat;
font-size: 13px;
}

h2#contactsidebar {
font-family: Helvetica, sans-serif;
color:#fd6700;
font-size: 100%;
font-weight: bold;
padding: 4px 2px 0px 89px;
margin: 0;
}

p.contact_sidebar {
color: white;
/*font-size: 6.5pt; */
font-size: 70%;
line-height: 96%;
font-family: Helvetica, sans-serif;
font-weight: bold;
padding: 4px 2px 0px 89px;
margin: 0;
}

h1.leftcolumn { 
font-size: 11pt; 
color: white; 
padding-left: 10px;
font-family: arial, san-serif;
margin-top: 25px;
margin-bottom: -14px;
}

#rightcolumn{
position:absolute;
top: 142px;
right: 0px;
width: 195px; /*Width of right column*/
margin-left: -195px; /*Set left margin to -(RightColumnWidth)*/
background-image:url(img/right_column_bg_trans.jpg);
background-repeat: repeat-x;
margin-top: 0px;
height: auto !important;
height: 800px; /*800*/
min-height: 800px;
}

#footer{
width: 100%;
color: #FFF;
padding-bottom: 10px;
}




/*left column primary sub-menu*/
.curved-box
    {
    position: relative;
    width: 186px;
    background-color: #fd6700;
}

.curved-box h2
    {
    color: #990000;
padding:10px 0 0 10px;
margin-top: 0;
/*margin-top: 30px;*/
text-transform: uppercase;
}

.curved-box ul
    {
    margin: -15px 0px 0px 0px;
    padding: 0 0 10px 35px;
    text-align: left;
    list-style-type: none;
} 

.curved-box ul li {
    padding-bottom: 12px;
}

.curved-box ul li a{
color:white;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
text-decoration:none;
}

.curved-box ul li a:hover {
text-decoration: underline;
}

/*left column secondary sub-menu with bullets*/

.markermenu{
width: 186px; /*width of menu*/
margin-top: -28px;
}

.markermenu ul{
list-style-type: none;
padding: 0;
}

.markermenu ul li a{
background: #e1ebeb url(img/arrow-list-red.gif) no-repeat 8px center;
font: bold 13px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
line-height: 30px;
color: #950316;
display: block;
width: auto;
padding: 3px 0;
padding-left: 25px;
text-decoration: none;
border-bottom: 2px solid #bbd3d3;
verticle-align: middle;
}


* html .markermenu ul li a{ /*IE only. Actual menu width minus left padding of LINK (20px) */
width: 150px;
}

.markermenu ul li a:visited, .markermenu ul li a:active{
color: #00014e;
}

.markermenu ul li a:hover{
color: #e1ebeb;
background-color: #950316;
}

.secondary_markermenu{
position: relative;
width: 186px; /*width of menu*/
margin-top: 23px;
}

.secondary_markermenu ul{
list-style-type: none;
padding: 0;
margin: 0;
width: 186px;
}

.secondary_markermenu ul li a{
background: #DE1906 url(img/arrow-list-red.gif)  no-repeat 18px 6px;
font: bold 13px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
line-height: 20px;
color: white;
display: block;
width: auto;
padding: 3px 0;
padding-left: 35px;
text-decoration: none;
border-bottom: 8px solid white;
verticle-align: middle;
}


* html .secondary_markermenu ul li a{ /*IE only. Actual menu width minus left padding of LINK (20px) */
width: 151px;
}

.secondary_markermenu ul li a:visited, .markermenu ul li a:active{
color: white;
}

.secondary_markermenu ul li a:hover{
color: #white;
background-color: #950316;
}

.innertube{
margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
}

/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash h1 {
	visibility: hidden;
}

.sIFR-hasFlash h2 {
	visibility: hidden;
	letter-spacing: -9px;
	font-size: 55px;
}

.sIFR-hasFlash h3 {
	visibility: hidden;
	letter-spacing: -6px;
	font-size: 25px;
}

.sIFR-hasFlash h4 {
	visibility: hidden;
	letter-spacing: -5px;
	font-size: 21px;
}

.sIFR-hasFlash h5#pullquote {
	letter-spacing: -4px;
	visibility: hidden;
	font-size: 24px;
}

#sidebar1 {
position: absolute;
/* top:142px;*/
top:148px !important;
top: 149px;
left: 607px;
/*right: 0px;*/
        float: left;
        width: 195px; /* the actual width of this div, in standards-compliant br
owsers, or standards mode in Internet Explorer will include the padding and bord
er in addition to the width */
        background-image:url(img/right_column_bg_trans.jpg);
background-repeat: repeat-x;
        height:555px;
z-index:72;
}
.default-block {
	position: relative;
	height: auto !important;
	height: 100px;
	min-height: 100px;
	padding: 0px 4px 0px 4px;
}
.listexpander li {
	font-size: 100%;
}
ul.arrow {
	padding-left: 0px;
	margin-left: 0px;
}
ul.arrow li {
	background:url(img/arrow-list-red.gif) no-repeat 5px .4em; font-size: 110%;
	list-style-type: none;
	padding-left: 20px;
	padding-bottom: 6px;
}
a:hover {
	text-decoration: underline;
}

.twoColFixRtHdr #spotlight1 {
width:607px; 
height:320px; /*320*/
background-color:#e2eaec;
background-image:url(img/spotlight_image.jpg);
background-position: left top;
background-repeat: no-repeat;
position:absolute;
top: 250px;
border-top: solid 2px #C2CECE;
border-bottom: solid 2px #C2CECE;
margin: 0px 0px 100px 0px;
}
.featured img {
  padding: 0;
  margin: 0px 6px 6px 4px;
}