/* CSS Document */
/* Colors Blue #0054A4, Green #158141, Light Green #5A9E63, Menu Grey #666 , Menu Yellow #fC0*/

/* Logo Div */
#logo { 
height: 85px;
padding-top:18px;
}

/* Top-Right Div */
#top-right { 
padding-top:20px;
}


/* Container Left Contents */
#content-left { margin-bottom: 2.7273em; }
#content-left .page_title { background: transparent url(/images/icons-small/bg_border_dot.gif) repeat-x 0 100%; font-size: 2.1818em; font-weight: 500; line-height: 1; padding-bottom: 6px;  }
#content-left h1 { color:#000000; line-height: 1.7058em; margin-bottom: 0; }
#content-left h2 {	color: #4a5359;	font-size: 1.5em; 	line-height: 1.6em; 	margin-bottom: 0;	background-image: url(/images/icons-small/bg_intro_sIFR_p.gif); 	background-repeat: repeat; 	margin-top: 0px; 	padding: 0px;
background-position: bottom;}

/* Content Right */
#content-right {
	font-size: 12px;
}

#content-right ul {
	margin: 0;
	padding: 0;
	list-style: none;
	line-height: normal;
}

#content-right li {
	margin-bottom: 30px;
	padding: 0 0 10px 0px;
}

#content-right li ul {
	margin: 0px 14px;
}

#content-right li li {
	margin: 0;
	padding: 12px 0px;
	border-bottom: 1px dashed #ADADAD;
}

#content-rightli li a {
	padding: 0px 0px 0px 0px;
	font-weight: normal;
}

#content-right li li a:hover {
}

#content-right p {
	margin: 0;
	padding: 0px 14px;
}

#content-right h2 {
	height: 15px;
	margin: 0 0 10px 0px;
	padding: 6px 0 2px 14px;
	font-size: 18px;
	font-weight: normal;
}

#content-right p {
	line-height: 200%;
}

#content-right a {
	text-align: left;
	text-decoration: none;
}

/* Navigation Horitontal List Menu Style */
.horizontal-menu, .horizontal-menu ul {padding:0; margin:0; list-style:none;}  /* This removes the UL indent */
.horizontal-menu li {
list-style: none;
display: inline;
}
.horizontal-menu li a {
	text-decoration: none;
	padding-top: 0.2em;
	padding-right: 0.8em;
	padding-bottom: 0.2em;
	padding-left: 0em;}
.horizontal-menu li a:hover {
text-decoration: underline;
}

/* Copyright Style */
#copyright{
font-size: 9px; 
color: #999999;
text-align:center;
}

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/pull_tabs.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
http://www.cssplay.co.uk/menus/pull_tabs.html
=================================================================== */

