/* blue: #1b4d7b */
/* violetgrey: #9498b6 */


* {
	padding: 0;
	margin: 0;
} 

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	line-height: normal;
	color: #000000;
	margin: 0px;
	padding: 0px;
	background-color: #cccccc;
}

#pageWrapper {
	width: 970px;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	background-color: #ffffff;
	padding-bottom: 20px;
	background-image: url(../images/bgrnd.gif);
	padding-right: 10px;
	padding-left: 10px;
	background-repeat: repeat-y;
}



/* logo */

#logoLeft {
    width: 225px;
    float:left;
}

#logoLeft img {
    /* display: block; */
	vertical-align:bottom;
}


#logoRight {
	width: 500px;
	height: 101px;
	float:right;
	position: relative;
	background-image: url(../images/hdr_dvdr.gif);
	background-repeat: no-repeat;
	background-position: right top;
}

#strapline {
	position: absolute;
	bottom: 0;
	left: 125px;
	margin-bottom: 16px;
	color: #1b4d7b;
	font-weight: bold;
	font-family: trebuchet MS, arial, helvetica, sans-serif;
	font-size: 120%;
}

/* homepage row 1 */

#homepageRow {
	width: 910px;
	margin-top: 15px;
	margin-left:20px;
	margin-right:40px;
	margin-bottom: 15px;
	background-image: url(../images/homepagerow_bgrnd.gif);
	background-repeat: repeat-y;
}


#homepageRow .box1,
#homepageRow .box2,
#homepageRow .box3,
#homepageRow .box4 {
	float: left;
	width: 165px;
	margin-right:15px;
}
#homepageRow .box5 {
	float: right;
	width: 190px;
}



#homepageRowPics img {
	display:block;
}


#homepageRowTitles .box1,
#homepageRowTitles .box3,
#homepageRowTitles .box5  {
	color: #1b4d7b;
	font-weight:bold;
}

#homepageRowTitles .box2,
#homepageRowTitles .box4 {
	color: #9498b6;
	font-weight:bold;
}

#homepageRowTitles  {
	margin-top: 10px;
	margin-bottom: 10px;
	font-size: 120%;
}

#homepageRowText  {
	font-size: 110%;
}

#homepageRowLinks  {
	margin-top: 10px;
	font-size: 110%;
}


/*  homepage row 2   */


#homepageRow2 {
 width: 910px;
 margin-left: 20px;
 margin-right: 40px;

}

#homepageRow2 #box1 {
	width: 325px;
	margin-right: 15px;
	float:left;
	padding: 10px;
	background-color: #e2e9e8;
	font-size: 110%;
	color:#484848;
	min-height: 100px;
}

#homepageRow2 h1 {
color: #1b4d7b;
font-size: 120%;
font-weight: normal;
}

#homepageRow2 .text {
width: 225px;
margin-right:10px;
float:left;
}

#homepageRow2 .pic {
width: 90px;
float:right;
}

#homepageRow2 #box2 {
  width: 325px;
 margin-right: 15px;
float:left;
padding: 10px;
background-color: #f2f4f2;
font-size: 110%;
color:#484848;
min-height: 100px;
}

#homepageRow2 #box3 {
width: 190px;
float:right;
color: #1b4d7b;
position: relative;
font-size: 110%;
min-height: 100px;
padding-top: 10px;
border-top: dotted 1px #cccccc;

}



/* header links */


#headerLinks {
 margin-top: 5px;
 margin-left: 3px;
}


/* search box */

#searchBox {
	margin-top: 69px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
}

.searchBoxTitle {
	color:#1b4d7b;
	font-size: 110%;
	font-weight:bold;
}

.searchBoxField {
	width: 175px;
	height:14px;
	border:solid 1px #cccccc;
	font-size: 110%;
	padding:3px;
}

.searchBoxGo {
	vertical-align: bottom; *vertical-align: text-bottom;
}



/* tab box */


#tabBox {
  width: 245px;

}

#tabs {

}

#tabLeft {
	width: 103px;
	float: left;
	color: #ffffff;
	font-size: 110%;
	font-weight:bold;
	background-color: #1b4d7b;
	padding: 10px;
	background-image: url(../images/top_corner_white.gif);
	background-repeat: no-repeat;
	background-position: right top;
}

#tabRight {
	width: 102px;
	float: right;
	color: #ffffff;
	font-size: 110%;
	font-weight:bold;
	background-color: #1b4d7b;
	padding: 10px;
	background-image: url(../images/top_corner_white.gif);
	background-repeat: no-repeat;
	background-position: right top;
}

