/* =General
-----------------------------------------------------------------------------*/

html { margin-bottom: 1px; min-height: 100%; }

body {
	padding:0px;
	margin:0px;
	font-family:Arial, Helvetica, sans-serif;
	behavior: url(includes/inc.csshover.htc);
	font-size:16px;
	line-height:32px;
	background:url(images/bg_body.jpg) no-repeat top right fixed; 
  -webkit-background-size: auto;
  -moz-background-size: auto;
  -o-background-size: cover;
  background-size: auto;
}

	@media only screen and (max-device-width: 900px) {
	body {font-size:40px;
	  line-height:46px;
	}};
img, div { behavior: url(/iepngfix.htc); }


/* Remove padding and margin on selected elements*/
h1,h2,h3,h4,h5,h6,pre,body,div{margin: 0; padding: 0;}



/* Remove border around linked images and fix Firefox odd spaces */
img {
   border: 0;
   vertical-align: bottom;
}

/* =Structural
-----------------------------------------------------------------------------*/

#wrapper {

	max-width:980px;
	width:100%;
	margin:auto;
	clear:both;
}


#footer {
	max-width:980px;
	width:100%;
	/*height:155px;*/
	clear:both;
	color:#949595;
	font-size:11px;
}

#footer_content {
	max-width:980px;
	width:100%;
	margin:auto;
	height:35px;
	padding-top:30px;
}

#header {
	width: 100%;
	position:relative;
	z-index:10;
	height:140px;
}

#logo {
	width:191px;
	height:105px;
	float:left;
	display:block;
	text-indent:-9999;
	margin-top:30px;
	margin-left:40px;
	background:url(images/logo.png) no-repeat;
}

	@media only screen and (max-device-width: 900px) {
	#logo {
	width:600px;
	height:328px;
	float:left;
	display:block;
	background:url(images/logo_mobile.png) no-repeat;  
	}};

#menu {
	float:right;
	height:340px;
	width:750px;
	display:block;
	margin-top:100px;
	padding-top:40px;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	z-index:99;
}

#link-button {
	float:right;
	height:30px;
	width:350px;
	display:block;
	margin-top:0px;
	padding-top:0px;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	z-index:99;
}

#photo {
	width:687px;
	height:253px;
	float:right;
	position:absolute;
	right:0;
	bottom:-35px;
}

#container {

	width: 100%;
	clear: left;
	float: none;
  
}

/*	width:780px;
	float:left;
	background:url(images/bg_content.png) repeat-y;
}
*/

/* #container_dol {
	width:780px;
	float:left;
} */

#leftcol {
	max-width:440px;
	width: 100%;
	margin: 5px;

	clear: left;

	background: url(images/bg_content.png) repeat-y;
	float:left;
	padding-top:40px;
	min-height:200px;
	height:auto !important;
	height:300px;
	padding-bottom:30px;
	padding-left:20px;
	padding-right:20px;
}

	@media only screen and (max-device-width: 900px) {
	#leftcol {
	  max-width:1000px;
	  width: 90%;
	
	}}

#rightcol {
	width:440px;

	margin: 5px;

	clear: right;
	
	background: url(images/bg_content2.png) repeat-y;
	float:right;
	padding-top:40px;
	min-height:200px;
	height:auto !important;
	height:300px;
	padding-bottom:30px;
	padding-left:20px;
	padding-right:20px;
}

	@media only screen and (max-device-width: 900px) {
	#rightcol {
	  max-width:1000px;
	  width: 90%;
	  float:left;	
	}}
	
	
#midcol {
	max-width:960px;
	width: 100%;
	margin: 10px;

	clear: left;

	background: url(images/bg_content.png) repeat-y;
	float:left;
	padding-top:40px;
	min-height:200px;
	height:auto !important;
	height:300px;
	padding-bottom:30px;
	padding-left:20px;
	padding-right:20px;
}

	@media only screen and (max-device-width: 900px) {
	#leftcol {
	  max-width:1000px;
	  width: 90%;
	
	}}
	
#footer_left {
	margin-left:10px;
	float:right ;
	/*width:730px;*/
}

/*#footer_right {
	float:right;
	width:150px;
}*/

#accordian {
	width:100%;
	float:left;

	/*background:url(images/bg_acc.jpg) no-repeat;*/
}

