body,div,dl,dt,dd,h1,ul,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0;}
    table{border-collapse:collapse;border-spacing:0;}
    fieldset,img{border:0;}
    address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
    ol,ul {list-style:none;}
    caption,th {text-align:left;}
    h1,h2,h3,h4,h5,h6{font-size:100%;}
    q:before,q:after{content:'';}
    body {font:13px arial,helvetica,clean,sans-serif;}
    table {font-size:inherit;}
    select, input, textarea {font:99% arial,helvetica,clean,sans-serif;}
    pre, code {font:115% monospace;}
    body * {line-height:1.22em;}

    body
    {
        background-color : #e3e1ea ;
        border : 1px solid #e3e1ea ;
        font-family : Verdana,Arial,Helvetica,sans-serif ;
        padding : 25px 0px 0px 0px ;
        text-align : center ;
    }

    div#Bread_Crumb
    {
        color : #006699 ;
        margin : 0px auto ;
        text-align : left ;
        width : 798px ;
    }

    div#Bread_Crumb p
    {
        font-size : 77% ;
    }

    div#Bread_Crumb p a
    {
        color : #000000 ;
        font-weight : bold ;
        text-decoration : none ;
    }

    div#Bread_Crumb p a:hover
    {
        color : #006699 ;
        font-weight : bold ;
    }

    div#Header
    {
        background-image : url('../images/ipe360/Header_-_Background.jpg') ;
        background-position : center right ;
        background-repeat : no-repeat ;
        height : 104px ;
        margin : 0px auto ;
        overflow : hidden ;
        width : 808px ;
    }

    div#Header p.Left
    {
        float : left ;
        height : 104px ;
        overflow : hidden ;
        width : 161px
    }

    div#Header p.Right
    {
        display : inline ;
        float : right ;
        margin : 23px 39px 0px 0px ;
        overflow : hidden ;
        text-align : right ;
        width : 100px
    }

    div#Header p.Right a
    {
        color : #ffffff ;
        font-size : 77% ;
        text-decoration : none ;
    }

    div#Header p.Right a:hover
    {
        color : #000000 ;
    }

    div#Container
    {
        background-image : url('../images/ipe360/Container_-_Background.gif') ;
        background-position : top left ;
        background-repeat : repeat-y ;
        margin : 0px auto ;
        text-align : left ;
        width : 808px ;
    }

    div#Container div#Links
    {
        background-image : url('../images/ipe360/Links_-_Background.gif') ;
        background-position : top left ;
        background-repeat : no-repeat ;
        height : 37px ;
        overflow : hidden ;
    }

    div#Container div#Links p
    {
        color : #ffffff ;
        line-height : 35px ;
        font-size : 92% ;
        margin : 0px 15px ;
        text-align : right ;
        vertical-align : middle ;
    }

    div#Container div#Links p a
    {
        color : #ffffff ;
        text-decoration : none ;
    }

    div#Container div#Links p a:hover
    {
        color : #000000 ;
    }

    div#Container div#Columns
    {
        margin : 0px 5px ;
    }

    div#Container div#Columns div#Left
    {
        float : left ;
        width : 185px ;
    }

    div#Container div#Columns div#Left ul
    {
        margin : 0px 15px 15px 15px ;
    }

    div#Container div#Columns div#Left ul li
    {
        border-bottom : 1px dotted #cccccc ;
        color : #000000 ;
        display : block ;
        padding : 10px 0px 10px 0px ;
        margin : 0px ;
    }

    div#Container div#Columns div#Left ul li a
    {
        color : #000000 ;
        font-size : 100% ;
        text-decoration : none ;
		padding : 0px ;
        margin : 0px ;
    }

    div#Container div#Columns div#Left ul li a:hover
    {
        color : #0054a4 ;
    }

    div#Container div#Columns div#Left ul li a.Active
    {
        background-image : url('../images/ipe360/Arrow.gif') ;
        background-position : center right ;
        background-repeat : no-repeat ;
        padding : 0px 10px 0px 0px ;
    }

    div#Container div#Columns div#Left ul li img
    {
        line-height : 100% ;
        vertical-align : middle ;
    }

    div#Container div#Columns div#Left div.Special
    {
        margin : 30px 15px ;
    }

    div#Container div#Columns div#Left div.Special h1, 
    {
        color : #0054a4 ;
        line-height : 150% ;
        font-size : 92% ;
    }

    div#Container div#Columns div#Left div.Special h2, 
    {
        color : #0054a4 ;
        line-height : 150% ;
        font-size : 92% ;
        font-weight : normal ;
    }

    div#Container div#Columns div#Left div.Special p
    {
        line-height : 150% ;
        font-size : 92% ;
    }

    div#Container div#Columns div#Right
    {
        float : left ;
        width : 613px ;
    }

    div#Container div#Columns div#Right div.Block
    {
        margin : 30px
    }

    div#Container div#Columns div#Right div.Block h1
    {
        font-size : 129% ;
        margin : 30px 0px ;
    }

    /*added by Paul so the meeting box titles have the right colour*/
    div#Container div#Columns div#Right div.Block h1 a {
        color : #0054a4 ;
	text-decoration: none;
    }

    div#Container div#Columns div#Right div.Block h2
    {
        font-size : 112% ;
        margin : 30px 0px ;
    }
	
	    div#Container div#Columns div#Right div.Block h3
    {
        font-size : 107% ;
        margin : 20px 0px ;
		color: #0066CC;
    }

    div#Container div#Columns div#Right div.Block p
    {
        font-size : 100% ;
        margin : 30px 0px ;
    }

    div#Container div#Columns div#Right div.Special
    {
        background-image : url('../images/ipe360/Special_-_Background.jpg') ;
        background-position : top left ;
        background-repeat : no-repeat ;
        height : 127px ;
        margin : 30px auto ;
        overflow : hidden ;
        width : 553px
    }

    div#Container div#Columns div#Right div.Special h1
    {
        color : #006699 ;
        font-size : 114% ;
        margin : 10px ;
    }

    div#Container div#Columns div#Right div.Special p
    {
        font-size : 100% ;
        margin : 10px 131px 10px 10px ;
    }

    div#Container div#Columns div#Right img.Register
    {
        float : right ;
        padding : 74px 25px 0px 0px ;
    }

    div#Container div#Columns div.Clear
    {
        clear : both ;
        height : 1px ;
        overflow : hidden ;
    }

    div#Container div#Footer
    {
        background-color : #383386 ;
        border-bottom : 1px solid #ffffff ;
        color : #ffffff ;
        margin : 0px 5px ;
    }

    div#Container div#Footer p
    {
        font-size : 77% ;
        line-height : 200% ;
        text-align : center ;
        vertical-align : middle ;
    }

    div#Container div#Footer p a
    {
        color : #c9c9c9 ;
        text-decoration : none ;
    }

    div#Container div#Footer p a:hover
    {
        color : #ffffff ;
    }

    strong
    {
        font-weight : bold ;
    }


/* added by Paul*/
#Right table td {padding:2px; vertical-align: top;}
#Right tr.header td {font-weight: bold;}
#Right tr.spacer td {height: 10px;}
/*these two classes are for the images on profile.php and then on board.php and members.php*/
#Right img.profileimage {float: left; padding: 0 10px 10px 0;}
#Right div.Special img.profileimage {float: right; width: 80px; padding: 5px;}


.with_bullets {
list-style: inside;
list-style-type:circle;
margin:5px 0 5px 0;}