#tabBoxText1 {
  background-color: #1b4d7b;
  padding: 10px;
  height: 153px; 
}

.tabBoxItem1 {
	color: #ffffff;
	padding-left: 20px;
	padding-bottom: 10px;
	font-size: 110%;
	border-bottom:dashed 1px #6387A8;
	margin-bottom: 10px;
	background-image: url(../images/bullet_arrow.gif);
	background-repeat: no-repeat;
	background-position: left 3px;
}


.tabBoxItem2 {
  color: #ffffff;
  padding-left: 20px;
  padding-bottom: 10px;
  font-size: 110%;
  background-image: url(../images/bullet_arrow.gif);
	background-repeat: no-repeat;
	background-position: left 3px;
}



/* footer */


#footerNav {
	width: 720px;
	margin-top: 10px;
	margin-left: 20px;
	float:left;
}

#copyright {
	width: 210px;
	margin-top: 10px;
	margin-right: 20px;
	color: #666666;
	float:right;
}


/* ******************** GENERAL LAYOUT STYLES ************************ */

.wideColumn {
  width: 725px;
  float:left;
}


.narrowColumn {
  width: 245px;
  float:right;
}

.bothColumns {
  width: 970px;
}


#pageContent {
	background-image: url(../images/page_dvdr.gif);
	background-repeat: repeat-y;
	background-position: right;
	padding-top: 25px;
	padding-left: 25px;
	padding-right: 30px;
	padding-bottom: 25px;
	width: 670px;
	font-size: 110%;
	color:#333333;
}

#pageContent H1 {
	color: #1b4d7b;
	font-family: "trebuchet MS", arial, helvetcia, sans-serif;
	font-size: 200%;
	font-weight:bold;
	margin-top: 0;
	margin-bottom: 20px;
}


#pageContent H2 {
	color: #1b4d7b;
	font-family: arial, helvetcia, sans-serif;
	font-size: 120%;
	font-weight:bold;
	margin-bottom: 0.7em;
}





/* link box in right margin */

.linkBox {
	padding: 10px; 
	font-size: 110%;
}

.linkItem {
	padding: 5px;
	border-bottom:dashed 1px #cccccc;
}


/* feature box in right margin */

.featureBox {
	padding: 15px; 
	font-size: 110%;
}

.featureBox img {
	padding-bottom: 15px;
	display:block;
}

.featureBox H2 {
	color: #1b4d7b;
	font-family: arial, helvetcia, sans-serif;
	font-size: 120%;
	font-weight:bold;
	margin-bottom: 0.7em;
	margin-top: 0;
}



/* ******************** LINK STYLES ************************ */


a {
 text-decoration: none;
 font-weight:bold;
}

a strong {
  color: #1b4d7b;
}

a:visited {
    color: #1b4d7b;
	}

a:link {
    color: #1b4d7b;
	}
	
a:active {
    color: #1b4d7b;
	}	
	
a:hover {
    color: #666666;
	}
	
	
a.linkWhite {
 text-decoration: none;
 font-weight:bold;
}

a.linkWhite:visited {
    color: #FFFFFF;
	}

a.linkWhite:link {
    color: #FFFFFF;
	}
	
a.linkWhite:active {
    color: #FFFFFF;
	}	
	
a.linkWhite:hover {
    color: #CCCCCC;
	}	


a.linkBlack {
 text-decoration: none;
 font-weight:bold;
}

a.linkBlack:visited {
    color: #000000;
	}

a.linkBlack:link {
    color: #000000;
	}
	
a.linkBlack:active {
    color: #000000;
	}	
	
a.linkBlack:hover {
    color: #666666;
	}

a.linkFooter {
 text-decoration: none;
}

a.linkFooter:visited {
    color: #666666;
	}

a.linkFooter:link {
    color: #666666;
	}
	
a.linkFooter:active {
    color: #666666;
	}	
	
a.linkFooter:hover {
    color: #1b4d7b;
	}




/* ******************** TEXT STYLES ************************ */

.textSize9 {
  font-size: 90%;
}

.textSize10 {
  font-size: 100%;
}

.textSize11 {
  font-size: 110%;
}

.textSize12 {
 font-size: 120%;  
}

.textGrey {
	color: #999999;
}


/* ******************** MISC ************************ */


.floatLeft {
	float: left;
}

.floatRight {
	float: right;
}

