/* A CSS Framework by Mike Stenhouse of Content with Style, adapted to CMSMS by Daniel Westergren */

/* SITE SPECIFIC LAYOUT */
    body {
        margin: 0;
        padding: 0;
        text-align: center;
    }
    div#page {
        width: 90%;
        margin:  0px auto 10px auto;
        padding: 0;
        text-align: left;
        background-color: white;
    }
    
    
    /* HEADER */
div#header {
            margin: 0;
            padding: 0;
            height: 170px;
            width: 100%;
            background-image: url('uploads/images/bluebackground.gif'); 
            color: #000;            
            text-align: center;
        }
div#rotating {
        margin-top: 20px;
	float: left;
	height: 150px;
	width: 25%;
	text-align:center;
        }
div#ADlogo {
        margin-top: 20px;
	float: left;
	padding: 0px;
	width: 52%;
	text-align:center;
        }
div#missionImage {
        margin-top: 20px;
	margin-right: 0px;
	float: right;
	text-align:center;
	padding: 0px;
        }
div#address {
	background-color: #000;
	color: #fff;
	font-size: 11px;
	font-weight: bold;
	height: 21px;
	padding: 0px;
	width: 100%;
	margin: 0px;
}
.floatright {
	float: right;
	margin: 5px 0px 10px 20px;
	border: 1px solid #666;
	padding: 0px;
        }
    /* END HEADER */
    
    
    /* CONTENT */
 div#content {
        clear: both;
        background-image: url(uploads/images/gray_back1.gif);
        background-repeat: repeat-y;
        padding: 0;
        margin: 0;

        }
       
        
        /* MAIN */
            div#main {

            }
        /* END MAIN */
        
        /* SUB */
            div#sub {
                
            }
        /* END SUB */
        
    /* END CONTENT */
    
    
    /* FOOTER */
        div#footer {

        }

        div#footer p {
            font-size: 0.8em;
            margin: 0;
            padding: 15px;
            text-align: center;
        }
    /* END FOOTER */
/* END LAYOUT */

/* position for the search box */
div#whereur {
	
	background-color:#fff;
	float: left;
        width: 100%;
	font-size: 10px;
	color: #000;
	margin: 0px;
       
}
#whereur .breadcrumbs {
   float:left;
   padding-left: 5px;
   text-align: left;
   margin: 0px;
   
}

#whereur .search {
   float: right;
   width: 23em;    /* enough width for the search input box */
   text-align: right;
   margin: 0px 5px 0px 0px;
}



/* A CSS Framework by Mike Stenhouse of Content with Style, adapted to CMSMS by Daniel Westergren */

/* NAV BAR ON THE LEFT AND ONE COLUMN OF CONTENT */
        div#header_vbs_2007 {
        background-image: url(uploads/images/vbs2007/background.jpg);
        background-repeat: repeat-x;
        height: 100px;
   }
        div#content {
        position: relative;
        width: 96%;
        margin: 0;
        padding: 0;
        text-align: left;
    }
        div#menu_vert {
        float: left;
	width: 25%;
        padding-top: 10px;
	margin-left: 5px;
	border: 1px dotted #ccc;
                display: inline;
    }
    div#main {
                padding-left: 5px;
	        margin: 0px 0px 0px 27%;
                border: 1px dotted #fff;
                
       
                                 }

    div#content2 {
        display: none;
    }
    div#menu_horiz {
        display: none;
    }
#nav {
	float: left;
	margin-left: 10px;
	
}
#nav p {
	margin-top: 0;
}

/* END CONTENT */

/* A CSS Framework by Mike Stenhouse of Content with Style, adapted to CMSMS by Daniel Westergren */

/* 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 */
		

/* A CSS Framework by Mike Stenhouse of Content with Style, adapted to CMSMS by Daniel Westergren */

/* 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 */

/********************
MENU
*********************/
#menu_vert {
   padding-left: 0;
   margin-left: 1em;
}


/* third level has some padding to have it stand out */
div#menu_vert ul ul ul {
   padding-bottom: 0.5em;
}

/* menu li block */
#menu_vert li {
   list-style: none;
   display: block;
   line-height: 12pt; 
   padding: 1px 5px 1px 20px; 
   margin: 2px 5px;
   background: transparent url(uploads/images/home/dove_20px.gif) no-repeat 0px 4px;
   text-indent: 3px;
   font-size:10px;
}
}

#menu_vert ul ul li {
   border: none;
}

/** fix stupid ie bug with display:block; **/
* html #menu_vert li a { height: 1%; } 
* html #menu_vert li hr { height: 1%; }
/** end fix **/

/* first level links */

div#menu_vert a {
   display: block; /* IE has problems with this, fixed above */
   padding: 0.2em 0.5em 0.2em 0.1em; /* some air for it */
   font-weight: normal;
   font-size: 10px; 
   min-height:1em; /* Fixes IE7 whitespace bug */ 
}

/* next level links, more padding and smaller font */
div#menu_vert ul ul a {
   font-size: 8px;
   font-weight: bold;
   padding: 0.5em 0.5em 0.5em 2.8em;
   background-position: 1.5em center;
}

/* third level links, more padding */
div#menu_vert ul ul ul a {
   padding: 0.3em 0.5em 0.3em 4.3em;
   background: url(images/cms/dash.gif) no-repeat 2.8em center; 
}

/* hover state for all links */
div#menu_vert a:hover {
   color:#ABBC47;
}
div#menu_vert a.activeparent:hover {
   color:#ABBC47;
}

/* 
active parent, that is the first-level parent 
of a child page that is the current page 
*/
div#menu_vert li a.activeparent {
   background: url(images/cms/arrow-down.gif) no-repeat 0.4em center; 
   background-color: #ffc;
   color: #fff;
}

div#menu_vert ul ul li a.activeparent {
   background-position: 1.5em center; 
   background-color: transparent;
   color: #18507C;
}


/* 
current pages in the default Menu Manager 
template are unclickable. This is for current page on first level 
*/
div#menu_vert ul h3 {
   background: url(images/cms/arrow-right-active.gif) no-repeat 0.4em center;
   background-color: #063;
   display: block; 
   padding: 0.8em 0.5em 0.8em 1.5em;  /* some air for it */
   color: #ffc;                                 /* this will be link color for all levels */
   font-size: 1em;                           /* instead of the normal font size for <h3> */
   margin: 0;                                  /* as <h3> normally has some margin by default */
}

/* 
next level current pages, more padding, 
smaller font and no background color or bottom border 
*/
div#menu_vert ul ul h3 {
   font-size: 90%;
   padding: 0.3em 0.5em 0.3em 2.8em;
   background-position: 1.4em center;
   background-color: transparent;
   border-bottom: none;
   color: #000;     
}

/* current page on third level, more padding */
div#menu_vert ul ul ul h3 {
   padding: 0.3em 0.5em 0.3em 4.3em;
   background: url(images/cms/arrow-right-active.gif) no-repeat 2.7em center; 
}