/* CSS Document */
/* IRSE Singapore */
/* By David Quastel */

/*----------------------------------------------------------- MAIN SETUP */

body
{
	font-family: Trebuchet MS;
	font-size: 12px;
	color: #333333;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	background-color:#E3E8EE;  /*  Overall Page Background Colour */
	line-height:18px;
	text-align:left;
}

.mainPageContainer
{
	width: 974px;
}
.outerContainer 		/* Outer container includes LeftNav  MiddleSection  RightNav */
{
	width:973px;
	float:left;
}

/*----------------------------------------------------------- HEADER */


.dvHeader 				/* Top header includes HeaderImage & MemberLogin */
{
	width:973px;
	height:120px;
	float:left;
	background-color: #CCFFCC;
}
.dvHeaderImage
{
	width:777px;
	height:120px;
	float:left;
	background-image: url('http://www.irse.org.sg/images/new top.jpg');
}

.dvDate 				/* Date displayed in left */
{
	width:450px;
	height:20px;
	float:left;
	text-align:left;
	
	font-size: 13px;
	font-weight: bold; 
	color: black;
}
.dvCrumb 				/* Crumb displayed in right */
{
	width:450px;
	height:20px;
	float:right;
	text-align:right;
	}


.dvMemberLogin 			/* Member Login */
{
	width:196px;
	height:120px;
	background-image: url('http://www.irse.org.sg/images/login.jpg');
	float:left;
	color: white;
	background-repeat: no-repeat;
}		

.dvWelcomeMessage
{
	margin-top: 4px;
	margin-right: 4px;
	padding-left: 5px;
	border-width: 2px; border-style: solid; border-color: white;
	height: 108px;
	background-color: #6699CC;
}

.dvLoginMessage
{
	font-family: Arial, Helvetica, sans-serif;
	margin-top: 4px;
	margin-bottom: 4px;
	background-color: #6699CC;
	margin-right: 4px;
	border-width: 2px; border-style: solid; border-color: white;
	height: 108px;
	padding-left:5px;
}


/* ----------  MAIN CONTAINER STARTS  ------------  */
.mainContainer 			/* outer container which includes Left Nav,middle container and Right Nav */
{
	width:973px;
	float:left;
	/*background-color:#D2E3FF;*/
	/*background-color: #ABB7CE;*/
	/*height: 665px;*/		/* Height of Page */
}

/*----------------------------------------------------------- LHS */	

/* LEFT NAV STARTS */
.dvLeftNav 				/* Left Nav background */
{
	width:187px;
	/*height: 500px;*/
	float:left;
	text-align:left;
	
}
	
/*----------------------------------------------------------- MIDDLE */

/* MIDDLE STARTS */
				
/* Middle Main Container with background White */

.dvMiddle   /* Width = 590px = 570px + 20 px */
{
	width:570px;
	float:left;
	padding: 10px;
	padding-bottom: 60px; /*gap between bottom of content and footer */
	text-align:justify;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	color: #40476A;
}

.dvmiddletitle
{	width:570px;
	float:left;
	height: 70px;
	position:relative;
}	

.dvmiddlegencontainer

{	width:570px;
	float:left;
	position:static;
}

.dvMiddleAdmin   /* Width = 973px = 570px + 20 px */
{
	width:973px;
	float:left;
	padding: 10px;
	padding-bottom: 60px; /*gap between bottom of content and footer */
	text-align:justify;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	color: #40476A;
}
.dvmiddletitleAdmin
{	width:973px;
	float:left;
	height: 70px;
	position:relative;
}	

.dvmiddlegencontainerAdmin

{	width:973px;
	float:left;
	position:static;
}

.dvBar
{
	color: #40476A;
	border-width: 1px; border-style: solid; border-color: #40476A;
}
.dvmiddlecontainer
{
	width:570px;
	float:left;
}

	
/* MIDDLE ENDS */

/*----------------------------------------------------------- RHS */

/* RIGHT NAV STARTS */
.dvRightNav 			/* Div Right Navigation */
{
	width:196px;
	float:left;
}
#dvRightNavPoster 			/* Div Right Navigation */
{
	width:196px;
	float:left;	
	
}

/*----------------------------------------------------------- FOOTER */

