@charset "utf-8";
/* CSS Document */

body {
    background-image:url(../images/home_page_background.jpg);
    background-position: left top;
    background-repeat: repeat-x;
    background-color: #003D7B;
    font-size:100%;
    line-height:1.125em;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    margin-left:1em;
	margin-top:1em;
}

#isakos-logo{
	width:100%;
	height:709px;
	background:url(../images/big-isakos-logo.png) no-repeat center top;
	position:absolute;
	top:0;
	left:0%;	
}

#link-wrap{
	width:900px;
	height:17px;
	margin: 0 auto 0 auto;
	position:relative;
	z-index:10;
}
	
#link-wrap #linkbar
{
		right: 0;
		background:#ffffff;
		position:absolute;
		top:0px;
		height:17px;
		width:170px;
		overflow:hidden;
		font-size: 1em;
		line-height:1.375em;
		padding: 0 2px 0 2px;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:10px;
		color:#003e7e;
		text-align:center;
}

#linkbar a
{
    color:#003e7e;
    text-decoration: none;
}

#wrap
{
	position:relative;
	display:block;
	overflow:hidden;
	width:900px;
	max-width:900px;
	min-width:900px;
	margin: 0 auto 0 auto;
	padding:0;
	box-shadow:0 0 5px white;
	z-index:11;
}

#banner
{
    background-image:url(../images/header/header_orange.jpg);
    width: 900px;
    height: 122px;
    position: relative;
}

#accountbar
{
    position: absolute;
    top: 7px;
    right: 36px;
    text-align: right;
    color: #003e7e;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:10px;
}

#accountbar a
{
    font-size:9px;
    color:#868484;
}

#login
{
    position: absolute;
    top: 28px;
    right: 36px;
    text-align: right;
    color: #868484;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:11px;
}

#login p
{
    margin-top:4px;
    margin-bottom:4px;
}

#login input
{
    border-color: #868484;
}

#banner2
{
    width: 900px;
    height: 75px;
    position: relative;
    z-index: 1;
}

.banner3
{
    width: 900px;
    height: 187px;
    position: relative;
}

.aboutnav
{
    width: 900px;
    height: 23px;
    position: relative;
    background-color: #000000;
    padding: 0 50px 0 50px;
}

.maincontent
{
    width: 900px; /*Width of main container*/
	margin: 0 auto; /*Center container on page*/
	background-color: #FFFFFF;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0 10px;
}

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

#leftcolumn {
	float: left;
	width: 444px; /*Width of left column*/
	margin-left: -900px; /*Set left margin to -(memberscontainerWidth)*/
	padding-top:0px;
	border-right: solid 1px #000000;
	padding-bottom:20px;
}

#rightcolumn {
	margin-left: 445px; /*Set left margin to LeftColumnWidth*/
	padding-top:0px;
	background-color: #FFFFFF;
	padding-bottom:20px
}

.maincontent .somediv {
	width: 100%;
	clear: left;
}

.enews
{
    background-image:url(../images/enews_banner.gif);
    width: 900px;
    height: 37px;
    position: relative;
}

.enews input
{
    border-color: #868484;
}

.enews .signup
{
    float: right;
    padding-top:8px;
    padding-right:22px;
}

.enews .signuptext
{
    top: 8px;
    position: absolute;
    left: 400px;
}

.enews .follow
{
    float: right;
    padding-top:10px;
    font-size: 12px;
    font-family: Arial;
    font-weight:bold;
    color: #0887c7;
}

.enews .followimages
{
    float: right;
    padding-top:2px;
}

.quicklink-main-box { /* left box background */
    width: 900px;
    background: #f9f6e2;
    position: relative;
    overflow: hidden;
    font-size: 11px;
    font-family: Arial;
    color: #003d7d;
}

.quicklink-main-box ul {
    list-style-type: none;
}

.quicklink-main-box a {
    color: #003d7d;
    text-decoration: none;
}

.quicklink-main-box a:visited {
    color: #003d7d;
}

#quicklink-center-box {
    background: #f9f6e2;
    position: relative;
    left: 300px;
    width: 100%;
    border-left: solid 1px #000000;
}

#quicklink-reset-box {
    position: relative;
    width: 100%;
    left: 100%;
    margin-left: -300px;
}

