#container
{
    width: 100%;
    margin: 0px auto;
    background-color: #fff;
    color: #333;
}

#banner
{
    height: 10%;
    /* height: 100px; */
    /* padding: .5em; This resulted in a 1em permanent horiz. scrollbar.  SD 23/1/09 */
    padding-top: .5em;
    padding-bottom: .5em;
    width: 100%;
    background-color: #ffffff;
}

#logobom {
	float: left;
        width: 15%;
        height: auto;
        /* height: 100px; */
	background-color: #ffffff;
	color: white;
        margin-top: 5px;
        margin-left: 20px;
}

#logocsiro {
	float: right;
        width: 15%;
        height: auto;
        /* height: 100px; */
	background-color: #ffffff;
	color: white;
        margin-top: 10px;
        margin-bottom: 12px;
}

#titlecawcr {
        width: auto;
        height: auto;
        /* height: 100px; */
	background-color: #ffffff;
	color: white;
	padding-top: 0px;
	padding-bottom: 0px;
}

#bar {
        clear: both;
}

#breadcrumbs {
        width: 85%;
        height: 19px;
        background-color: #999999;
	vertical-align:top;
	float: left;
	font-size: 12px;
	padding-bottom: 0px;
	margin: 0px;
	}

#breadcrumbs a:link {
	color: #ffffff;
	text-decoration:none;
	}
	
#breadcrumbs a:visited {
	COLOR: #ffffff;
	TEXT-DECORATION: none
	}
	
#breadcrumbs a:hover {
	color: #ffffff;
	text-decoration:underline;
	}

#breadcrumbs a:active {
	color: #ffffff;
	text-decoration:none;
	}

#undercsiro {
	float: right;
        width: 15%;
        height: 19px;
	background-color: #99cccc;
	color: white;
}

#leftnav
{
        float: left;
        min-width: 171px;
        margin: 0;
        padding-top: 1em;
        padding-bottom: 3em;
        padding-left: 1em;
        background-color: #99cccc;
        min-height: 580px;  
}
/* mac hide \*/
* html #leftnav{height:580px}
/* end hide */

#content
{
        /* border: black 1px solid;*/
        margin-left: 200px;
        padding: 1em;
        /* max-width: 36em; */
        width: 65%;
        /* min-height: 600px; */
	font-family: Arial, Helvetica, sans-serif;
	font-size:9pt;
	line-height:18pt;
}

#footer1
{
        clear: both;
        margin: 0;
        padding: 5;
        /* height: 40px;*/
        color: white;
        background-color: #999999;
}

#footer2
{
        clear: both;
        margin: 0;
        color: #333;
        background-color: #b1c3d9;
}
.header {
	font:normal 22px/18px Arial, Helvetica, sans-serif;
	color: #3399CC;
	letter-spacing: 0.1em;
	text-align: center;
	}
	
.subheader {
	/*font:normal 16px/14px Arial, Helvetica, sans-serif;*/
	font:normal 14px/12px Arial, Helvetica, sans-serif;
	color: #666666;
	letter-spacing: 0.1em;
	text-align: center;
	}
#leftnav p { margin: 0 0 1em 0; }
#content h2 { margin: 0 0 .5em 0; }

	
#nav-path {
    color:#666666;
    font-size:0.9em;
    padding-left:10px;
    background-color:#999999;
}

.finetext {
	font:10px/normal arial;
	color:#FFFFFF;
	padding-right: 0px;
	padding-top: 5px;
	padding-left: 15px;
	padding-bottom: 5px;
	text-align: left;
	}

#personal {
    height: 250px;
}
#photo {
    float: left;
    width: 25%;
    height: 250px;
    padding: 20px;
}

#contact_details {
    /*float: left;*/
    width: auto;
    /*max-width: 40%;*/
}

#personal_data {
     float: right;
    width: 35%;
        /*border: black 1px solid;*/
}

#personal_contents {
    /*height: 300px;*/
    padding: 20px;
}

h3#personal_group  {
	color:#dd5e0b;
    /*font-weight: normal;*/
}

h5 {
	FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #333333; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}

#multicolumn3 {
	-moz-column-count: 3;
	-moz-column-gap: 20px;
	-webkit-column-count: 3;
	-webkit-column-gap: 20px;
	column-count: 3;
	column-gap: 20px;
}