/* =Typography
-----------------------------------------------------------------------------*/
#footer span {
	font-size:12px;
	color:#ffffff;
}


#leftcol p {
	text-align:justify;

	color:#5c739c
}

#leftcol ul li {
	text-align:justify;

	color:#5c739c
}

#leftcol h1 {
	color:#5c739c;
	font-weight:normal
}

	@media only screen and (max-device-width: 900px) {
	#leftcol h1 {	line-height:66px;
	}}
	



#rightcol p {
	text-align:justify;

	color:#ffffff
}

#rightcol ul li {
	text-align:justify;

	color:#ffffff
}

#rightcol h1 {
	color:#ffffff;
	font-weight:normal
}

	@media only screen and (max-device-width: 900px) {
	#rightcol h1 {	line-height:66px;
	}}

#rightcol h11 {
	color:#ffffff;
	font-size:55px;
	line-height:75px;
	font-weight:normal
}

	@media only screen and (max-device-width: 900px) {
	#rightcol h11 {
	  font-size:75px;
	  line-height:85px;
	}}


#midcol p {
	text-align:justify;

	color:#5c739c
}

#midcol ul li {
	text-align:justify;

	color:#5c739c
}

#midcol h1 {
	color:#5c739c;
	font-weight:normal
}

	@media only screen and (max-device-width: 900px) {
	#midcol h1 {	line-height:66px;
	}}

	
	
	
#accordian p {
	text-align:left;
	margin:;
	line-height:39px;
	margin-left:0px;
	margin-right:0px;
}

/* =Headings
-----------------------------------------------------------------------------*/
h3 {
	font-size:26px;
	font-weight:bold;
	color:#0e0e0f;
	background: url(images/bg_accref.png) no-repeat scroll;
	margin:0px;
	padding:0px;
	text-indent:0px;
	width:100%;
	height:39px;
	margin:auto;
	margin-top:10px;
}

h4 {
	font-size:26px;
	font-weight:normal;
	color:#5c739c;
	background: url(images/bg_accproj.png) no-repeat scroll;
	margin:0px;
	padding:0px;
	text-indent:00px;
	width:100% px;
	height:50px;
	margin:auto;
	margin-top:10px;
	margin-bottom:10px;
	line-height:36px;
	
}

	@media only screen and (max-device-width: 900px) {
	h4 {	font-size:46px;
	  line-height:56px;
	  	height:160px;
	}}

h5 {
	font-size:11px;
	font-weight:bold;
	color:#440314;
	background: url(images/bg_accref.png) no-repeat scroll;
	margin:0px;
	padding:0px;
	text-indent:00px;
	width:565px;
	height:70px;
	margin:auto;
	margin-top:10px;
	margin-bottom:10px;
	line-height:70px;
	
}
/* =Links
-----------------------------------------------------------------------------*/

a {
	color:#062e6e;
	text-decoration:none;
}

a:hover {
	color:#333;
	text-decoration:underline;
}

#logo a {
	width:342px;
		
	background:url(images/logo.jpg) no-repeat;
	text-indent:-9999em;
	display:block;
	outline:none;
}

#footer a {
	color:#949595;
	text-decoration:none;
	padding:0 5px;
	line-height:20px;
}

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

a.more {
	display:block;
	color:#ffffff;
	margin-top:15px;
	text-transform:uppercase;
	font-size:10px;
	font-weight:bold;
	text-decoration:none;
}

a.more:hover {
	color:#041127;
	text-decoration:underline;
}


/* =Branding
-----------------------------------------------------------------------------*/




/* =Main Nav
-----------------------------------------------------------------------------*/
/* THIS IS THE MENU 
---------------------------------------------------------*/

/* Overall Box Properties */


/* Type of Menu (Vertical vs. Horizontal) */
#menu ul {
	display: block;
	list-style: none;
	margin: 10px;
	margin-top: 50px;
	float: right;
	padding: 0;
	
}

/* Position of menu elements */
#menu ul li {
	position: relative;
	color: #aaaaaa;
	display: inline;
	padding: 0;
	float: right;
}

/* Edit look of 1st level menu items */
#menu ul li a {
	display: block;
	float: left;
	color: #aaaaaa;
	padding: 2px 5px 3px 10px;
	text-decoration: none;
	font-weight: normal;
	font-size: 16px;
	
}

	@media only screen and (max-device-width: 900px) {
	#menu ul li a {font-size:26px;
	}};