#quicklink-right-box {
    position: relative;
    width: 100%;
    left: -2px;
    background: #f9f6e2;
    border-left: solid 1px #000000;
    margin-left: -300px;
}

#quicklink-content-box {
    position: relative;
    width: 100%;
    left: 300px;
    margin-left: -100%;
    background: transparent;
}

.clearfix{
	clear:both;
}

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

.heightfix:before {
    content: '.';
    display: block;
    visibility: hidden;
    height: 0;
}

#quicklink-left {
    width: 300px;
    float: left;
}

#quicklink-center {
    margin-left: 300px;
    margin-right: 300px;
    padding-left: 1px;
    padding-right: 1px;
}

#quicklink-right {
    width: 300px;
    float: right;
}

* html div.quicklink-center {
height:1%;
margin:0;
}
* html div.quicklink-left {
margin-right:-3px;
}
* html div.quicklink-right {
margin-left:-3px;
}

.quicklink-header {
    background-color: #003d7d;
    height: 28px;
    font-family: Georgia;
    font-weight: bold;
    font-size: 14px;
    color: #efc867;
    width: 100%;
    margin: 0 -1px 0 -1px;
    border-right: solid 2px #003d7d;
    vertical-align: middle;
    text-indent: 40px;
    line-height: 28px;
}

#mainfooter{
	width:900px;
	margin:8px auto 8px auto;
	color:#d9ecff;
	font-size:10px;	
	text-align:center;
}

#mainfooter a {
    color: #d9ecff;
    text-decoration: none;
}

/* Member's Only Area Styles */

#memberscontainer {
	width: 900px; /*Width of main container*/
	margin: 0 auto; /*Center container on page*/
	font-size:13px;
	font-family:Arial, Helvetica, sans-serif;
	background-color:#fefbea;
}

#memberscontainer a{
	text-decoration:none;
	color:#000000;
}

#topsection {
	height: 50px; /*Height of top section*/
}

#topsection h1 {
	margin: 0;
	padding-top: 10px;
}

#menutop {
	height:40px;
	background-color:#ff9933;
	width:880px;
}

#memberscontainer .leftpad {
	margin-left:46px;
}

#memberscontainer #leftcolumn {
	float: left;
	width: 444px; /*Width of left column*/
	margin-left: -900px; /*Set left margin to -(memberscontainerWidth)*/
	padding-top:30px;
	border-right-style: none;
	padding-bottom:20px;
	background-color:#fefbea;
}

#contentwrapper { /* Background for left column */
	float: left;
	width: 100%;
	background-color: #FFFFFF;
}

#memberscontainer #contentwrapper { /* Background for left column */
	float: left;
	width: 100%;
	background-color: #fefbea;
}

#contentcolumn {
	margin-left: 444px; /*Set left margin to LeftColumnWidth*/
	padding-top:30px;
}

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

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */
#memberscontainer .somediv {
	width: 100%;
	clear: left;
}

#memberscontainer .somediv .floatbox {
	float: left;
	width: 73px;
	margin-left:0px;
}

* html memberscontainer .somediv p { /* IE 3px jog hack*/
	height: 1%;
}

#memberscontainer .somediv p {
	margin-top: 0;
	margin-left: 83px;
}

#memberscontainer ul {
	list-style-type: none;
	margin-left: 80px;
	padding-left:0px;
	padding-top:0px;
	list-style-position:outside;
	margin-top:0px;
	font-size:12px;
}

#memberscontainer li {
	background-image:url(../images/membership/MEMBERSONLY_list_img_14.jpg);
	background-repeat: no-repeat;
	border:0px;
	margin:0px;
	background-position: 0 .4em;
	padding-left: 20px;
}

.title_section {
	background-image:url(../images/membership/MEMBERSONLY_112208_LG_10.jpg);
	background-repeat:no-repeat;
	width:293;
	font-size:14px;
	font-weight: bold;
	color:#663300;
	margin-left:73px;
	padding-left:10px;
}

#footer {
	clear: left;
	width: 100%;
}
#footer a {
	color: #FFFF80;
}

H1
{
	text-align: center;
	font-family: Georgia;
    font-weight: bold;
    font-size: 20px;
    color: #003e7e;
}

H2
{
    font-weight: bold;
    font-size: 16pt;
    font-family: Georgia;
    color: #003e7e;
    padding-left: 18px;
}

