@charset "UTF-8";

/* --------- Website Global Settings ------------------- */

* {margin: 0; padding: 0; }     /* general reset */

html { overflow-y: scroll; }    /* prevents sideway shift of page */

body { font-family:arial,sans-serif; background-color:#fafafa;}

.clearfloat {clear:both;}

/* --------------------Main  Template  ------------------- */

#header {background: url(/images/template1/header-new.jpg) no-repeat;
              width:1032px;
              height:227px;
              margin:0 auto; }

#wrap { width:1032px;
            height:auto;
            margin:0 auto;
            background: url(/images/template1/rtcolBG.png) repeat-y;	
            }

#nav { width:200px;
           height:auto;
           padding:10px 0 0 18px;
           float:left;}

#page { width:534px;
           height:auto;
           font-size:13px;
           line-height:20px;
           color:#777;
           padding: 0 30px 20px 30px;
           float:left;}

   #page p { padding-bottom:5px;}

   #page h1{ font-size:18px;
                    font-weight:lighter;
                    border-bottom: solid #4b176d 1px;
                    padding: 20px 0 5px 0;
                    margin-bottom:8px;}

   #page h3{ font-size:15px;
                   font-weight:lighter;
                   color:#4b176d;}

    #page a {color:#777;}
    #page a:hover {color:#4b176d;}

    #page ul {margin:5px 0 10px 40px;}
    #page li {padding-bottom:5px;}
                   

#right-col, #member-rcol { width:200px;
                   height:auto;
                   margin:0 13px 20px 0;
                   xbackground:url(/images/template1/rightGB.png) repeat-x;
                   float:right;
                   padding-bottom:20px;}

        #right-col h3,  #member-rcol h3 { font-size:11px;
                                color:#555;
                                font-weight:lighter;
                                text-align:center;
                                padding:3px 0;
                                border-top: 1px #777 dotted;
                                border-bottom: 1px #777 dotted;}

        #right-col h2, #member-rcol h2 { font-size:13px;
                                color:#777;
                                background: url(/images/template1/arrow2.png) no-repeat;
                                font-weight:lighter;
                                padding:0px 0 0px 25px;}

        #right-col p, #member-rcol p {padding-left:25px; color: #444; text-decoration:none;}

        #right-col a, #member-rcol a { color: #777;}
        #right-col a:hover, #member-rcol a:hover {color:#4b176d;}

#foot { width:1032px;
           height:22px;
           border-top:#dadee1 1px solid;
           margin:10px auto;
           padding-top:6px;	 
           text-align:center;}

      #foot p, #foot a {font-size:11px;
                   color:#777;}
      #foot a:hover  {color:#4b176d;}

/* -------------------- Members Template CSS  ------------------- */

#members-header {background: url(/images/template1/headernew-members.jpg) no-repeat;
              width:1032px;
              height:227px;
              margin:0 auto; }

#nav .logout a {color:#5f3926;}
#nav .logout a:hover {color:red;}
#nav .logout {float:right;
                      width:100px;
                      margin:20px 20px 0 0;}


/* -------------------- Navigation CSS  ------------------- */

#nav ul {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 190px;
	}

#nav ul ul {width:270px;}

#nav ul li {
	position: relative;
	}

#nav li ul {
	position: absolute;
	left: 189px;
	top: 0;
	display: none;
       z-index:1;
	}

#nav ul li a {
	display: block;
	text-decoration: none;
        text-align:right;
        font-size:13px;
	color: #777;
	background: #fff;
	padding: 5px 0 5px 5px;
	border-bottom: 2px dotted #ccc;
	}
    #nav ul li a:hover {color:#4b176d;}

#nav li ul li a {
	display: block;
	text-decoration: none;
        text-align:left;
        width:110px
        height:22px;
        font-size:13px;
	color: #777;
	background: #fff;
	padding: 5px 0px 5px 0px ;
	border: 1px solid #ccc;
	}

#nav li ul li a:hover {	color:#4b176d;}