.clearBoth {
	clear: both;
	height: 0px;
}

.clearLeft {
	clear: left;
	height: 0px;
}

.clearRight {
	clear: right;
	height: 0px;
}

li {
	margin-left: 15px;
	padding-left: 0px;
	list-style-type: square;
}

p {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0.7em;
	margin-left: 0px;
}

.marginRight10 {
 margin-right: 10px;
}

/* ******************** NAVIGATION ************************ */

#mainNavWrapper {
width: 725px; 
height: auto; 
background-color:#1b4d7b;
}

/* first level */

#nav ul, #nav li {     
padding: 0;     
margin: 0;     
list-style: none; 
} 

#nav li a {     
display: block;     
width: auto;
/* background-color:#1b4d7b; */
font-size: 110%;
color: #FFFFFF;
line-height: normal;
padding: 0.8em 20px 0.8em 20px;
background-image: url(../images/nav_dvdr.gif);
background-repeat: no-repeat;
background-position: right;
} 

#nav li a:hover {
background-color:#143a69;
}

#nav li {     
float: left;     
/* width: auto; */
}


/* second level */

#nav li ul {     
position: absolute;     
width: 15em;
left: -999em; 
} 

#nav li:hover ul {     
left: auto; 
}

#nav li:hover ul, #nav li.sfhover ul {     
left: auto; 
}


#nav li ul li a {
background-image:url(../images/nav_bgrnd.png);
background-repeat:no-repeat;
background-position:top right;
width: 11em;
padding-top: 0.5em;
padding-right: 2em;
padding-bottom: 0.5em;
padding-left: 2em;
border-bottom:dotted 1px #FFFFFF;
/* background-color:#000000; */
/* filter:alpha(opacity=90);   Transparency - IE only filter */
/* opacity: 0.9;  Transparency - CSS */
/* -moz-opacity:0.9;  Transparency - Mozilla 1.6 and below */
}

#nav li ul li a:hover {
background-image:url(../images/nav_bgrnd_x.gif);
background-repeat:no-repeat;
background-position:top right;
}

/* .navItemLeft {
 width: 9em;
 float: left;
 background-color:#0000CC;
}

.navItemRight {
 width: 1em;
 float: right;
 background-color:#996633;
 text-align:right;
} */


/* third level */

#nav li ul ul {     margin: -2.5em 0 0 16.5em; } 

#nav, #nav ul {     padding: 0;     margin: 0;     list-style: none;     line-height: 1; } 

#nav li:hover ul ul, #nav li.sfhover ul ul {     left: -999em; } 

#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul {     left: auto; } 

#nav li ul li ul li a {
background-image:url(../images/nav_bgrnd2.png);
background-repeat:no-repeat;
background-position:top right;
}







/* ******************** NEWS ************************ */


.summaryItem {
	padding-bottom: 15px;
	border-bottom:dashed 1px #CCCCCC;
	margin-bottom: 15px;
	width: 670px;
}

.summaryItemText {
	width: 500px;
	float:left;
}

.summaryItemPic {
    width: 160px;
	float:right;
}

.summaryItemPic img {
	display:block;
}

.newsArticle {
	padding-bottom: 15px;
	border-bottom:dashed 1px #CCCCCC;
	margin-bottom: 15px;
	width: 670px;
}

#pageContent .newsArticle h2 {
	color: #1b4d7b;
	font-family: arial, helvetcia, sans-serif;
	font-size: 140%;
	font-weight:bold;
	margin-bottom: 1.4em;
}

.newsArticleText {
	width: 100%;
	float:left;
}

.newsArticlePic {
	float:right;
}

.newsArticlePic img {
	display:block;
}



/* ******************** PAGE CONTENT LAYOUTS ************************ */



.twoEqualColumns {
	width: 670px;
	margin-bottom: 0.7em;
}

.twoEqualColumns .left {
	width: 330px;
	float: left;
}

.twoEqualColumns .left img {
	/* display: block; */
	vertical-align:bottom;
}

.twoEqualColumns .right {
	width: 330px;
	float: right;
}

.twoEqualColumns .right img {
	/* display: block; */
	vertical-align:bottom;
}


/* two small pics on the left with wide column on the right   */

.twoPicsLeft {
	width: 670px;
	margin-bottom: 0.7em;
}

.twoPicsLeft .pic1 {
	width: 160px;
	float: left;
	margin-right: 10px;
}

.twoPicsLeft .pic1 img {
	/* display: block; */
	vertical-align:bottom;
}

