/* ####################################
   PAGE LAYOUT
   ####################################
   
    <Align>
        <Template>
            <Header />
            <Content>
                <Page>
                    <TrailNav />
                    <PageFunctions-Top />
                    <PageContent>
                        <Primary />
                        <Secondary />
                    </PageContent>
                    <PageFunctions-Bottom />
                </Page>
                <Tertiary />
            </Content>
            <Footer />
        </Template>
    </Align>
*/

#Align {
	text-align: center;      /* Coupled with the "margin: 0 auto;" and "text-align: left;" settings in #Template (below) this is a weird but safe way to center a page in all browsers including IE where the standard doesn't work. */
	border-top: 2px solid #C61189;
	margin: 0 0 0;

}	

#Template {
	position: relative;
	width: 1000px;	
	margin: 0 auto;          /* Coupled with "text-align: left;" to re-align text to left in the page div when a parent div is centred. This allows centering of page div using the IE-safe hack. */
	text-align: left;        /* Coupled with "margin: 0 auto;" o re-align text to left in the page div when a parent div is centred. This allows centering of page div using the IE-safe hack. */
}
#Template-Inner {
}

/* ########################################################
   HEADER 
   ######################################################## */

	#Header {
		position: relative;
		z-index: 2;
		height: 95px;
	}
	#Header-Inner {
	}
		
		#Header #Logo {
		    /*width: 100%;*/
		    background: #ffffff;
		    display: inline;
		    float: left;
		    margin: 5px 0;
		}
		
		#Header img.identifierImage {
			float: right;
			margin: 0 0 20px;
			border: none;
		}

		#Header #SiteSearch {
		    float: right;
		    clear: right;
		    margin: 1em 0.5em 0.5em;
		}
		
		    #Header #SiteSearch #AdvancedSearchLink {
		        display: none;
		    }

		#Header #MainMenu, #menuArea #MainMenu {
			float: right;
		}

		
		#Header #AnchorMenu {
		    margin: 1.4em 0 0;
		    float: right;
		}

			#Header #AnchorMenu a {
			    padding: 0 8px;
				border-right: #c0c0c0 1px solid;
				font-weight: bold;
			    font-size: 12px;
			    color: #000000;
			}
						
			    #Header #AnchorMenu a:link {
			    	
			    }
    			
			    #Header #AnchorMenu a:visited {
			    	color: #000000;
			    }
    			
			    #Header #AnchorMenu a:hover {
			    	color:#8dc67f;
			    	text-decoration:none;
			    }
    			
			    #Header #AnchorMenu a:active {
			    	color:#8dc67f;
			    	text-decoration:none;
			    }

			    #Header #AnchorMenu a.first {
			        padding-left: 0;
			    }

			    #Header #AnchorMenu a.last {
			        border: 0;
			    }
	div#FeatureContent{
		max-height: 165px;
		height: 165px;
		min-height: 165px;
		clear: both;
		position: relative;
	}
        #FeatureContent .featureitem {
            display: none;
            position: absolute;
            top: 0;
            left: 0;
            
            background: #ffffff; /* Needed for IE or text anti-aliasing gets upset */
        }
        
        #FeatureContent .featureitem div.infoText{       
            background:transparent url('/App_Themes/Default/images/semi.png') repeat scroll 0 0;
            position:relative;
            margin-top: -40px;
            height:40px;
            width:740px;
	    }
	    
	    #FeatureContent .featureitem div.infoText span.container{
	        color:#FFFFFF;
            float:right;
            font-size:150%;
            font-weight:bold;
            margin:8px;
	    }
	    	    
	div#FixedFeature {
		float: right;
		clear: both;
		text-align: right;
	}
	
	div#DynamicFeature {
		float: left;
		height:165px;
		max-height: 165px;
		max-width: 735px;
		overflow: hidden;
	}
	

/* ########################################################
   CONTENT AREA
   
   DO NOT code CSS rules here if the site uses multiple templates. The usual
   approach is to define the rules separately on each template to avoid
   cascading conflicts. If there is only one template in the site or if there
   is a VERY, VERY clear case for using the same rules on every template, 
   rules can be coded here.
   ######################################################## */

		#Content {
		}
		#Content-Inner {				
		}

			#Page {
				width: 742px;
				float: left;
			}
	        #Page-Inner {
	        	padding-right:10px;
	        	margin: 1em 0 0;
	        }
	        
	        	#shop-content {
	        	}
			    
			    #Page #PageContent {
			        clear: both;
			    }
		        #Page #PageContent-Inner {
		        }
			    
			        #Page #PageContent #Primary {
			        }
		            #Page #PageContent #Primary-Inner {
		            }

			            #Page #PageContent #Primary #PageBody {
			            }
    			        
			            #Page #PageContent #Primary #SubContainers {
			            }

			            #Page #PageContent #Primary #SubArticles {
			            }

			        #Page #PageContent #Secondary {
			        }
		            #Page #PageContent #Secondary-Inner {
		            }
        				
			            #Page #PageContent #Secondary #SecondaryContent {
			            }
			
			#Tertiary {
				float: right;
				width: 258px;
				/*background: #DCDDDE none repeat scroll 0 0;*/
			}
		    #Tertiary #Tertiary-Inner {
		    }

/* ########################################################
   FOOTER 
   ######################################################## */

	#Footer {
	    /*position: relative;*/
	    /*clear: both;*/
	    
	    background: #FFFFFF url("images/footer_background.gif") repeat-x;
	    
	    padding-top:70px;
	    
	    width:258px;
	    float: right;
	    clear: right;
	}
	#Footer-Inner {
		margin: 10px;
		font-size: 8pt;
	}
		
		#Footer #vicgov {			
			font-family:times New Roman;
		}
			#Footer #vicgov img{
				float:left;
				padding-right:4px;
			}
		
		#Footer #FooterMenu {
		}

			#Footer #FooterMenu ul {
				margin: 0;
				padding: 0;
    	        list-style: none;
			}

			    #Footer #FooterMenu ul li {
				    display: inline;
				    padding-right: 8px;
			    }

			    #Footer #FooterMenu a {
			    }

			        #Footer #FooterMenu a:link {
			        }

			        #Footer #FooterMenu a:visited {
			        }

			        #Footer #FooterMenu a:hover {
			        }

			        #Footer #FooterMenu a:active {
			        }

		#Footer #Rights {
		}

		#Footer #CreditsCMS {
		    /*position: absolute;
		    top: 0.5em;
		    right: 0.5em;*/
		}
		
			#Footer #CreditsCMS #develop {
			   float: left;
			   width: 100px;
			}

			#Footer #CreditsCMS #cms {
			   float:right;
			}

		#Footer #CreditsDesign {
		}

			#Footer #CreditsDesign a {
			}

			    #Footer #CreditsDesign a:link {
			    }

			    #Footer #CreditsDesign a:visited {
			    }

			    #Footer #CreditsDesign a:hover {
			    }

			    #Footer #CreditsDesign a:active {
			    }