H3
{
    font-weight: normal;
    font-size: 14pt;
    font-family: Georgia;
    color: #92b9d9;
    margin: 0 0 0 0;
}

H4
{
    font-family: Georgia;
    font-weight: bold;
    font-size: 18px;
    color: #92b9d9;
}

H5
{
    margin-top: 10px;
    margin-bottom: 0;
    font-family: Arial, Helvetica, sans-serif;
	font-size: 11pt;
	font-weight: bold;
	color: #B1474C;
	padding-left: 18px;
}

.ISAKOSTEXT	
{
	FONT-FAMILY: Arial, sans-serif;
	FONT-SIZE: 10pt;
	COLOR: Black;
	padding-right: 20px;
}

.ISAKOSBLUETEXT
{
	font-family: Arial, Sans-Serif;
	font-size: 10pt;
	color: #2B3087;
}

.ISAKOSSMALLBLUETEXT
{
	font-family: Arial, Sans-Serif;
	font-size: 10pt;
	color: #2B3087;
}

.ISAKOSWHITETEXT	
{
	FONT-FAMILY: Arial, sans-serif;
	FONT-SIZE: 12pt;
	color: White;
}

.lightbluebackground
{
	background-color: #9ebff1;
}

.ERRORTEXT	
{
	FONT-FAMILY: Arial, sans-serif;
	FONT-SIZE: 10pt;
	COLOR: #FF0000;
}

.ERRORTEXTLARGEBOLD	
{
	FONT-FAMILY: Arial, sans-serif;
	FONT-SIZE: 16px;
	COLOR: #FF0000;
	font-weight: bold;
}

.largedarkblue
{
    font-family: Georgia;
    font-weight: bold;
    font-size: 19px;
    color: #003e7e;
}

.largelightblue
{
    font-family: Georgia;
    font-weight: bold;
    font-size: 19px;
    color: #92b9d9;
}

.homearrow
{
    color: #000000;
    font-family: Arial;
    font-weight: bold;
    font-size: 11px;
    line-height: 12px;
	list-style-type: none;
    padding: 0;
    margin-left: 0em;
}

.homearrow li {
    margin-bottom: 8px;
    background-image: url(../images/arrows.gif);
    background-repeat: no-repeat;
    background-position: 0 -.2em;
    padding-left: 2.5em;
}

.ISAKOSMenu
{
    position:relative;
    height: 26px;
    width: 900px;
    font-family: Helvetica, Arial, Verdana, Sans-Serif;
    font-size:13px;
    z-index: 100;
}

/* This rule effectively says: style all tiers EXCEPT THE TOP TIER in the menu this way... */
/* In other words, this rule can be used to style the second and third tiers of the menu without impacting */
/* the topmost tier's appearance. */
.ISAKOSMenu ul.AspNet-Menu ul
{
    left: 8.9em;
    top: -1em;
    z-index: 2;
}

.ISAKOSMenu ul.AspNet-Menu ul ul
{
    left: 10.4em;
}

/* The menu adapter generates a list item (li) in HTML for each menu item. */
/* Use this rule create the common appearance of each menu item. */
.ISAKOSMenu ul.AspNet-Menu li
{

}

/* Within each menu item is a link or a span, depending on whether or not the MenuItem has defined it's */
/* NavigateUrl property. By setting a transparent background image here you can effectively layer two images */
/* in each menu item.  One comes from the CSS rule (above) governing the li tag that each menu item has. */
/* The second image comes from this rule (below). */
.ISAKOSMenu ul.AspNet-Menu li a,
.ISAKOSMenu ul.AspNet-Menu li span
{
    color: #003e7e;
    padding: 0px 0px 0px 0px;
    border-bottom: 0;
}

/* When a menu item contains no submenu items it is marked as a "leaf" and can be styled specially by this rule. */
.ISAKOSMenu ul.AspNet-Menu li.AspNet-Menu-Leaf a,
.ISAKOSMenu ul.AspNet-Menu li.AspNet-Menu-Leaf span
{
    background-image: none;
}

/* Not used presently.  This is here if you modify the menu adapter so it renders img tags, too. */
.ISAKOSMenu ul.AspNet-Menu li a img
{
    border-style: none;
    vertical-align: middle;
}