.footerScreen
{
	padding-top:10px;
	
	width:969px;
	height:30px;
	float:left;
	text-align:center;
	display:block;
	/*background-color:#737BAA;*/
	border: 2px solid #576091;
}

/*----------------------------------------------------------- Crumb */
.crumb
{
	font-size: 13px;
	font-weight: bold; 
	color: black;
	text-decoration:none;
}

/*----------------------------------------------------------- UpComming Events */

.dvmenupicsRH
{
	width: 192px;
	/*float: left;*/
	border: 2px solid #576091;
}

.dvrhspacer
{
	float: right;
	width: 196px;
	height: 10px;
}

.dvUpcommingEvents
{
	width: 196px;
	float: right;
	background-color:#737BAA;
}

.dvCalendarTitle
{
	width: 186px;
	float: right;
	text-align:left;
	padding: 5px;
	color: white;
	background-color:#737BAA;
}

.dvCalendarFooter
{
	width: 194px;
	float: right;
	text-align:right;
	background-color:#737BAA;
	text-decoration: none;
	padding-right: 2px;
	padding-bottom: 2px;
	
}





/*----------------------------------------------------------- LH BAR */

.dvmenupics
{
	width: 183px;
	float: left;
	border: 2px solid #576091;

}

.dvlhspacer
{
	float: left;
	width: 187px;
	height: 10px;
}

.dvmenucontainer
{
	float: left;
	width: 187px;
	/*border: 1px solid black;*/
}

.dvmenufooter

{
	float: left;
	width: 187px;
	height: 135px;
}

/*----------------------------------------------------------- VERTICAL MENU */

#ddblueblockmenu{
width: 185px;
}

#ddblueblockmenu ul{
margin: 0;
padding: 0;
list-style-type: none;
}

#ddblueblockmenu li a{
display: block;
padding: 3px 0;
padding-left: 9px;
width: 178px; /*185px minus all left/right paddings and margins*/
text-decoration: none;
color: white;
border-bottom: 1px solid white;
background-color:#737BAA;  /* Background for Menu */
}

#ddblueblockmenu li a:hover {
background-color: #2586d7;
}

#ddblueblockmenu div.menutitle{
	width: 182px;
	color: white;
	border-bottom: 1px solid white;
	padding: 1px 0;
	padding-left: 5px;
	background-color: #576091;
	font-weight: bold;
	height: 25px;
	vertical-align: middle;
}

/* body # */

body#home a#menu-home, 
body#about_us a#menu-about_us,
body#constitution a#menu-constitution,
body#join_us a#menu-join_us,
body#contact_us a#menu-contact_us,
body#newsletters a#menu-newsletters,
body#event_calendar a#menu-calendar,
body#technical_meetings a#menu-technical_meetings,
body#exam_study_group a#menu-exam_study_group,
body#links a#menu-links,
body#archive a#menu-archive,
body#downloads a#menu-downloads,
body#committee_minutes a#menu-committee_minutes,
body#committee_agm a#menu-committee_agm,
body#committee_financial a#menu-committee_financial,
body#training a#menu-training,
body#committee_misc a#menu-committee_misc,
body#admin a#menu-admin,
body#website_info a#menu-website_info,
body#email_users a#menu-email_users


{

padding-left: 20px; /*The Current Selected Page Indicator*/
width: 167px; /*185px minus all left/right paddings and margins*/
background-color: #6699CC;

}

/*----------------------------------------------------------- TEXT */

h1 {
	font-size: large;
	color: #40476A;
	line-height: 1.5;
	font-family: Arial, Helvetica, sans-serif;
	bottom:0;
	position:absolute;
}


h2 {
	font-size: medium;
	color: #40476A;
	/*line-height: 1.5;*/
	font-family: Arial, Helvetica, sans-serif;
}





p {
	font-size: small;
	color: #40476A;
	line-height: 1.5;
	font-family: Arial, Helvetica, sans-serif;
}

p1 {
	font-size: small;
	color: white;
	line-height: 1.5;
	text-align: left;
}
	
h3 {
	font-size: small;
	font-family: Arial, Helvetica, sans-serif;
	/*font-size: medium;*/
	color: white;
	line-height: .75;
	text-align: left;
}

h4 {	/* for Admin User tabel*/
font-size: small;

}

/*----------------------------------------------------------- Calendar Page */

