@charset "UTF-8";
/* CSS Document */

.body
{
	font-family: "Century Gothic", Verdana, Arial, Helvetica, sans-serif;
	background-image: url(media/images/backgrounds/bgGrayline.jpg);
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #444;
    font-size: 16px;
}

.body a
{
	text-decoration: none;
	color: #D43BA4;
	font-size:16px;
}

.body a:hover
{
	text-decoration: underline;
}

.body #container
{
	position: relative;
	width: 960px;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
    margin-top: 20px;
    /*background-color: #F7F7F7;*/
    /*z-index: -2;*/
}

.body #header
{
	position:relative;
	width: 960px;
	height: 166px;
	background: url(media/images/backgrounds/headerBG.png) no-repeat; 
	padding: 0;
	border:none;
    margin: 0;
    /*margin-top: 20px;*/
    /*margin-bottom: 20px;*/
}

#headerGraphic
{
	position: absolute;
	top:10px;
	right: 10px;
	width: 200px;
	height: 100px;
	border: none;
	background-image:url(media/images/backgrounds/headerGraphic.jpg);
    background-position: -200px -200px;
}

#headerTop
{
	background-image:url(media/images/backgrounds/headerTop.png);
	width: 960px;
	height: 166px;
	position: absolute;
}

#headerShadow
{
	position: absolute;
    top: 0px;
    width: 960px;
    height: 6px;
    border: none;
    background-image:url(media/images/backgrounds/headerShadow.png);
    z-index: 100;
}

#headerTitle
{
	position: absolute;
	top: 20px;
    width: auto;
	left: 130px;
	margin: 0px;
	border: none;
    text-align: center;
}

#headerTitle h1
{
	font-size: 26px;
	font-weight:normal;
	border: none;
	margin: 0px;
	padding: 0px;
    color: #444;
}

#menu
{
	padding: 0px;
	border:solid 0px;
	position: absolute;
	bottom: 0px;
	width: 960px;
	height: 75px;
}

.menuLink
{
	position: absolute;
	bottom: 0px;
	border: solid 0px;
	text-align:center;
	cursor: pointer;
	height: 74px;
	min-width: 30px;
    font-size: 16px;
    color: #444;
}

.menuLink a
{
	color:#444;
}

.buttonCentre
{
	position: absolute;
    background-image:url(media/images/buttons/circleButtons.jpg);
    background-repeat: no-repeat;
	top: 34px;
	border: solid 0px;
	width: 12px;
	height: 12px;
    display: none;
    line-height: 0px;
}

.progressBar
{
	position:absolute;
    bottom: 33px;
    background:#888;
    height: 2px;
    width: 121px;
    display: none;
    line-height: 0px;
}

.dropMenu
{
	position: absolute;
	top: 0px;
	border: none;
	display: none;
    z-index: 99;
    /*line-height: 0px;*/
}

#visionDrop
{
	background-image:url(media/images/backgrounds/visionDrop.png);
    width: 215px;
    height: 127px;
    left: 125px;
}

#prioritiesDrop
{
	background-image:url(media/images/backgrounds/prioritiesDrop.png);
    width: 547px;
    height: 386px;
    left: 153px;
}

#deliveryDrop
{
	 background-image:url(media/images/backgrounds/deliveryDrop.png);
     width: 367px;
     height: 236px;
     left: 401px;
}

.dropLinks
{
	position: absolute;
	top: 20px;
	left: 0px;
    margin: 0px;
    padding: 10px 10px 10px 15px;
	border: none;
    /*display: none;*/
}

.dropLinks table
{
	width: 100%;
    height: 100%;
    
}

.dropLinks table td
{
	/*border: #000 solid 1px;*/
}

.dropLinks a
{
	text-decoration: none;
    font-size: 15px;
    color: #444;	
}

#visionLinks
{
	width: 167px;
    height: 63px;
}

