/*div {border: 1px solid red;} */

/* basic typography */

html, body { 
	background-color: #fff;
	font-family: verdana, helvetica, arial, sans-serif;
	color: #333;
	font-size: 11px;
	padding:10px;
	margin:0;
	}
	
h1, h2, h3, h4, h5, h6 {color:#003; font-weight: normal; text-transform: uppercase; margin:0; margin-top:1px; padding:0;}
h1 {font-size: 14px;}
h2 {font-size: 12px;}
h3 {font-size: 11px;}

#content h2, #content_ibc h2 {padding:3px;}

table h2 {padding: 3px; line-height: 0px; margin:2px 1px 1px 1px}

.low_head {text-transform: lowercase;}
a {font-weight:normal; text-decoration:none;}
a:link {color:#003; text-decoration:none;}
a:hover {color:#003;  background-color: #cc9; text-decoration:none;}
a:visited {color:#003; text-decoration:none;}

.required {color:#f00; font-weight:bold}

/* specific formatting */

.list_row {
	width:90%;
	padding:5px;
	position:relative;
	overflow:auto;
	margin-bottom:
	}
	
.pale_bg {
	background-color:#cc9; 
	padding-left: 5px; 
	margin: 5px 0px;}

.underline {border-bottom: 1px solid #003}
.left {float:left; height:auto;}
.right {float:right;}
.center {text-align:center;}
.copyright {font-size:9px;}

#content li, #content_ibc li {line-height: 1.8em;}

/* form & block layout */

form {padding:5px 0; margin: 5px 0;}
.login_form {width: 150px;}

.border {
position:relative;
border: 1px solid #003; 
padding: 0 5px 5px 5px; overflow:auto; min-wdth:10px;
}

#register {font-size:10px;}
/* miscellaneous hacks */

.clear {clear:both; font-size:1px; height:1px; overflow:hidden;}
.clear {clear:right;}
img {display:block; border:none;}

.hack {width:315px; height:1px; overflow:hidden;}
.hackspace {width:315px; height:10px; overflow:hidden;}
.hacklong {width:490px;height:1px; overflow:hidden;}
.sidehack {width:160px;height:1px; overflow:hidden;}

.narrow {width:500px;}

#content img {display:inline;}
#content_ibc p {padding: 5px 0; margin: 5px 0;}
.photo {padding:10px;}

/* core framework */

#container {
	position:relative;
	max-width:900px;
	width:expression(document.body.clientWidth > 900? "900px": "auto" );
	min-width:760px;
	margin: 10px;
	margin-left: auto;
	margin-right: auto;
	padding: 0 10px 10px 10px;
	overflow:auto;
}

#container-home {
	width:760px;
	margin: 10px;
	margin-left: auto;
	margin-right: auto;
	padding: 0 10px 10px 10px;
	overflow:auto;
}

#header {
	padding: 0px;
	margin:0px;
	margin-bottom: 10px;
	background-color: #fff;
}

#header img{ padding: 0px 0px 10px 0px; }

#footer {
	clear: both;
	padding: 0px;
	padding-top: 10px;
	margin-top: 10px;
	border-top: 1px solid #003;
	background-color: #fff;
}

#footer_print{display:none;}

#rhs {
	float: right;
	width: 175px;
	margin: 0;
	margin-left: 10px;
	padding: 0px;
	overflow:auto;
}

.rhs_content {
	padding: 3px;
	margin-bottom: 10px;
	background-color: #eee;
	}

#rhs input {font-size: 10px; padding: 1px 0px; margin: 3px 0;}
.rhs_content h2 {margin:0px; padding-bottom:3px;}
.rhs_content p {margin:0px; padding:0px;}

/* homepage core blocks */

#welcome, #eformations {
	width:560px;
	overflow:hidden;
	background-color:#eee;
	margin:0;
	padding:5px;
	float:left;
	margin-bottom:15px;
}

#welcome {
	height: 166px;
	background-image: url('../images/home_boat.jpg');
	background-repeat: no-repeat;
	background-position: top left;
}

#eformations {
	height: auto;
	background-image: url('../images/home_formations.jpg');
	background-repeat: no-repeat;
	background-position: top right;
}

#welcome div, #eformations div {
	width:390px;
}

#welcome div {
	float:right;
}

#eformations h1 {
	margin-bottom:0px;
	margin-left:10px;
}

#eformations p {
	padding:0;
	margin:10px;
}

.right_bottom, .right_top {
	float: right;
	width: 170px;
	height: 118px;
	font-size:10px;
	margin: 0;
	padding: 0;
	background-color: #eee;
	border-bottom: 1px solid #003;
	border-top: 1px solid #003;
	overflow:hidden;
}

.right_top {
	height: 176px;
}

.right_top input {font-size: 10px; padding: 2px 0px; margin: 3px 0;}
.right_top input[text]{width: 150px;}

.left_text{
	float:left;
	padding: 3px 8px;
	}

.right_text{
	float:right;
	padding: 3px 8px;
	}
	
	

/* inner Page Core Blocks */

#navigation {
	float: left;
	width: 170px;
	margin: 0;
	margin-right: 10px;
	padding: 0px;
	background-color: #cc9;
}
#content {
	position:relative;
	padding: 0px;
	margin-left: 190px;
	margin-right: 180px;
	background-color: #fff;
}

