/* Designer's Ink Styles */
/* Seema Jani */ 

/* Universal Elements */  

* {
	margin: 0;
	padding:0;
}


html,body{width:100%;}


body { 
	text-align:center;
	background-color: #8e8c86; 
	background-image:url(images/bg.gif);
	font:normal 11px Helvetica, Arial, sans-serif;
	margin-top:50px;}



 
#container { 
	width:900px;
	text-align:left;
	margin: 0 auto;
	font:normal 11px Helvetica, Aria, sans-serif;
	position: relative;
	height: 500px;
}  

#container_home {
	width:1200px;
	text-align:left;
	margin: 0 auto;
	margin-top:0px;
	font:normal 11px Arial, Helvetica, sans-serif;
	position: relative;
	height: 800px;
	background-image: url(images/background.jpg);
}    

#floater {
	position:relative; float:left;
	height:50%;	
	margin-bottom:-200px;
	width:1px;
}
 
#centered {
	position:relative; clear:left;
	height:400px; width:80%; max-width:900px; min-width:400px;
	margin:0 auto;
	background:#fff;
	border:4px solid #666;
}


img {
	border:0;
}

p {
	margin:12px 35px 10px 25px;
	color:#101D33;
}

h1 {
	margin:188px 0 0 24px;
	font-size:18px;
	font-weight:normal;
	color:#C11423;
	letter-spacing:1px;
}

hr {
	width:500px;
	text-align:center;
	height:1px;
	color:#101D33;
	margin:10px 35px 10px 25px;
}

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

a:hover {
	text-decoration:none;
}
/* --------------------------------------------------------------------- */

/* Header Elements */ 
#header {
	position:absolute;
	top:23px;
	left:300px;
	height:150px;
	width: 300px;
	z-index:1000;
}


#header_logo {
	position:absolute;
	top:23px;
	left:200px;
	height:50px;
	width: 300px;
	z-index:1000;
} 

/* --------------------------------------------------------------------- */

/* Global Navigation */


/* style the table so that it takes no part in the layout - required for IE to work */

/* Main Column Elements */
#maincol	{
	position: absolute;
	width:650px;
	margin-bottom:15px;
	top: 130px;
	height:325px;
	left:250px;
	line-height:20px;
}

#maincol_logo	{
	position: absolute; 
	width:650px; 
	margin-bottom:15px;
	top: 130px;
	height:325px;
	left:230px;
	}

#maincol_home	{
	position: absolute;
	width:800px;
	margin-bottom:0px;
	top: 100px;
	height:650px;
	left:200px;
}

#maincol_project{
	position: absolute;
	width:800px;
	margin-bottom:0px;
	top: 100px;
	height:700px;
	left:200px;
}

#flash {
	height:550px;
	left: 225px;
	top: 218px;
}
#home_content {
	left: 225px;
	top: 700px;
	font-size:18px;
	font-family:"myriad Pro", "Myriad Pro Cond", "Myriad Pro Light", "Myriad Web Pro";
	width: 750px;
	padding-right: 30px;
	padding-left: 15px;

}

/* --------------------------------------------------------------------- */

#copyright {
	padding:25px 0 0 0;
}
/* --------------------------------------------------------------------- */

/* OT Tag */ 
#ot_tag { 
	padding:10px 5px 10px 5px;
	text-align:center;
	background: #1A3259;
	color:#fff;
	font-size:10px;
}

#ot_tag a {
	color:#fff;
	text-decoration:none;
}
/* --------------------------------------------------------------------- */
  
/* Float Containers */ 
#wrapper:after {
	content: "."; 
	display: block; 
	height: 0px; 
	clear: both; 
	visibility: hidden;
}

#wrapper {display: inline-table;} 

/* Hides from IE-mac \*/
* html #wrapper{height: 1%;}
#wrapper {display: block;}
/* End hide from IE-mac */  


clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-table;} 


/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */

/* --------------------------------------------------------------------- */


/* style the outer div to give it width */
.menu_h {
	width:300px;
	height:20px;
	font-size:10px;
	text-align: right;
	position: relative;
	z-index: 1000;
	margin-top:10px;
	float:left;
}

/* remove all the bullets, borders and padding from the default list styling */
.menu_h ul {
	list-style-type:none;
	font-size:10px;
	width:300px;
	height:20px;
	z-index: 1000;
	}

.menu_h ul li {
	list-style-type:none;
	font-size:10px;
	z-index: 1000;
	
}

.menu_h ul li ul li {
	float:left;  /* make horizontal */
	list-style-type:none;
	font-size:10px;
	text-align: left;
	z-index: 1000;
	padding-left:5px;
	padding-right:5px;
	width: auto;
	
}

