/* CSS Document */

/* NAV BAR AT THE TOP AND ONE COLUMN OF CONTENT */

div#content {

        width: 800px;

        margin: 15px auto 20px 0;

        padding: 0;

        text-align: left;

    }

   div#main {

        float: left;

        width: 340px;

        height: 461px;

        display: inline;

        margin-right: 40px;

    }

    div#content2 {
	float: left;
	width: 350px;
	height: 461px;



        display: inline

        margin-left: 70px;

    }

    div#menu_vert {

        display: none;

    }

    div#menu_horiz {

        width: 100%;

        text-align: left;

    }


/* END CONTENT */

/* clearing */

	.stretch,

	.clear {

		clear:both; 

		height:1px; 

		margin:0; 

		padding:0; 

		font-size: 15px;

		line-height: 1px;

	}

	.clearfix:after {

		content: "."; 

		display: block; 

		height: 0; 

		clear: both; 

		visibility: hidden;

	}

	.menu_horiz:after {

		content: "."; 

		display: block; 

		height: 0; 

		clear: both; 

		visibility: hidden;

	}

	* html>body .clearfix {

		display: inline-block; 

		width: 100%;

	}

	* html>body .menu_horiz{

		display: inline-block; 

		width: 100%;

	}

	

	* html .clearfix {

		/* Hides from IE-mac \*/

		height: 1%;

		/* End hide from IE-mac */

	}

	* html .menu_horiz{

		/* Hides from IE-mac \*/

		height: 1%;

		/* End hide from IE-mac */

	}

/* end clearing */


/* replace */

	.replace {

		display:block;
	

		background-repeat: no-repeat;

		background-position: left top;

		background-color:transparent;

	}

	/* tidy these up */

	.replace * {

		text-indent: -10000px;

		display:block;

		

		background-repeat: no-repeat;

		background-position: left top;

		background-color:transparent;

	}

	.replace a {

		text-indent:0;

	}

	.replace a span {

		text-indent:-10000px;

	}

/* end replace */





/* accessibility */

     span.accesskey {

     	text-decoration:none;

     }

     .accessibility {

     	position: absolute;

     	top: -999em;

     	left: -999em;

     }

/* end accessibility */



/* TYPOGRAPHY */

	body {

		text-align: left;

		font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;

		font-size: 75%;

                line-height: 1.5em;

	}

	div {

		font-size: 1em;

	}

	img {

		border: 0;

	}

	

/* LINKS */

	a,

	a:link 

	a:active, a:visited {

		text-decoration: underline;

	}



	a:hover {

	text-decoration: none;

	}

/* END LINKS */

	

/* HEADINGS */

	h1 {

		font-size: 2em;

		line-height: 1.5em;

		margin: 0 0 0.5em 0;

		padding: 0;

	}

	h2 {

		font-size: 1.5em;

                line-height: 1.5em;

		margin: 0 0 0.5em 0;

		padding: 0;

	}

	h3 {

		font-size: 1.3em;

		line-height: 1.3em;

		margin: 0 0 0.5em 0;

		padding:0;

	}

	#menu_vert h2 {

		margin-left: 10px;

	}

	h4 {

		font-size: 1.2em;

		line-height: 1.3em;

		margin: 0 0 0.25em 0;

		padding: 0;

	}

	h5 {

		font-size: 1.1em;

		line-height: 1.3em;

		margin: 0 0 0.25em 0;

		padding: 0;

	}

	h6 {

		font-size: 1em;

		line-height: 1.3em;

		margin: 0 0 0.25em 0;

		padding: 0;

	}

/* END HEADINGS */



/* TEXT */

	p {

		font-size: 1em;

		margin: 0 0 1.5em 0;

		padding: 0;

		line-height:1.4em;

	}

	blockquote {

		border-left: 10px solid #ddd;

		margin-left: 10px;

	}

	pre {

		font-family: monospace;

		font-size: 1.0em;

	}

	strong, b {

		font-weight: bold;

	}

	em, i {

		font-style:italic;

	}

    code {

        font-family: "Courier New", Courier, monospace;

        font-size: 1em;

        white-space: pre;

    }

/* END TEXT */

	