.dvcalendarcontainer
{
	width:570px;
	float:left;
	padding: 0px;
}

.dvEventFooter
{
	padding-top: 10px;
	width: 570px;
	float: left;
	text-align:right;
}	

/*----------------------------------------------------------- Downloads Page */

.dvdownloadscontainer
{
	width:570px;
	float:left;
}

.dvEventFooter
{
	padding-top: 10px;
	width: 560px;
	float: left;
	text-align:right;
}	

/*----------------------------------------------------------- Admin Page */

.dvAdmin
{
	width:570px;
	float:left;
}

.dvAdminSpacer
{
width:570px;
height: 20px:
}



/*---------------------------------------------------------------- LINKS  */

a.one:link {color: white}
a.one:visited {color: white}
a.one:hover {color: white}
a.one:active {color: white}

a.two:link {color: #40476A}
a.two:visited {color: #40476A}
a.two:hover {color: #40476A}
a.two:active {color: #40476A}

a.three:link {Border: 0}
a.three:visited {Border: 0}
a.three:hover {Border: 0}
a.three:active {Border: 0}





p.one {color: #40476A; font-size: small}



/*----------------------------------------------------------- TABLES */

TABLE.table1 
{
width: 570px;
}

TR.table1
{ 
}
TD.table1
{
vertical-align: top;
padding:  0px 0px 0px 0px;
font-size:small;

}
TD.table1_HDR
{
font-weight:bold;
/*text-align: left;*/
padding:  0px 0px 0px 0px;
font-size:small;

}

TABLE.table2
{ 

width: 570px; 
padding: 0;
margin: 0px;
float: left;
}


TR.table2
{ 
}

TD.table2
{
vertical-align: top;
text-align: left;
padding: 6px 6px 6px 12px;
background-color: #ADC2E7;
font-size:small;
}


TD.table2_HDR
{
	vertical-align: top;
	text-align: left;
	padding: 6px 6px 6px 0px;
	font-weight:bold;
	color: #40476A;
	font-size:small;
	border-bottom: 2px solid #737BAA;
}
  
TD.table2_ICON
{
vertical-align: top;
text-align: center;
padding: 6px 6px 6px 12px;
background-color: #ADC2E7;
width: 30px;
font-size:small;
}

TABLE.table3
{ 

width: 570px; 
padding: 0;
margin: 0px;
float: left;
}

TD.table3_HDR
{
	vertical-align: top;
	text-align: left;
	font-weight:bold;
	/*color: #40476A;*/
	font-size:small;
	border-bottom: 2px solid #737BAA;
}

TD.table3
{
vertical-align: top;
text-align: justify;
font-size:small;
}

table.admin 
{

width: 973px;
border-spacing: 0px;
border: 1px solid #737BAA;
}


table.admin td
{
font-size:small;
border: 1px solid #737BAA;
padding: 3px;
	
	
}

table.downloads
{ 

width: 570px; 
padding: 0;
margin: 0px;
float: left;
}

table.download td
{
vertical-align: top;
text-align: left;
font-size:small;
}

.header
{
padding: 6px 6px 6px 0px;
font-weight:bold;
color: #40476A;
border-bottom: 2px solid #737BAA;
}

.leftcol
{
text-align: left;
padding: 6px 6px 6px 12px;
background-color: #ADC2E7;
}

.icon
{
text-align: center;
padding: 6px 6px 6px 12px;
background-color: #ADC2E7;
width: 30px;
}

table.emailform {
	width: 570px;
	border-width: 0px;
	border: 2px solid #737BAA;
	
	background-color: #F5EFF8;
	
}

table.emailform td {
	padding: 3px 3px 3px 3px;
	
	
	
}


/*-----------------------------------------------------------NEWS----------------*/

.dvNewsBlock
{
	width: 570px;
	position:relative;
	padding: 0px;
	margin-bottom: 10px;
}

.dvNewsleft
{	
width: 196px;
float: left;
padding: 0px;	
}

.dvNewsright
{	
width: 330px;
float: right;
padding: 5px;	
}

.dvNewsTitle
{
	width: 196px;
	float: left;
	text-align:left;
	font-style: italic;
	font-weight: bold;
	font-size: 14px;
	margin-bottom: 10px;
	padding-top: 5px;
}

.dvNewsPics
{
	width: 192px;
	height: 75px;
}