/* Added specifically for Internet Explorer */
 * html #menu ul li a {
	padding:  2px 5px 3px 10px;
	}

/* Sometimes Needed to Change Internet Explorer Hover */
#menu ul li a:hover {
	color: #363333;
}

/* Position of Drop Down Elements */
#menu ul li ul {
	position: absolute;
	display: none;
}

/* Hover of the Main Menu */
#menu ul li:hover {
	position: relative;
	color: #1a1818;
}

/* Added specifically for Internet Explorer Hover */
#menu ul li:hover > a,
#menu li a:hover,
* html #menu li a:hover {
	color: #000;
	padding:  2px 5px 3px 10px;
	background: url(images/menu_bg.png) repeat-x;
}

/* For Top Level Hover when on the second level (I think) */
#menu ul li:hover ul {
	display: block;
	position: absolute;
	left: 0;
	top: 100%;
	width: 211px;
	height: auto;
	margin: 0;
	padding: 0;
	z-index: 2000;
	border:none;
	background: url(images/bg_dropdown.png) repeat-x;
}

/* Added specifically for Internet Explorer */
* html #menu ul li:hover ul { 
	background:#7290AA url(images/bg_dropdown.png) repeat-x;
}

#menu ul li ul li,
#menu ul li.more ul li {
	width: 211px;
	background:none;
	padding: 0;
}

/* Edit look of drop down 2nd level menu items */
#menu ul li ul li a {
	background: none;
	padding: 8px 0px 3px 10px;
	width: 200px;
	font-variant: normal;
	font-weight: normal;
	font-size: 16px;
	color: #1a1818;
	border:none;
	float: none;
}

	@media only screen and (max-device-width: 900px) {
	#menu ul li ul li a  {font-size:16px;
	}};

#menu ul li ul li:hover { 
	background: #cdcece; 
}

#menu ul li ul li a:hover {
	color: #000;
	background: none;
	padding: 8px 0px 3px 10px;
}

#menu ul li ul li:hover > a {
	color: #000;
	background: none;
	padding: 8px 0px 3px 10px;
}

#menu ul li ul li ul,
#menu ul li:hover ul li ul { 
	display: none; 
}

#menu ul li ul li:hover ul,
#menu li.exp:hover ul,
#menu ul li:hover ul li:hover ul {
	position: absolute;
	display: block;
	left: 100%;
	top: 0px;
	z-index: 300;
	border-right: none;
	width: 211px;
}

#menu ul li:hover ul li:hover ul li,
* html #menu ul li ul li a { 
	width: 211px; 
}

#menu ul li:hover ul li:hover ul li a {
}

/* THIS IS THE MENU */


-----------------------------------------------------------------------------*/
/* THIS IS THE LINK-BUTTON
---------------------------------------------------------*/

#link-button ul {
	display: block;
	list-style: none;
	margin: 10px;
	margin-top: 50px;
	float: right;
	padding: 0;
	
}

/* Position of menu elements */
#link-button ul li {
	position: relative;
	color: #ffffff;
	display: inline;
	padding: 0;
	float: right;
}

/* Edit look of 1st level menu items */
#link-button ul li a {
	display: block;
	float: left;
	color: #ffffff;
	padding: 2px 5px 3px 10px;
	text-decoration: none;
	font-weight: normal;
	font-size: 16px;
	background: url(images/link_bg0.png) repeat-x;
}
	
}

	@media only screen and (max-device-width: 900px) {
	#link-button ul li a {font-size:26px;
	}};

/* Added specifically for Internet Explorer */
 * html #link-button ul li a {
	padding:  2px 5px 3px 10px;
	}

/* Sometimes Needed to Change Internet Explorer Hover */
#link-button ul li a:hover {
	color: #363333;
}

/* Position of Drop Down Elements */
#link-button ul li ul {
	position: absolute;
	display: none;
}

/* Hover of the Main Menu */
#link-button ul li:hover {
	position: relative;
	color: #1a1818;
}