/* LISTS */

	#main ul {

        line-height:1.4em;

		margin: 0 0 1.5em 0;

		padding: 0;

	}

	#main ul li {

		margin: 0 0 0.25em 30px;

		padding: 0;

	}

	ol {

		font-size: 1.0em;

		line-height: 1.4em;

		margin: 0 0 1.5em 0;

		padding: 0;

	}

	ol li {

		font-size: 1.0em;

		margin: 0 0 0.25em 30px;

		padding: 0;

	}

	dl {

		margin: 0 0 1.5em 0;

		padding: 0;

		line-height: 1.4em;

	}

	dl dt {

		font-weight: bold;

		margin: 0.25em 0 0.25em 0;

		padding: 0;

	}

	dl dd {

		margin: 0 0 0 30px;

		padding: 0;

	}

/* END LISTS */

	

	

/* TABLE */

	table {

        font-size: 1em;

		margin: 0 0 1.5em 0;

        padding: 0;

	}

	table caption {

		font-weight: bold;

		margin: 0 0 0 0;

		padding: 0 0 1.5em 0;

	}

	th {

		font-weight: bold;

		text-align: left;

	}

	td {

		font-size: 1em;

	}

/* END TABLE */	

	

	hr {

		   

	}

	div.hr {

		height: 1px;

		margin: 1.5em 10px;

		border-bottom: 1px dotted black;

	}

	

/* END TYPOGRAPHY */	


/* FORM ELEMENTS */

	form {

		margin:0;

		padding:0;

	}

	form div,

	form p {

		font-size: 1em;

		margin: 0 0 1em 0;

		padding: 0;

	}

	label {

		font-weight: bold;

	}

	fieldset {

		border: 1px solid #eee;

		padding: 5px 10px;

		margin: 0 0 1.5em 0;

	}

	fieldset legend {

		color: #666;

		font-size: 1.1em;

		font-weight: bold;

		margin: 0 0 0 0px;

		padding: 0;

		background-color: white;

	}

	* html fieldset legend {

		margin: 0 0 10px -10px;

	}

	fieldset ul {

		list-style: none;

		margin: 0 0 1.5em 0;

		padding: 0;

	}

	fieldset ul li {

		list-style: none;

		margin: 0 0 0.5em 0;

		padding: 0;

	}

     

	

	input, select, textarea {

		font-size:1em; 

		font-family: arial, helvetica, verdana, sans-serif;

        

        margin: 0;

		padding: 2px;

	}

	

	input, select {

		vertical-align:middle;

	}

	textarea {

		width: 200px;

		height: 8em;

	}

	

	input.check {

		border: none;

		width: auto;

		height: auto;

		margin: 0;

	}

	input.radio {

		border: none;

		width: auto;

		height: auto;

		margin: 0;

	}

	input.file {

		height: auto;

		width: 250px;

	}

	input.readonly {

		background-color: transparent;

		border: none;

	}

	input.button {

		width: 10em;

		border:1px solid black;

		background-color: #ddd;

	}

	input.image {

		border: none;

		width: auto;

		height: auto; 

	}

	

    form div.submit {

		margin: 1em 0;

	}

    form div.submit input {

		height: 2em;

        width: 15em;

	}

/* END FORM ELEMENTS */

		

/* Layout sections */

	body {

		background: #737373;

		color: #none;

		}

		

	div#page {

		border: 1px solid #2C2C2C;

		background: #fff;

	    }

		

	div#header {

		color: #fff;

		}

		

	div#footer {

		color: #none;

		background-color: #ffffff;

		}

		

/* Links */		

	a,

	a:link 

	a:active, a:visited {

		color: #0066CC;

	}



/* Headings */	

	h1, h2, h3, h4, h5, h6 {

		color: #0066CC;

	}