#visionLinks a:hover
{
	color: #3885B6}

#prioritiesLinks
{
	width: 500px;
    height: 322px;
}

#prioritiesLinks a:hover
{
	color: #A8CA40}

#deliveryLinks
{
	width: 318px;
    height: 171px;
}

#deliveryLinks a:hover
{
	color: #E7714E}

#contentDisplay
{
	position: relative;
    top: 0px;
	padding: 0;
    margin: 0;
    width: 960px;
	background: url(media/images/backgrounds/mainBG.jpg);
}

.indentedText
{
	
}

.textIndent
{
	background: url(media/images/backgrounds/textIndent.jpg);
    background-position: 0px -32px;
    background-repeat: no-repeat;
    width: 50px;
    height: 8px;
    display: inline-block;
    line-height: 0px;
}

#dropMenus
{
	position: absolute;
    top: 0px;
    left: 0px;
    width: 960px;
    border: none;
}

#searchMenu
{
	margin: 0;
    padding: 0;
	background: none;
    border: none;
    right: 0px;
}

img
{
	border: none;
}

.body #mainContent
{
	padding: 0;
	margin: 0px 20px 0px 20px;
}

#mainContent h1
{
	font-size: 24px;
	font-weight:normal;
	border: none;
	margin: 20px 0px 20px 0px;
	padding: 0px;
    color: #D43BA4;
}

.mainText
{
	margin: 0px 25px 0px 25px;
    text-align: justify;
}

#deliveryImage
{
	border: solid 0px;
}

.videoControlsContainer
{
	position: relative;
    width: 920px;
    height: 92px;
    text-align: center;
    margin: 0px;
    padding: 0px;
}

.videoControls
{
	position: relative;
	background-image:url(media/images/backgrounds/videoControlsBG.jpg);
    background-position: 0px -184px;
    background-repeat: no-repeat;
    width: 679px;
    height: 92px;
    margin: 0 auto;
    padding: 0;
    border: solid 0px;
}

#videoLocation
{

}

.videoLink
{
	position: absolute;
    top: 15px;
    margin: 0;
    padding: 0;
    border: solid 0px;
    font-size: 14px;
}

.videoLink a
{
	font-size: 14px;
}

.videoLinkDiv
{
	position: absolute;
    top: 10px;
    width: 30px;
    height: 30px;
    line-height: 0px;
    margin: 0;
    padding: 0;
    border: solid 0px;
    cursor: pointer;
}

#nextVideoDiv
{
	right: 75px;
}

#previousVideoDiv
{
	left: 80px;
}

.videoControls #nextLink
{
	position: absolute;
    right: 108px;
}

.videoControls #previousLink
{
	position: absolute;
    left: 112px;
}

.transcriptContainer
{
	position: relative;
    top: -19px;
	width: 920px;
	margin: 0;
	text-align: center;
    border: solid 0px;
    display: none;
}

.transcript
{
	position: relative;
	margin: 0 auto;
    padding: 0px 10px;
    width: 490px;
    max-height: 300px;
    text-align: justify;
    overflow: auto;
    border: #aaa solid 1px;
    /*-moz-border-radius: 10px;
    -webkit-border-radius: 10px;*/
}

.circleButton
{
	background-image: url(media/images/buttons/circleButtons.jpg);
    background-position: 0px -140px;
    height: 35px;
    width: 35px;
}

.downloadLink
{
	position: relative;
	width: 870px;
    margin-top: 20px;
}

.downloadHead
{
	position: relative;
	background-image: url(media/images/backgrounds/downloadHeadBG.jpg);
    background-position: 0px 0px;
    background-repeat: no-repeat;
    width: 870px;
    height: 18px;
}

.downloadBody
{
	position: relative;
	background-image: url(media/images/backgrounds/downloadBodyBG.jpg);
    background-position: 0px 0px;
    background-repeat: repeat-y;
    width: 810px;
    border: solid 0px;
    padding: 5px 30px 0px 30px;
}

.downloadFoot
{
	position: relative;
	background-image: url(media/images/backgrounds/downloadFootBG.jpg);
    background-position: 0px 0px;
    background-repeat: no-repeat;
    width: 870px;
    height: 33px;
}

.downloadBody table
{
	position: relative;
    top: 0px;
    /*left: 30px;*/
    height: 100%;
    border: solid 0px;
}

.downloadBody p
{
	margin: 0;
    padding-bottom: 10px;
}

#submissionForm
{
	position: relative;
    border: none;
}

.cell
{
	padding-bottom: 10px;
	padding-right: 10px;
    position: relative;
}

.formSingleLineEntry
{
	position: relative;
	background: url(media/images/backgrounds/formSingleLineEntry.jpg) no-repeat;
    width: 443px;
    height: 28px;
    margin: 0;
    padding: 0;
    border: solid 0px #00f;
}

.singleLineInput
{
	border: none;
    background: none;
    position: relative;
    margin: 3px 10px 3px 10px;
    width: 420px;
    height: 20px;
}

.multilineInput
{
	border: none;
    background: none;
    position: relative;
    margin: 6px;
    width: 430px;
    height: 170px;
    resize: none;
}

.formMultilineEntry
{
	background-image: url(media/images/backgrounds/formMultilineEntry.jpg);
    width: 443px;
    height: 184px;
}

.priorityTable
{
	margin-bottom: 20px;
}

.priorityTable td
{
	padding-top: 10px;
    font-size: 14px;
}

.priorityTable h5
{
	margin: 0;
    padding: 0;
    /*font-weight: normal;*/
    color: #A8CA40;
}

.priorityTable h4
{
	margin: 0;
    padding: 0;
    font-size: 16px;
    /*font-weight: normal;*/
    color: #A8CA40;
}

.leftColumn
{
	width: 50%;
    padding-right: 20px;
}

.rightColumn
{
	width: 50%;
    padding-left: 20px;
}

.newsTitle
{
	color: #CF3A42;
    
}

.newsEntry
{
	position: relative;
    border-top: #ddd solid 1px;
}

.newsEntry img
{
	padding: 0px 10px 20px 0px;
}

.newsEntry table p
{
	margin-top: 0px;
}

.body #footer
{
	margin-top:20px;
    border: none;
    background-image: url(media/images/backgrounds/footer.jpg);
    height: 52px;
    width: 920px;
    position: relative;
}

.body #footer p
{
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}

.body #footer a
{
	font-size: 11px;
    color: #4FBFD1;
}

.searchResults
{
	border:solid 0px;
	margin-top: 20px;
	margin-bottom: 20px;
}

.searchResults h1
{
	border:solid 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-bottom: 0px;
}

.searchResults #googleCredit
{
	font-size: 13px;
	border:solid 0px;
}

.searchResults #googleCredit img
{
	vertical-align: bottom;
}

.searchResults #displayedResults
{
	margin-top: 10px;
	border:solid 0px;
}

.searchResults #moreResults
{
	margin-top: 20px;
	margin-bottom: 0px;
	font-size:12px;
	border:solid 0px;
}

.searchResult
{
	margin-top: 20px;
	margin-bottom: 0px;
	padding-bottom: 0px;
	
	font-size: 18px;
	border:solid 0px;
}

.searchResult a
{
	padding-bottom: 0px;
	margin-bottom: 0px;
	/*border:solid 1px;*/
	
	font-size:14px;
}

.searchResult p
{
	font-size:12px;
	padding-bottom: 0px;
	margin-bottom: 0px;
	margin-top: 5px;
}

.resultLink
{
	display:inline;
}

.resultLink a
{
	font-size:12px;
}

#contentBottom
{
	position: relative;
    bottom: 0px;
    width: 960px;
    height: 12px;
    border: none;
    margin: 0;
    background-image:url(media/images/backgrounds/contentBottom.png);
    z-index: 1;
}