#content_ibc {
	position:relative;
	padding: 0px;
	margin-left: 190px;
	margin-right: 50px;
	background-color: #fff;
}



#rhs input {font-size: 10px; padding: 1px 0px; margin: 3px 0;}
.rhs_content h2 {margin:0px; padding-bottom:3px;}
.rhs_content p {margin:0px; padding:0px;}

/* homepage core blocks */

.left_home {
	float: left;
	width: 580px;
	\width: 580px;
	w\idth: 580px;
	margin: 0;
	margin-right: 10px;
	margin-bottom:10px;
	padding: 0px;
	background-color: #eee;
	border-bottom: 1px solid #cc9;
	border-top: 1px solid #cc9;
}


.right_bottom {
	float: right;
	width: 170px;
	\width: 170px;
	w\idth: 170px;
	height: 118px;
	font-size:10px;
	margin: 0;
	padding: 0px;
	background-color: #eee;
	border-bottom: 1px solid #003;
	border-top: 1px solid #003;
}

.right_top {
	float: right;
	width: 170px;
	height: 176px;
	font-size:10px;
	margin: 0;
	padding: 0px;
	background-color: #eee;
	border-bottom: 1px solid #003;
	border-top: 1px solid #003;
}

.right_top input {font-size: 10px; padding: 2px 0px; margin: 3px 0;}
.right_top input[text]{width: 150px;}

.left_text{
	float:left;
	padding: 3px 8px;
	}

.right_text{
	float:right;
	padding: 3px 8px;
	}
	
	
/* header navigation */

#navlist {
font-family: verdana, arial, sans-serif;
font-size:10px;
margin:0;
padding:0 0 3px 0;
border-bottom: 1px solid #003;
text-transform: uppercase;
}

#navlist ul {
margin: 0;
padding: 0;
white-space: nowrap;
}

#navlist li {
display: inline;
list-style-type: none;
margin: 0;
padding: 0;
margin-right: 3px;
}

#navlist a { padding: 3px 10px; }

#navlist a:link, #navlist a:visited {
color: #003;
background-color: #cc9;
text-decoration: none;
}

#navlist a:hover {
color: #cc9;
background-color: #003;
text-decoration: none;
}

/* styles for results tables */

.tablesub {
background-color: #eec; 
}

.tablehead {
background-color: #cc9;
font-size: 11px;
text-transform:uppercase;
text-align:center;
}

.alt_row {
background-color: #eec; 
}

table, .b-bottom { border-bottom:1px solid #cc9; }


form div div {
	width:600px;
	overflow:auto;
	margin-bottom:5px;
}

form div span.label {
	display:block;
	width:130px;
	float:left;
}

.hide1,.hide2,.hide3 {
	display:none;
}



td {
	padding:4px 2px;
}
/* menu style */

/*Control DIV for expand all and collapse all links*/

#p7TMctrl {
	margin: 0 0 12px 0;
	font-size: 10px;
	display: block;
	/*/*/display: block; /* hide from NN4*/
}

#p7TMctrl a:link {
	color: #003;
}
#p7TMctrl a:visited {
	color: #003;
}
#p7TMctrl a:hover {
	color: #cc9;
	background-color: #003;
}


/*Sets line-height of all menuitems*/
#p7TMnav {
	/*/*/line-height: 2em; /* */
}


#p7TMnav div {
	background-color:#cc9;
	border-bottom:1px solid #fff;
	padding: 0 0 0 0px;
	}

/*second level menuitem divs on - Cascades to lower levels*/
/*Sets left margin to 8px establishing a cascading indent*/
#p7TMnav div div {
	margin: 0 0 0 0px;
	padding: 0 0 0 3px;
	background: #fff;
	border-bottom: 1px solid #cc9;
}

/*The Link style for top-level menuitems*/
#p7TMnav div a {
	color: #003;
	text-decoration:none; 
	font-size:10px;
	padding: 5px 0;
	text-transform:uppercase;
	font-weight:normal;
}
#p7TMnav div a:visited {
	color: #003;
}
#p7TMnav div a:hover {
	color: #300;
	border-left:2px solid #003;
}

/*The Link style for second-level menuitems*/
#p7TMnav div div a {
	font-size: 10px;
	background-color:#fff;
}


/*rules programatically assigned to parent links when image-based plus and minus option is selected*/
.p7plusmark {
	background-repeat: no-repeat;
	background-image:   url(plus.gif);
	background-position: 0 50%;
	padding: 0 0 0 15px !important;
}
.p7minusmark {
	background-repeat: no-repeat;
	background-image:   url(minus.gif);
	background-position: 0 50%;
	padding: 0 0 0 15px !important;
}
/*rule programatically assigned to child links when image-based plus and minus option is selected*/
.p7defmark {
	background-image:  none;
	padding: 0 0 0 15px !important;
}

/*rules programatically assigned to page link corresponding to current page (You are Here)*/
.p7currentmark {
	font-weight: bold;
	text-transform: none;
	padding: 0 0 0 14px !important;
	margin: 0;
	color: #003 !important;
	text-align:right;
}