/* SITE SPECIFIC LAYOUT */

    body {

        margin: 0;

        padding: 0;

        text-align: center;

    }

    div#page {

        width: 800px;

        margin:  10px auto 10px auto;

        padding: 0;

        text-align: left;

    }

    

    /* HEADER */

        div#header {
	margin: 0px;
	padding: 0;
	height: 115px;
	text-align: center;
	background-color: white;
	background-image: url(images/index_top2.jpg);
	background-repeat: no-repeat;
	background-position: left top;

        }



    /* END HEADER */

    

    

    /* CONTENT */

        div#content {

            margin: 0px;

            padding: 0;

            height: 461px;

            background: none;            

            text-align: left;

        }

        

        /* MAIN */

            div#main {

            left-margin: -10px;

            padding: 0;

            height: 461px;

            background: none;            

            text-align: left;

            }

        /* END MAIN */

        

        /* SUB */

            div#sub {

                

            }

        /* END SUB */

        

    /* END CONTENT */

    

    

    /* FOOTER */

        div#footer {



        }



        div#footer p {

            font-size: 0.8em;

            margin: 0;

            padding: 10px;

            text-align: left;

        }

    /* END FOOTER */

/* END LAYOUT */


div.breadcrumbs {

   padding-top: 10px;

   padding-left: 10px;

   text-align: left;

   font-size: 90%;

 }



/* The wrapper clears the floating elements of the menu */



#menuwrapper { 

        overflow: hidden; 

        background-color: #B8B8B8;

        border-top: 1px solid #FFFFFF;

        border-bottom: 1px solid #FFFFFF;

        width: 100%;

        }



/* Set the width of the menu elements at second level. Leaving first level flexible. */



#primary-nav li li { 

        width: 230px; 

       }





/* Unless you know what you do, do not touch this */ 



#primary-nav, #primary-nav ul { 

	list-style: none; 

	margin: 0px; 

	padding: 0px; 

	}

#primary-nav ul { 

	position: absolute; 

	top: auto; 

	display: none; 

	}

#primary-nav ul ul { 

	margin-top: 0px;

 	margin-left: -1px;

	left: 100%; 

	top: 0px; 

	}

	

#primary-nav li { 

	margin-left: 0px;

	float: left; 

	}

#primary-nav li li { 

	margin-left: 0px;

	margin-top: -1px;

	float: none; 

	position: relative; 

	}



/* Styling the basic apperance of the menu elements */



#primary-nav a { 

	display: block; 

	margin: 0px; 

	padding: 5px 5px;

        text-family: Arial;

        text-decoration: none;

	}

#primary-nav li a { 

	border-right: 1px solid #FFFFFF;

	border-left: 1px solid #FFFFFFF;

	}

#primary-nav li li a { 

	border: 1px solid #FFFFFF;

	}	

#primary-nav li, #primary-nav li.menuparent { 

	background-color: #F4CD03

	}



/* Styling the basic apperance of the active page elements (shows what page in the menu is being displayed) */



#primary-nav li.menuactive { 

	background-color: #F4CD03; 

	}





/* Styling the basic apperance of the menuparents - here styled the same on hover (fixes IE bug) */



#primary-nav ul li.menuparent, #primary-nav ul li.menuparent:hover, #primary-nav ul li.menuparenth { 

	background-image: url(modules/CSSMenu/images/arrow.gif); 

	background-position: center right; 

	background-repeat: no-repeat; 

	}





/* Styling the apperance of menu items on hover */



#primary-nav li:hover, #primary-nav li.menuh, #primary-nav li.menuparenth, #primary-nav li.menuactiveh { 

	background-color: #F3DF75; 

	}





/* The magic - set to work for up to a 3 level menu, but can be increased unlimited */



#primary-nav ul, #primary-nav li:hover ul, #primary-nav li:hover ul ul, 

#primary-nav li.menuparenth ul, #primary-nav li.menuparenth ul ul { 

	display: none; 

	}

#primary-nav li:hover ul, #primary-nav ul li:hover ul, #primary-nav ul ul li:hover ul, 

#primary-nav li.menuparenth ul, #primary-nav ul li.menuparenth ul, #primary-nav ul ul li.menuparenth ul { 

	display: block; 

	}





/* IE Hacks */



#primary-nav li li { 

	float: left; 

	clear: both; 

	}

#primary-nav li li a { 

	height: 1%; 

	}
div#content3 {
	float: left;
	width: 350px;
	height: 461px;



        display: inline

        margin-left: 70px;
	padding-left: 15px;
	padding-top: 15px;
}