/* Added specifically for Internet Explorer Hover */
#link-button ul li:hover > a,
#link-button li a:hover,
* html #link-button li a:hover {
	color: #000;
	padding:  2px 5px 3px 10px;
	background: url(images/link_bg1.png) repeat-x;
}

/* For Top Level Hover when on the second level (I think) */
#link-button ul li:hover ul {
	display: block;
	position: absolute;
	left: 0;
	top: 100%;
	width: 211px;
	height: auto;
	margin: 0;
	padding: 0;
	z-index: 2000;
	border:none;
	background: url(images/bg_dropdown.png) repeat-x;
}

/* Added specifically for Internet Explorer */
* html #link-button ul li:hover ul { 
	background:#7290AA url(images/bg_dropdown.png) repeat-x;
}

#link-button ul li ul li,
#link-button ul li.more ul li {
	width: 211px;
	background:none;
	padding: 0;
}

/* Edit look of drop down 2nd level menu items */
#link-button ul li ul li a {
	background: none;
	padding: 8px 0px 3px 10px;
	width: 200px;
	font-variant: normal;
	font-weight: normal;
	font-size: 16px;
	color: #1a1818;
	border:none;
	float: none;
}

	@media only screen and (max-device-width: 900px) {
	#link-button ul li ul li a  {font-size:16px;
	}};

#link-button ul li ul li:hover { 
	background: #cdcece; 
}

#link-button ul li ul li a:hover {
	color: #000;
	background: none;
	padding: 8px 0px 3px 10px;
}

#link-button ul li ul li:hover > a {
	color: #000;
	background: none;
	padding: 8px 0px 3px 10px;
}

#link-button ul li ul li ul,
#link-button ul li:hover ul li ul { 
	display: none; 
}

#link-button ul li ul li:hover ul,
#link-button li.exp:hover ul,
#link-button ul li:hover ul li:hover ul {
	position: absolute;
	display: block;
	left: 100%;
	top: 0px;
	z-index: 300;
	border-right: none;
	width: 211px;
}

#link-button ul li:hover ul li:hover ul li,
* html #menu ul li ul li a { 
	width: 211px; 
}

#link-button ul li:hover ul li:hover ul li a {
}



/* =Sub Nav
-----------------------------------------------------------------------------*/




/* =Main Content
-----------------------------------------------------------------------------*/




/* =Secondary Content
-----------------------------------------------------------------------------*/



/* =Footer
-----------------------------------------------------------------------------*/



/* =Forms
-----------------------------------------------------------------------------*/




/* =Tables
-----------------------------------------------------------------------------*/

table { 
  border-spacing: 0;
   border-collapse: collapse;
}

td {
  text-align: left;
  font-weight: normal;
}



/* =Misc 1 (ACCORIDAN)
-----------------------------------------------------------------------------*/
#navigation {
	margin:0px;
	padding:0px;
	text-indent:0px;
	width:100%x;
	margin:auto;
	margin-top:20px;
}
#navigation a.head {
	cursor:pointer;
	background: url(images/bg_accbtn.png) no-repeat scroll;
	_background: url(images/bg_accbtn.jpg) no-repeat scroll;
	color:#440314;
	display:block;
	height:600px;
	width:100%;
	margin:0px;
	padding:0px;
	text-decoration: none;
	text-indent:0px;
	padding-top:5px;
}
#navigation a.head:hover {
	color:#170107;
}
#navigation a.selected {
	background: url(images/bg_accbtn.png) no-repeat scroll 0 -46px;
	color:#170107;
}
#navigation a.current {
	background:url(images/bg_acchover.png);
	_background:url(images/bg_acchover.jpg);
	color:#fff;
}
#navigation ul {
	border-width:0px;
	margin:0px;
	padding:0px;
}
#navigation li {
	list-style:none outside none; 
	display:block;
	text-indent:14px;
	color:#440314;
	display:block;
	text-decoration: none;
	font-size:32px;
	line-height:106px;
	_height:32px;
	border:none;
}
#navigation li li a {
	color:#440314;
	display:block;
	font-weight:bold;
	text-decoration: none;
	font-size:32px;
	line-height:36px;
}
#navigation li li a:hover {
	background:url(images/bg_acchover.png);
	_background:url(images/bg_acchover.jpg);
	color:#fff;
}


/* TABS CSS */
/* ------------------------------------------------------------------------------------------------------------------ */