.twoPicsLeft .pic2 {
	width: 160px;
	float: left;
	margin-right: 10px;
}

.twoPicsLeft .pic2 img {
	/* display: block; */
	vertical-align:bottom;
}

.twoPicsLeft .right {
	width: 330px;
	float: right;
}



/* four small pics across the page width   */

.fourPics {
	width: 670px;
	margin-bottom: 0.7em;
}

.fourPics .pic1, .fourPics .pic2, .fourPics .pic3 {
	width: 160px;
	float: left;
	margin-right: 10px;
}

.fourPics .pic4 {
	width: 160px;
	float: right;
}

.fourPics .pic1 img, .fourPics .pic2 img, .fourPics .pic3 img, .fourPics .pic4 img  {
	/* display: block; */
	vertical-align:bottom;
}


	
/* blue feature box */	
	
.featureBoxBlue {
	background-color: #CBE5FF;
	padding: 10px 10px 15px 10px;
	margin-bottom: 0.7em;
	background-image:url(../images/top_corner_white.gif);
	background-repeat:no-repeat;
	background-position:top right;
	color: #333333;
}

.featureBoxBlue h3 {
	color:#1b4d7b;
	margin-bottom: 0.7em;
	font-size: 120%;
}

.featureBoxBlue ul li {
list-style:square;
}


/* grey feature box */	
	
.featureBoxGrey {
	background-color: #DAE0E0;
	padding: 10px 10px 15px 10px;
	margin-bottom: 0.7em;
	background-image:url(../images/top_corner_white.gif);
	background-repeat:no-repeat;
	background-position:top right;
	color: #333333;
}

.featureBoxGrey h3 {
	color:#1b4d7b;
	margin-bottom: 0.7em;
	font-size: 120%;
}

.featureBoxGrey ul li {
list-style:square;
}



/* 2 pic box */	

.twoPicBox {
	width: 330px;
	margin-top: 0.7em;
	margin-bottom: 0.7em;
}

.twoPicBox .left {
	width: 160px;
	float: left;
	margin-right: 10px;
}

.twoPicBox .left img {
	vertical-align:bottom;
}

.twoPicBox .right {
	width: 160px;
	float: right;
}

.twoPicBox .left img {
	vertical-align:bottom;
}



/* ******************** BREADCRUMBS ************************ */

#breadcrumb {
 margin-bottom: 10px;
 }

#breadcrumb a {
 text-decoration: none;
}

#breadcrumb a:visited {
    color: #999999;
	}

#breadcrumb a:link {
    color: #999999;
	}
	
#breadcrumb a:active {
    color: #999999;
	}	
	
#breadcrumb a:hover {
    color: #1b4d7b ;
	}


/* ******************** CONTACT FORM PAGE ************************ */



#contactForm {

}


#contactForm .left {
	width: 100px;
	float: left;
	font-size: 100%;	
}

#contactForm .right {
	width: 230px;
	float: right;
	font-size: 100%;	
}


#contactForm .formfield {
	width: 100%;
	padding:2px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	margin-bottom:2px;
}

#contactForm .textarea {
	width: 100%;
	padding:2px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	margin-bottom:2px;
}

#contactForm .selectmenu {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	width: 120px;
}

#contactForm .submit_button {
	background-color: #1b4d7b;
	color: #ffffff;
	font-size: 1.2em;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-transform:lowercase;
	cursor:pointer;
	padding: 5px;
	border: 0;
}




#map {
	background-color:#FFFFFF;
	width: 468px;
}

#map p {
	margin-left: 13px;
	margin-right: 13px;
	text-align:center;
	
}



/* ******************** PAGE LINKS ************************ */

.pageLinks {
	width: 670px;
	padding-bottom: 20px;
}

.pageLinksLeft {
	width: 70px;
	float: left;
}

.pageLinksMiddle {
	width: 510px;
	padding: 0 10px 0 10px;
	float: left;
	text-align:center;
}

.pageLinksMiddle a.selected {
	color:#999999;	
	}

.pageLinksRight {
	width: 70px;
	float: right;
	text-align: right;
}


/* ******************** SEARCH PAGE ************************ */


.searchItem {
	width: 670px;
	padding-bottom: 0.7em;
	border-bottom:dashed 1px #CCCCCC;
	margin-bottom: 0.7em;
}

.searchNumber {
	width: 70px;
	float: left;
}

.searchText {
	width: 600px;
	float: right;
}