.pulldown, .pulldown ul {padding:0; margin:0; list-style:none;}
.pulldown {border-top:5px solid #666; height:50px; width:100%;}
.pulldown li a {text-decoration:none;}
.pulldown li {float:left; width:140px; margin-right:10px; position:relative;}
.pulldown li.last {margin:0;}
.pulldown li a.top {display:block; width:140px; height:30px;}
.pulldown ul {width:140px; position:absolute; left:0; top:0;}
.pulldown ul li {visibility:hidden; position:absolute;}
.pulldown ul li.heading {visibility:visible; display:block; width:140px; height:40px; background:url(/images/pull-tab-menu/li_back.png); font-family:arial, verdana, sans-serif; color:#fC0; text-align:center; font-size:15px; line-height:30px; position:absolute;}
.pulldown table {padding:0; margin:0; border-collapse:collapse; margin:-1px;}
.pulldown li a:hover {visibility:visible;}
.pulldown :hover ul li {visibility:visible; position:static; width:140px;}
.pulldown :hover ul li a {display:block; padding:2px 0 2px 10px; width:130px; background:#666; color:#fff; text-decoration:none; font-family:verdana, arial, sans-serif; font-size:11px;}
.pulldown :hover ul li a:hover {text-decoration:underline;}
.pulldown :hover ul li.heading {padding-left:10px; text-align:left; width:130px;} /* Added Line by DDM */

img.imageright { 
/* How to use with HTML <img src=”imagenamne.gif” width=”" height=”" alt=”" class=”imageright” /> */
float: right; 
padding-top: 5px;
padding-right: 15px;
padding-bottom: 3px;
padding-left: 20px;
/* border: 1px solid #666; */
}

img.imageleft {
	/* How to use with HTML <img src=”imagenamne.gif” width=”" height=”" alt=”" class=”imageleft” /> */
float: left;
margin: 0px;
padding-top: 5px;
padding-right: 3px;
padding-bottom: 3px;
padding-left: 0px;
}

.photoright200 {
float: right; 
padding:2px 0px 8px 10px; 
margin: 0; 
font-size:90%; 
color: #333333; 
font-style:italic; 
width: 200px;}

.photoleft200 {
float: right; 
padding:2px 0px 8px 10px; 
margin: 0; 
font-size:90%; 
color: #333333; 
font-style:italic; 
width: 200px;}

/* ----------- global horizontal rule ----------- */
hr {
/* Styling for Horizontal Rule */
border: 0;
color: #9E9E9E;
background-color: #9E9E9E;
height: 1px;
width: 100%;
text-align: left;
}

/* ----------- Image Padding Property ----------- */
img.imagepad{
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 10px;
	padding-top: 5px;
}
img.header{
	padding-bottom: 12px;
}


/* ----------- global link images, these are awesome ----------- */	
a[href $='.pdf'] {padding-left: 16px;  background: transparent url(/images/icons-small/icon-pdf.gif) no-repeat center left;}
a[href $='.doc'] {padding-left: 20px;  background: transparent url(/images/icons-small/icon-word.gif) no-repeat center left;}
a[href $='.doc'] {padding-left: 20px;  background: transparent url(/images/icons-small/icon-excel.gif) no-repeat center left;}
a[href $='.jpg'] {padding-right: 20px;  background: transparent url(/images/icons-small/icon-zoom.gif) no-repeat center right;}
a[href $='.gif'] {padding-right: 20px;  background: transparent url(/images/icons-small/icon-zoom.gif) no-repeat center right;}
a[href $='.png'] {padding-right: 20px;  background: transparent url(/images/icons-small/icon-zoom.gif) no-repeat center right;}
A[href ^="mailto:"] {padding-left: 20px; background: transparent url(/images/icons-small/icon_mail.gif) no-repeat center left;}
A[class ="popup"] {padding-right: 18px; background: transparent url(/images/icons-small/icon_popup.gif) no-repeat center right;}
/*The following is required for the above  <a class="popup" href="help.html">Help Page</a> */

.redtitle{
font-family: helvetica,arial,sans-serif;
letter-spacing:.1em;
color:#FF0000;
font-size: 12px; 
font-weight:bold;
}

.bluetitle{
font-family: helvetica,arial,sans-serif;
color:#00539B;
font-size: 11px; 
font-weight:bold;
}

.bluetitleCAPS{
font-family: helvetica,arial,sans-serif;
letter-spacing:.08em;
color:#00539B;
font-size: 11px; 
font-weight:bold;
}


/* Tab Module  http://papermashup.com/simple-jquery-tabs/ */ 
* {
	margin: 0;
	padding: 0;
}
#tabs {
	margin: 20px 0;
}
#tabs ul {
	float: left;
	background: #fff;
	width: 650px;
	padding-top: 4px;
}
#tabs li {
	margin-left: 8px;
	list-style: none;
}
* html #tabs li {
	display: inline;
}
#tabs li, #tabs li a {
	float: left;
}
#tabs ul li.active {
	border-top:4px #0054A4 solid; /*active tab top stripe*/
	background: #cccccc; /*active tab */
}
#tabs ul li.active a {
	color: #333333;
}
#tabs div {
	background:#FFFF99; /*content background */
	border:#ccc solid 1px; 
	clear: both;
	padding: 15px;
	min-height: 20px;
}
#tabs div h3 {
	margin-bottom: 12px;
}
#tabs div p {
	line-height: 150%;
}
#tabs ul li a {
	text-decoration: none;
	background:#E0E0E0; /*active tab */
	padding: 10px;
	color: #000; /*inactive font color */
	font-weight: bold;
}
.thumbs {
	float:left;
	border:#000 solid 1px;
	margin-bottom:20px;
	margin-right:20px;
}