/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .ui-tabs-hide {
        display: none;
    }
}

/* Hide useless elements in print layouts... */
@media print {
    .ui-tabs-nav {
        display: none;
    }
}

/* Skin */
#container-1 {
	width:544px;
	background:#d6d4d2;
	padding:8px;
	margin-top:40px;
}

.ui-tabs-nav, .ui-tabs-panel {
    font-size: 12px;
}
.ui-tabs-nav {
    list-style: none;
    margin: 0;
    padding: 0 0 0 0px;
	margin-left:-1px;
}
.ui-tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}
.ui-tabs-nav li {
    float: left;
    margin: 0 0 0 1px;
}
.ui-tabs-nav a, .ui-tabs-nav a span {
    display: block;
    padding: 0px 10px;
}
.ui-tabs-nav a {
    margin: 1px 0 0; /* position: relative makes opacity fail for disabled tab in IE */
    padding-left: 0;
    color: #595958;
    font-weight: bold;
    line-height: 1.4;
    text-align: center;
    text-decoration: none;
    white-space: nowrap; /* required in IE 6 */    
    outline: 0; /* prevent dotted border in Firefox */
	background:#e5e0df;
}

.ui-tabs-nav a:hover{
	background:#efeae8;
}

.ui-tabs-nav .ui-tabs-selected a {
    position: relative;
    top: 1px;
    z-index: 2;
    margin-top: 0;
    color: #020000;
	background:#fbf4f3;
}
.ui-tabs-nav a span {
    height: 25px; /* IE 6 treats height as min-height */
    min-height: 25px;
    padding-top: 6px;
    padding-right: 0;
}
*>.ui-tabs-nav a span { /* hide from IE 6 */
    width: auto;
    height: auto;
}
.ui-tabs-nav .ui-tabs-selected a span {
    padding-bottom: 1px;
}
.ui-tabs-nav .ui-tabs-selected a, .ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active {
    background-position: 100% -150px;
}
.ui-tabs-nav a, .ui-tabs-nav .ui-tabs-disabled a:hover, .ui-tabs-nav .ui-tabs-disabled a:focus, .ui-tabs-nav .ui-tabs-disabled a:active {
    background-position: 100% -100px;
}
.ui-tabs-nav .ui-tabs-selected a span, .ui-tabs-nav a:hover span, .ui-tabs-nav a:focus span, .ui-tabs-nav a:active span {
    background-position: 0 -50px;
}
.ui-tabs-nav a span, .ui-tabs-nav .ui-tabs-disabled a:hover span, .ui-tabs-nav .ui-tabs-disabled a:focus span, .ui-tabs-nav .ui-tabs-disabled a:active span {
    background-position: 0 0;
}
.ui-tabs-nav .ui-tabs-selected a:link, .ui-tabs-nav .ui-tabs-selected a:visited, .ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;
}
.ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active,
.ui-tabs-nav .ui-tabs-deselectable a:hover, .ui-tabs-nav .ui-tabs-deselectable a:focus, .ui-tabs-nav .ui-tabs-deselectable a:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
}
.ui-tabs-disabled {
    opacity: .4;
    filter: alpha(opacity=40);
}
.ui-tabs-panel {
    padding: 8px;
    background: #fbf4f3; /* declare background color for container to avoid distorted fonts in IE while fading */
}
.ui-tabs-loading em {
    padding: 0 0 0 20px;
    background: url(loading.gif) no-repeat 0 50%;
}

/* Additional IE specific bug fixes... */
* html .ui-tabs-nav { /* auto clear, @ IE 6 & IE 7 Quirks Mode */
    display: inline-block;
}
*:first-child+html .ui-tabs-nav  { /* @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */
    display: inline-block;
}

.bred{font-size:10px; text-decoration:underline; font-weight:bold; color:#003366;}
.bred:hover{font-size:10px; text-decoration:underline; font-weight:bold; color:#000000;}
.bred_norm{font-size:10px; text-decoration:underline; font-weight:bold; color:#993300;}
.site_color{font-size:18px; color:#330000; font-weight:400; font-style:italic; line-height:28px; border-bottom:1px dotted #000;}
.norm{font-size:10px; font-weight:bold; color:#003366;}


/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: -500px;
left: -150px; /*position where enlarged image should offset horizontally */

}