/* When you hover over a menu item, this rule comes into play. */
/* Browsers that do not support the CSS hover pseudo-class, use JavaScript to dynamically change the */
/* menu item's li tag so it has the AspNet-Menu-Hover class when the cursor is over that li tag. */
/* See MenuAdapter.js (in the JavaScript folder). */
.ISAKOSMenu ul.AspNet-Menu li:hover, 
.ISAKOSMenu ul.AspNet-Menu li.AspNet-Menu-Hover
{
    
}

.ISAKOSMenu ul.AspNet-Menu li:hover a, 
.ISAKOSMenu ul.AspNet-Menu li:hover span, 
.ISAKOSMenu ul.AspNet-Menu li.AspNet-Menu-Hover a,
.ISAKOSMenu ul.AspNet-Menu li.AspNet-Menu-Hover span,
.ISAKOSMenu ul.AspNet-Menu li:hover li:hover a, 
.ISAKOSMenu ul.AspNet-Menu li:hover li:hover span, 
.ISAKOSMenu ul.AspNet-Menu li.AspNet-Menu-Hover li.AspNet-Menu-Hover a,
.ISAKOSMenu ul.AspNet-Menu li.AspNet-Menu-Hover li.AspNet-Menu-Hover span,
.ISAKOSMenu ul.AspNet-Menu li:hover li:hover ul a:hover, 
.ISAKOSMenu ul.AspNet-Menu li:hover li:hover ul span.Asp-Menu-Hover, 
.ISAKOSMenu ul.AspNet-Menu li.AspNet-Menu-Hover li.AspNet-Menu-Hover ul a:hover,
.ISAKOSMenu ul.AspNet-Menu li.AspNet-Menu-Hover li.AspNet-Menu-Hover ul span.Asp-Menu-Hover
{
    background-color: #f0e0af;
}

.ISAKOSMenu ul.AspNet-Menu li:hover ul a, 
.ISAKOSMenu ul.AspNet-Menu li:hover ul span, 
.ISAKOSMenu ul.AspNet-Menu li.AspNet-Menu-Hover ul a,
.ISAKOSMenu ul.AspNet-Menu li.AspNet-Menu-Hover ul span,
.ISAKOSMenu ul.AspNet-Menu li:hover li:hover ul a, 
.ISAKOSMenu ul.AspNet-Menu li:hover li:hover ul span, 
.ISAKOSMenu ul.AspNet-Menu li.AspNet-Menu-Hover li.AspNet-Menu-Hover ul a,
.ISAKOSMenu ul.AspNet-Menu li.AspNet-Menu-Hover li.AspNet-Menu-Hover ul span
{
    color: #093f6b;
        padding: 2px 2px 2px 4px;
}

/* While you hover over a list item (li) you are also hovering over a link or span because */
/* the link or span covers the interior of the li.  So you can set some hover-related styles */
/* in the rule (above) for the li but set other hover-related styles in this (below) rule. */
.ISAKOSMenu ul.AspNet-Menu li a:hover,
.ISAKOSMenu ul.AspNet-Menu li span.Asp-Menu-Hover
{
    
}

.ISAKOSMenu ul.AspNet-Menu li.AspNet-Menu-Leaf a:hover
{
    background-image: none;
}


/* -------------------------------------------------------------------------- */
/* When the Menu control's Orientation property is Horizontal the adapter wraps the menu with DIV */
/* whose class is AspNet-Menu-Horizontal. */
/* Note that the example menu in this web site uses absolute positioning to force the menu to occupy */
/* a specific place in the web page.  Your web site will likely use a different technique to position your */
/* menu.  So feel free to change all the properties found in this CSS rule if you clone this style sheet. */
/* There is nothing, per se, that is magical about these particular property value choices.  They happen to */
/* work well for the sample page used to demonstrate an adapted menu. */

.ISAKOSMenu .AspNet-Menu-Horizontal
{
    left: 9.5em;
    top: 0;
    z-index: 300;
    width: 900px;
}

/* This rule controls the width of the top tier of the horizontal menu. */
/* BE SURE TO MAKE THIS WIDE ENOUGH to accommodate all of the top tier menu items that are lined */
/* up from left to right. In other words, this width needs to be the width of the individual */
/* top tier menu items multiplied by the number of items. */
.ISAKOSMenu .AspNet-Menu-Horizontal ul.AspNet-Menu
{
    width: 900px;
}