#nav ul {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 190px;
	border-top: 2px dotted #ccc;
	}

#nav ul ul {border-top:none;
                 xborder-bottom:1px solid #ccc;}

#nav li:hover ul, #nav  li.over ul { display: block; } 



/* -------------------- Home Page CSS ------------------- */

#home {width:550px;}

/* -------------------- General Page CSS ------------------- */
.req {color:red; font-size:13px;}

#contact {width:550px;
              background: url(/images/rockhampton.jpg) top left no-repeat;
              height:193px;
              margin-bottom:30px;}

       #page_content form {
                            padding:5px 0 20px 100px;
                            border:#ccc solid 1px;}

       #page_content h2 {font-size:18px;
                           padding-bottom:5px;
                           margin:5px 0 5px 0;
                           color:#777;
                           font-weight:lighter;}

#general_page h1 {font-size:25px;
                           padding-bottom:6px;
                           border-bottom: dotted 1px #777;
                           margin:15px 0 5px 0;
                           color:#777;
                           font-weight:lighter;}

#pic1 {width:105px;
           float:left;
           height:150px;}
#text1 {width:300px;
           float:left;
           height:170px;}

/* -------------------- Inside the Region Template  CSS ------------------- */

#header-itr {background: url(/images/rrdl_header4.jpg) no-repeat;
              width:600px;
              height:132px;
              margin:0 auto;
              border-bottom: #4a176d 3px solid; }

#wrap-itr { width:600px;
            height:auto;
            margin:0 auto;
            background: url(/images/template1/rtcolBG.png) repeat-y;	
            }

#page-itr { width:380px;
           height:auto;
           color:#777;
           border-right:1px #999 dotted;
           padding: 0 20px 20px 20px;
           float:left;}

   #page-itr p { padding-bottom:5px;
                        font-size:12px;
                        line-height:17px;}

   #page-itr h1{ font-size:15px;
                    font-weight:lighter;
                    border-bottom: solid #4b176d 1px;
                    padding: 5px 0 5px 0;
                    margin-bottom:8px;}

   #page-itr h2{ font-size:15px;
                   xfont-weight:lighter;
                   color:#366092;
                   padding:10px 0 5px 0;}

   #page-itr h3{ font-size:13px;
                   font-weight:lighter;
                   color:#4b176d}

    #page-itr h4{ font-size:13px;
                   font-weight:lighter;
                   color:#1f497d;
                    padding:3px 0;}

    #page-itr a {color:#366092; font-size:13px; font-weight:bold; padding:3px 0; xdisplay:block;}
    #page-itr a:hover {color:#4b176d;}

    #page-itr ul {margin:5px 0 10px 40px;}
    #page-itr li {padding-bottom:5px;}
                   

#right-col-itr { width:170px;
                   height:auto;
                   margin-right:3px;
                   xbackground:url(/images/template1/rightGB.png) repeat-x;
                   float:right;
                   padding-bottom:20px;}

        #right-col-itr h3{ font-size:11px;
                                color:#555;
                                font-weight:lighter;
                                text-align:center;
                                margin-top:15px;
                                padding:3px 0;
                                border-top: 1px #777 dotted;
                                border-bottom: 1px #777 dotted;}

        #right-col-itr h2{ font-size:13px;
                                color:#777;
                                background: url(/images/template1/arrow2.png) no-repeat;
                                font-weight:lighter;
                                padding:0px 0 0px 25px;}

        #right-col-itr p {padding:5px 5px 5px 15px; color: #444; text-decoration:none; font-size:10px;}

        #right-col-itr a { color: #777;}
        #right-col-itr a:hover {color:#4b176d;}

#foot-itr { width:600px;
           height:22px;
           border-top:#dadee1 1px solid;
           margin:10px auto;
           padding-top:6px;	 
           text-align:center;}

      #foot-itr p, #foot a {font-size:11px;
                   color:#777;}
      #foot-itr a:hover  {color:#4b176d;}