/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu_h li {
	float:left;  /* make horizontal */
	position:relative;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: left;
	bottom:0;
		z-index: 1000;

}

/* style the links for the top level */
.menu_h ul a:link, .menu_h ul ul a:link, .menu_h a:visited, .menu_h ul a:visited {
	
	display:block;
	font-size:10px;
	font-weight:normal;
	text-decoration:none;
	color:#666666;
	height:20px;  /*keep so that second layer doesn't go away */
	line-height:normal;
	}


.menu_h ul li ul li a:visited, .menu_h ul li ul li a, .menu_h ul li ul li a:link{
	
	display:block;
	font-size:10px;
	font-weight:normal;
	text-decoration:none;
	color:#666666;
	line-height:normal;
	z-index: 1000;


}

.menu_h ul li ul li a:hover {
	font-size:10px;
	font-weight:normal;
	text-decoration:none;
	color:#04757c;
	line-height:normal;
}

/* style the top level hover */
.menu_h a:hover, .menu_h ul a:hover{
	font-size:10px;
	font-weight:normal;
	text-decoration:none;
	color:#04757c;
	line-height:normal;
}



/* a hack so that IE5.5 faulty box model is corrected */
* html .menu_h a, * html .menu_h a:visited {
	width:75px;
	w\idth:75px;
	z-index: 1000;
}

/* style the second level background */
.menu_h ul ul a.drop, .menu_h ul ul a.drop:visited {
}
/* style the second level hover */
.menu_h ul ul a.drop:hover{
}
.menu_h ul ul :hover > a.drop {
}
/* style the third level background */
.menu_h ul ul ul a, .menu_h ul ul ul a:visited {
}
/* style the third level hover */
.menu_h ul ul ul a:hover {
}
.menu_h ul ul ul :hover > a {
}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu_h ul ul {
visibility:hidden;
position:absolute;
height:0;
top:20px;
left:0; 
width:600px;
}
/* another hack for IE5.5 */
* html .menu_h ul ul {
t\op:20px;
}

/* position the third level flyout menu */
.menu_h ul ul ul{
left:80px; 
top:0;
}
/* position the third level flyout menu for a left flyout */
.menu_h ul ul ul.left {
left:-100px;
}

/* style the table so that it takes no part in the layout - required for IE to work */
.menu_h table {position:absolute; top:0; left:0;}

/* style the second level links */
.menu_h ul ul a, .menu_h ul ul a:visited {
	color:#666666;
	height:20px;
	margin-top: 0px;
	top: 0;
	padding-left:0px;
}

/* yet another hack for IE5.5 */
* html .menu_h ul ul a{
width:150px;
w\idth:129px;
}

.menu_h :hover > a, .menu_h ul ul :hover > a {
color:#000000;
}

/* make the second level visible when hover on first level list OR link */
.menu_h ul :hover ul{
visibility:visible; 
}
/* keep the third level hidden when you hover on first level list OR link */
.menu_h ul :hover ul ul{
visibility:hidden;
}
/* keep the fourth level hidden when you hover on second level list OR link */
.menu_h ul :hover ul :hover ul ul{
visibility:hidden;
}
/* make the third level visible when you hover over second level list OR link */
.menu_h ul :hover ul :hover ul{ 
visibility:visible;
}
/* make the fourth level visible when you hover over third level list OR link */
.menu_h ul :hover ul :hover ul :hover ul { 
visibility:visible;
}

/* Footer Elements */  
#footer {
	height:25px;
	/*font-family:"myriad Pro", "Myriad Pro Cond", "Myriad Pro Light", "Myriad Web Pro";*/
	font-family:Arial, Helvetica, sans-serif;
	clear:both;
	color: #ffffff;
	font-size:10px;
	text-align:center;
	position:relative;
	top: 120px;
	left: 0px;
	width: 800px;
} 

#footer a{
	color: #ffffff;
	font-size:10px;
} 

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

#footer_project {
	height:25px;
	/*font-family:"myriad Pro", "Myriad Pro Cond", "Myriad Pro Light", "Myriad Web Pro";*/
	font-family:Arial, Helvetica, sans-serif;
	clear:both;
	color: #ffffff;
	font-size:10px;
	text-align:center;
	position:relative;
	left: 0px;
	width: 800px;
	top: 120px;
} 

#footer_project a{
	color: #ffffff;
	font-size:10px;
} 

#footer_project a:hover{
	color:#04757c;
	text-decoration:none;
}


#copyright {
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0px;
}
/* --------------------------------------------------------------------- */

/* OT Tag */ 
#ot_tag { 
	padding:10px 5px 10px 5px;
	text-align:center;
	background: #1A3259;
	color:#fff;
	font-size:10px;
}

#ot_tag a {
	color:#fff;
	text-decoration:none;
}
/* --------------------------------------------------------------------- */