/* This rule effectively says: style all tiers EXCEPT THE TOP TIER in the menu this way... */
/* In other words, this rule can be used to style the second and third tiers of the menu without impacting */
/* the topmost tier's appearance. */
/* Remember that only the topmost tier of the menu is horizontal.  The second and third tiers are vertical. */
/* So, they need a much smaller width than the top tier.  Effectively, the width specified here is simply */
/* the width of a single menu item in the second and their tiers. */
.ISAKOSMenu .AspNet-Menu-Horizontal ul.AspNet-Menu ul
{
    left: 0;
    top: 100%;
    opacity:0.97;
}

.ISAKOSMenu .AspNet-Menu-Horizontal ul.AspNet-Menu ul ul
{
    top: -0.3em;
}

.ISAKOSMenu .AspNet-Menu-Horizontal ul.AspNet-Menu ul ul
{

}

/* Generally, you use this rule to set style properties that pertain to all menu items. */
/* One exception is the width set here.  We will override this width with a more specific rule (below) */
/* That sets the width for all menu items from the second tier downward in the menu. */
#ie6 .ISAKOSMenu .AspNet-Menu-Horizontal ul.AspNet-Menu li
{
   width: 1%; 
}

/* This rule establishes the width of menu items below the top tier.  This allows the top tier menu items */
/* to be narrower, for example, than the sub-menu items. */
/* This value you set here should be slightly larger than the left margin value in the next rule. See */
/* its comment for more details. */
#ie6 .ISAKOSMenu .AspNet-Menu-Horizontal ul.AspNet-Menu ul li,
.ISAKOSMenu .AspNet-Menu-Horizontal ul.AspNet-Menu ul li
{
    text-align:left;
    width: 16.5em;
    padding: 0px 2px 0px 2px;
    border-bottom: dotted 1px #093f6b;
}

.ISAKOSMenu .AspNet-Menu-Horizontal ul.AspNet-Menu ul ul li
{
    width: 20.5em;
    margin-left: 65px;
}

/* Third tier menus have to be positioned differently than second (or top) tier menu items because */
/* they drop to the side, not below, their parent menu item. This is done by setting the last margin */
/* value (which is equal to margin-left) to a value that is slightly smaller than the WIDTH of the */
/* menu item. So, if you modify the rule above, then you should modify this (below) rule, too. */
.ISAKOSMenu .AspNet-Menu-Horizontal ul.AspNet-Menu li ul li ul
{
    margin: -1.4em 0 0 10.35em;
}

/* About ISAKOS Area Styles */

#aboutheader {
    padding-top: 28px;
    font-family: Georgia;
    font-weight: bold;
    font-size: 17pt;
    color: White;
    padding-bottom:50px;
    padding-left: 18px;
}

#aboutstaff {
    float: left;
}

.about_yellow_line
{
    border: 0;
    color: Yellow;
    background-color: #e4bf27;
    height: 1px;
    width: 90%;
}

.aboutimages TD
{
    background-position: center;
    background-repeat: no-repeat;
    text-align: center;
    vertical-align: middle;
    width: 215px;
    FONT-FAMILY: Arial, sans-serif;
	FONT-SIZE: 10pt;
	COLOR: Black;
}

.aboutlist li
{
    list-style-type: disc;
    FONT-FAMILY: Arial, sans-serif;
	FONT-SIZE: 20pt;
	COLOR: #2B3087;
}

.aboutbutton
{
    font-family: Arial, Sans-Serif;
    font-weight:bold;
    font-size: 14pt;
    color: White;
}

.historynav a
{
	display:block;
	position:relative;
	background-image:url(../images/header/ISAKOSHistory.gif);
	background-repeat:no-repeat;
	background-position:right top;
	float:left;
	height:23px;
	width:123px;
	margin:0;
}
.historynav a:hover
{
	background-image:url(../images/header/ISAKOSHistory_y.gif);
	background-repeat:no-repeat;
	background-position:right top;
}

.bodnav a
{
	display:block;
	position:relative;
	background-image:url(../images/header/ISAKOSBOD.gif);
	background-repeat:no-repeat;
	background-position:right top;
	float:left;
	height:23px;
	width:199px;
	margin:0;
}
.bodnav a:hover
{
	background-image:url(../images/header/ISAKOSBOD_y.gif);
	background-repeat:no-repeat;
	background-position:right top;
}

.committeesnav a
{
	display:block;
	position:relative;
	background-image:url(../images/header/ISAKOSCommittees.gif);
	background-repeat:no-repeat;
	background-position:right top;
	float:left;
	height:23px;
	width:167px;
	margin:0;
}
.committeesnav a:hover
{
	background-image:url(../images/header/ISAKOSCommittees_y.gif);
	background-repeat:no-repeat;
	background-position:right top;
}

.presnav a
{
	display:block;
	position:relative;
	background-image:url(../images/header/ISAKOSPastPres.gif);
	background-repeat:no-repeat;
	background-position:right top;
	float:left;
	height:23px;
	width:192px;
	margin:0;
}
.presnav a:hover
{
	background-image:url(../images/header/ISAKOSPastPres_y.gif);
	background-repeat:no-repeat;
	background-position:right top;
}

.staffnav a
{
	display:block;
	position:relative;
	background-image:url(../images/header/ISAKOSStaff.gif);
	background-repeat:no-repeat;
	background-position:right top;
	float:left;
	height:23px;
	width:125px;
	margin:0;
}
.staffnav a:hover
{
	background-image:url(../images/header/ISAKOSStaff_y.gif);
	background-repeat:no-repeat;
	background-position:right top;
}

.nofloat 
{
	background:none;
	border:0;
	clear:both;
	display:block;
	font-size:0;
	margin:0;
	padding:0;
	position:static;
	overflow:hidden;
	visibility:hidden;
	width:0;
	height:0;
	font-size:0;
}

/* Video Player Styles */

.vidinstrbar
{
	margin:0.5em 1em .5em 1em;
	position:relative;
	width:800px;
	border: 1px solid #224c88;
	padding:.5em;
	background-color:#CCE0FF;
	overflow:hidden; /* this hides the ecsess padding on non-ie browsers */
}

.vidinstrtextblock
{
	padding:0;
	margin:0;
	position:relative;
	float:left;
	width:70%;
	margin-left:0;
	text-align:center;
}
.vidinstrtextblock p
{
	margin:.2em;
	padding:0;
}

.vidinstrbuttonblock
{
	padding:0;
	margin:2em 0;
	position:relative;
	float:left;
	width:30%;
	margin-left:0;
	text-align:center;
}
	
* html .vidinstrbuttonblock
{
	display:inline;
}
	
.vidinstrbuttonblock p
{
	position:relative;
	margin:.5em;	
}

#prescontent
{
	display:block;
	position:relative;
	width:640px;
	height:540px;
	margin:1em auto 1em auto;
	padding:0;
	font-size: 1em;
	font-style: normal;
	line-height: 1.1em;
	font-weight:normal;
	color:#0066A4;
	text-align:center;
	border: none;
	overflow:hidden;	
}

#prescontent .videoholder
{
	display:inline;
	position:relative;
	float:left;
	margin:0;
	padding:8px;
	height:auto;
	width:auto;
	border-right: 1px solid #0394D5;

}

#prescontent #flashcontent
{	
	position:relative;
	display:inline;
	border:none;
	margin:0;
	padding:0;
	width:400px;
}

/* this is the overall video area the nested div is required t center the video in larger area */	
#prescontent .video  
{
	text-align:center;
	clear:both;
	border:none;
	margin:0px;
	margin-top:0px;
	width:645px;
}
	
#prescontent .video div.interior
{
	margin:0 auto;
	padding:0px;
	width:640px;
	height:540px;
}

/* My ISAKOS Syles added 9/6/2011 by Bartosz */

.content-header{
	width:900px;
	height:107px;
	background:url(../images/myisakos/my_isakos_header.png) no-repeat center center;
	position:relative;
}

#content-navi{
	margin:0;
	padding:0;	
	background:#E6E3D5;
}

#content-navi > li{
	height:50px;
	list-style:none;
	background-color:#E6E3D5;
	background-position:left 0;
	float:left;	
}

#content-navi > li:hover{
	background-position:left -50px;
}

#content-navi > li.home{
	width:47px;
	background-image:url(../images/myisakos/home.png);
}

#content-navi > li.account{
	width:112px;
	background-image:url(../images/myisakos/profile.png);	
}

#content-navi > li.membership{
	width:165px;
	background-image:url(../images/myisakos/membership.png);	
}

#content-navi > li.committees{
	width:166px;	
	background-image:url(../images/myisakos/committees.png);
}


#content-navi > li.journals{
	width:136px;	
	background-image:url(../images/myisakos/pubs.png);
}

#content-navi > li.education{
	width:165px;	
	background-image:url(../images/myisakos/education.png);
}

#content-navi > li.mycongress{
	width:108px;
	background-image:url(../images/myisakos/mycongress.png);	
}

#content-navi > li > a{
	width:100%;
	height:100%;
	overflow:hidden;
	position:relative;
	display:block;
}
	
#content-navi > li > a > span{
	display:block;
	position:absolute;
	top:-1000px;
	left:-1000px;
}

.myisakoscontent
{
	background-color: #E6E3D5;	
	padding:25px 15px 15px 15px;
}

	#img-navi > ul{
		margin:0;
		padding:0;
		background:#E6E3D5;
	}
	
		#img-navi > ul > li{
			width:173px;
			list-style:none;	
			float:left;
		}
		
		#img-navi > ul > li.last{
			border-right:none;
		}
		
		#img-navi > ul > li > .img{
			text-align:center;
			position:relative;
		}
		
			#img-navi > ul > li > .img  img{
				box-shadow:0 0 3px rgba(0,0,0,0.9);
				-moz-box-shadow:0 0 3px rgba(0,0,0,0.9);
				-webkit-box-shadow:0 0 3px rgba(0,0,0,0.9);
			}
			
			#img-navi > ul > li > .img > .block-navi{
				margin:0;
				padding:0;
				font-size:12px;
				position:absolute;
				top:236px;
				left:17px;
				z-index:100;
				display:none;
				box-shadow:1px 1px 3px rgba(0,0,0,0.9);
				-moz-box-shadow:1px 1px 3px rgba(0,0,0,0.9);
				-webkit-box-shadow:1px 1px 3px rgba(0,0,0,0.9);
			}
			
			#img-navi > ul > li > .img > .block-navi > li{
				list-style:none;
				background:#E9DAAC;
				border-bottom:1px dotted #093F6B;
				opacity:0.95;
				padding: 5px;
				text-align: left;
				width: 130px;
			}
			
			#img-navi > ul > li > .img > .block-navi > li:last-child{
				border-bottom:none;
			}
			
			#img-navi > ul > li > .img > .block-navi > li > a{
				color:#003E7E;
				text-decoration:none;
			}
			
			#img-navi > ul > li > .img:hover > .block-navi{
				display:block;
			}
		
		
	#img-navi > #links-block{
		width:841px;
		margin:0 auto 0 auto;
	}
	
		#img-navi > #links-block .l-block{
			width:173px;
			float:left;
		}
		
		#img-navi > #links-block .l-block.last{
			width:145px;
		}
			
			#img-navi > #links-block .l-block > ul.links{
				min-height:120px;
				margin:0 0 0 0;	
				padding:20px 18px 0 32px;
				color: #000000;
				background:white;
				font-family: Arial;
				font-size: 11px;
				font-weight: bold;
				line-height: 12px;
				list-style-type: none;	
			}
			
			#img-navi > #links-block .l-block > ul.links > li{
				margin-bottom:10px;
				list-style:url(../images/myisakos/arrow.png) outside;
			}

.BUTTON
{
	background-color:#0e4d8d;
	border-color:#FFFFFF;
	border-width:1px;
	color:#FFFFFF;
	font-size: 12px;
	font-weight: bold;
	font-family: Helvetica, sans-serif;
	padding:2px;
	margin:0px;
	text-align: center;
	border-style:solid;
}

.BUTTON:active, .BUTTON:hover, .BUTTON:focus
{
	background-color:#666;
}

.BUTTONBORDER
{
	border: 2px solid #0e4d8d;
	padding: 0px;
	float:left;
}

/*****ADDED: 11/22/2011 by Bartosz Hejman*****/

.left-align{
	text-align:left;	
}

.right-align{
	text-align:right;	
}

.centered{
	text-align:center;	
}

ul.grant-application-list{
	
}

	ul.grant-application-list li{
		padding:5px 200px 5px 10px;
		line-height:26px;
		list-style:inside;	
	}
	
	ul.grant-application-list li:nth-child(odd){
		background:#EBFFFF;
	}
	
		ul.grant-application-list li .text{
			width:500px;
			float:left;
		}
		
		ul.grant-application-list li img{
			display:block;
			float:right;
		}