@charset "UTF-8";

#mainmenu {
	margin-left: 0px;
	width: 200px;
	_width:174px;
	padding: 0;
	float:left;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #E0E0E0;
	background-color: #FFFFFF;
	margin-top: 30px;
}

/* Hides from IE5-mac \*/
* html #main-menu {width: 174px;}
/* End hide from IE5-mac */

#mainmenu ul
{
	list-style: none;
	margin-left: 0;
	padding: 0;
	margin-top: 0px;
	margin-bottom: 0px;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

#mainmenu li
{
	margin: 0;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E0E0E0;
}

#mainmenu li a
{
	font-size: 95%;
	display: block;
	color: #595959;
	text-decoration: none;
	_width: 100%;
	font-weight: bold;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 20px;
}

html>body #mainmenu li a { width: auto; }

#mainmenu li a:hover
{
	background-color: #EEEEEE;
	background-image: url(../images/active_bkgrd.png);
	background-repeat: repeat-y;
}

#mainmenu li li
{
	margin: 0;
	border-top-width: 1px;
	border-bottom-width: 0;
	border-top-style: solid;
	border-top-color: #E0E0E0;
}

#mainmenu li li a
{
	font-size:85%;
	display: block;
	color: #7B1E00;
	text-decoration: none;
	width: 164px;
	padding-left: 30px;
	background-image: url(../images/submenu-bullet3a.gif);
	background-repeat: no-repeat;
	background-position: left center;
	font-weight: normal;
	background-color: #F8F8FA;
}
#main-content #pagePhoto img{
	margin-bottom: 10px;
	margin-top: 0px;
}

#main-content #pagePhoto .flashFeature{
	margin-bottom: 10px;
	margin-top: 0px;
}


#main-content h2 {
	margin-top: 0px;

}

/* -------------------------------------------------------- THE VIEW LAYOUT ------------------------------------------------------- */

#main #viewContent {
	float: left;
	width: 730px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 20px;
	_margin-left:10px;
}
#main #viewContent #articleContent {
	float: left;
	width: 708px;
	border: 1px dotted #CCCCCC;
	margin-top: 10px;
	padding: 10px;
	margin-right: 0px;
}
#main #viewContent #articleContent h4 {
	font-size: 140%;
	margin-top: 0px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	padding-bottom: 10px;
}

#main #viewContent #articleContent p {
	line-height: 1.4em;
	margin-top: 0px;
}

#main #viewContent #articleContent img.borderLeft {
	float: left;
	border: 1px solid #CCCCCC;
	margin-bottom: 10px;
	margin-right: 20px;
	margin-left: 10px;
}

#main #viewContent #articleContent img.borderRight {
	float: right;
	border: 1px solid #CCCCCC;
	margin-bottom: 10px;
	margin-right: 10px;
	margin-left: 20px;
}
#main #viewContent #articleContent img.rightNoBorder {
	float: right;
	margin-bottom: 10px;
	margin-left: 10px;
}

#main #viewContent #articleContent .articlehr {
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #CCCCCC;
	margin-top: 20px;
	margin-bottom: 10px;
}

#main #viewContent #articleContent .articlehr hr {
	display: none;
}


#main #viewContent #articleRight {
	float: right;
	width: 230px;
	margin-top: 0px;
	margin-left: 10px;
}

#main #viewContent #articleRight .moreInfo {
	width: 208px;
	border: 1px dotted #CCCCCC;
	padding: 10px;
	margin-top: 0px;
	margin-bottom: 10px;
}
#main #viewContent #articleRight .moreInfo h4 {
	font-size: 120%;
	color: #00697F;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	margin-top: 0px;
	padding-bottom: 10px;
}
#main #viewContent #articleRight .moreInfo ul {
	padding-left: 10px;
	list-style-type: square;
	margin-left: 10px;
}
#main #viewContent #articleRight .moreInfo li {
	line-height: 1.4em;
	margin-bottom: 6px;
	font-size: 90%;
}

#main #viewContent #articleRight .moreInfo li {
	line-height: 1.4em;
	font-size: 90%;
}

#main #viewContent #articleRight table.genTblStyle {
	width: 100%;
	border: 1px solid #999999;
	border-collapse: collapse;
	font-size: 85%;
}

#main #viewContent #articleRight table.genTblStyle th {
	font-weight: bold;
	background-color: #EFEFED;
	text-align:left;
	padding:6px;
}

#main #viewContent #articleRight table.genTblStyle td {
	border: 1px solid #999999;
	padding:6px;
	
}

#main #viewContent h2 {
	margin-top: 0px;
	margin-bottom:0px;
	font-size: 160%;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #333333;
}
#main #viewContent #viewInside img.fullWidth {
	margin: 0px;
	padding: 0px;

}
#main #viewContent #viewInside h3 {
	background-color: #00697F;
	width: 710px;
	font-size: 200%;
	color: #FFFFFF;
	font-weight: bold;
	padding: 10px;
	margin-top: 1px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#main #viewContent #viewInside #fullWidthImage {
	width: 730px;
	margin-top: 10px;
	height: 300px;
}


#main #viewContent #viewLeadStory {
	height: 23.4em;
	background-image: url(../images/articles/motoring_730-front3.jpg);
	background-color: #00697F;
	margin-top: 10px;
}
#main #viewContent #viewLeadStory #viewLeadStoryText {
	width: 299px;
	height: 23.4em;
}
#main #viewContent #viewLeadStory #viewLeadStoryText h3 {
	font-size: 220%;
	color: #FFFFFF;
	font-weight: bold;
	margin-left: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	padding-bottom: 20px;
	margin-right: 10px;
	padding-top: 20px;
	margin-top: 0px;
}
#main #viewContent #viewLeadStory #viewLeadStoryText p {
	color: #FFFFFF;
	font-size: 120%;
	margin-right: 10px;
	margin-left: 10px;
	margin-bottom: 0px;
	font-weight: bold;
}
#main #viewContent #viewLeadStory #viewLeadStoryText p a {
	color: #FFFFFF;
}


#main #viewContent #viewLeadStory #viewLeadStoryText p a:hover {
	color: #B7F2FF;
}

#main #viewContent .fullwidthhr {
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #999999;
	margin-top: 10px;
	margin-bottom: 10px;
}

#main #viewContent .fullwidthhr hr {
	display: none;
}

#main #viewContent #viewSecondLevel {
	height: 15.7em;
}

#main #viewContent #viewSecondLevel #viewSecondLevelStory1 {
	width: 355px;
	background-color: #333333;
	float: left;
	height: 15.7em;
	margin-right: 8px;
	background-image: url(../images/articles/eyes_355.jpg);
	background-repeat: no-repeat;
}
#main #viewContent #viewSecondLevel #viewSecondLevelStory1 #viewSecondLevelStory1Text {
	width: 180px;
	height: 15.7em;
}

#main #viewContent #viewSecondLevel #viewSecondLevelStory1 h3 {
	font-size: 130%;
	color: #FFFFFF;
	margin-top: 5px;
	margin-left: 5px;
	width: 170px;
	margin-right: 5px;
}
#main #viewContent #viewSecondLevel #viewSecondLevelStory1 p {
	font-size: 110%;
	color: #FFFFFF;
	margin-left: 5px;
	width: 170px;
	margin-right: 5px;
	line-height: 1.2em;
}
#main #viewContent #viewSecondLevel #viewSecondLevelStory1 a {
	font-weight: bold;
	color: #FFFFFF;
}

#main #viewContent #viewSecondLevel #viewSecondLevelStory1 a:hover {
	color: #B7F2FF;
}

#main #viewContent #viewSecondLevel .vertHr {
	height: 15.7em;
	width: 10px;
	float: left;
	border-left-width: 1px;
	border-left-style: dotted;
	border-left-color: #999999;
}

#main #viewContent #viewSecondLevel .vertHr hr {
	display: none;
}
#main #viewContent #viewSecondLevel #viewSecondLevelStory2 {
	background-color: #333333;
	width: 355px;
	float: left;
	height: 15.7em;
	background-image: url(../images/articles/standard_355.jpg);
	background-repeat: no-repeat;
}

#main #viewContent #viewSecondLevel #viewSecondLevelStory2 h3 {
	font-size: 130%;
	color: #FFFFFF;
	margin-top: 5px;
	margin-left: 5px;
	width: 170px;
	margin-right: 5px;
}
#main #viewContent #viewSecondLevel #viewSecondLevelStory2 p {
	font-size: 110%;
	color: #FFFFFF;
	margin-left: 5px;
	width: 170px;
	margin-right: 5px;
	line-height: 1.2em;
}
#main #viewContent #viewSecondLevel #viewSecondLevelStory2 a {
	font-weight: bold;
	color: #FFFFFF;
}

#main #viewContent #viewSecondLevel #viewSecondLevelStory2 a:hover {
	color: #B7F2FF;
}

#main #viewContent #viewThirdLevel {
	height: 180px;
}
#main #viewContent #viewThirdLevel  a {
	color: #FFFFFF;
}

#main #viewContent #viewThirdLevel  a:hover {
	color: #B7F2FF;
}

#main #viewContent #viewThirdLevel h3 {
	font-size: 120%;
	margin-top: 125px;
	margin-left: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
}


#main #viewContent #viewThirdLevel .vertHr {
	height: 180px;
	width: 0px;
	float: left;
	border-left-width: 1px;
	border-left-style: dotted;
	border-left-color: #999999;
	margin-left: 9px;
	margin-right: 9px;
}

#main #viewContent #viewThirdLevel .vertHr hr {
	display: none;
}
#main #viewContent #viewThirdLevel #viewThirdLevelStory1 {
	float: left;
	height: 180px;
	width: 230px;
	background-image: url(../images/articles/map_230.jpg);
	background-color: #666666;
	background-repeat: no-repeat;

}

#main #viewContent #viewThirdLevel #viewThirdLevelStory2 {
	height: 180px;
	width: 230px;
	float: left;
	background-image: url(../images/articles/distraction_230.jpg);
	background-color: #666666;
	background-repeat: no-repeat;

}
#main #viewContent #viewThirdLevel #viewThirdLevelStory3 {
	height: 180px;
	width: 230px;
	float: left;
	background-image: url(../images/articles/innings_230.jpg);
	background-color: #666666;
	background-repeat: no-repeat;
}


#main #viewContent #viewFourthLevel {
	height: 180px;
}

#main #viewContent #viewFourthLevel  a {
	color: #FFFFFF;
}

#main #viewContent #viewFourthLevel  a:hover {
	color: #B7F2FF;
}
#main #viewContent #viewFourthLevel h3 {
	margin-top: 125px;
	font-size: 120%;
	margin-right: 5px;
	margin-left: 5px;
	margin-bottom: 5px;
}

#main #viewContent #viewFourthLevel .vertHr {
	height: 180px;
	width: 0px;
	float: left;
	border-left-width: 1px;
	border-left-style: dotted;
	border-left-color: #999999;
	margin-left: 9px;
	margin-right: 9px;
}

#main #viewContent #viewFourthLevel .vertHr hr {
	display: none;
}
#main #viewContent #viewFourthLevel #viewFourthLevelStory1 {
	height: 180px;
	width: 230px;
	background-image: url(../images/articles/rubble_230.jpg);
	float: left;
	background-color: #666666;
}
#main #viewContent #viewFourthLevel #viewfourthLevelStory3 {
	background-image: url(../images/articles/download.jpg);
	height: 180px;
	width: 230px;
	float: left;
	background-color: #666666;
}
#main #viewContent #viewFourthLevel #viewFourthLevelStory2 {
	background-image: url(../images/articles/roundup_230.jpg);
	height: 180px;
	width: 230px;
	float: left;
	background-color: #666666;
}










/* END THE VIEW LAYOUT */


#main #main-content h4 {
	padding-top: 10px;
}

#mainmenu li li a:hover {
	background-color: #eee;
	color: #333333;
}
#main #mainmenu .active {
	color: #00697F;
	background-image: url(../images/active_bkgrd.png);
	background-repeat: repeat-y;
	background-color: #EFEFEF;
}


#main-title {
	width: 100%;
	background-repeat: no-repeat;
	background-position: left top;
	background-image: url(../images/ttlbg-site.jpg);
	background-color: #330066;
}

.featurecolour1 {
	color: #CC0066;
	font-weight: bold;
}
.featurecolour2 {
	color: #CC0066;
}
#main #contactFooter {
	clear: both;
	padding-top: 10px;
}

#main #contactFooter p{
	margin-bottom: 0px;
	padding-right: 10px;
	padding-left: 10px;
	margin-right: 10px;
	margin-left: 10px;
	padding-top: 20px;
	text-align: center;
	font-size: 80%;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #E0E0E0;
	color: #999999;
}

#main #contactFooter p a {
	color: #999999;
}

#main #contactFooter p a:hover {
	color: #333333;
}

#pageImage {
	background-color: #FFFFFF;
	width: 549px;
	background-repeat: no-repeat;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
	margin-bottom: 10px;
}

#pagePhoto #pageImage * {
   padding:0px;
   margin:0px;
}


#pagePhoto #pageImage a {
	text-decoration:none;
	color: #FFFFFF;
}
#pagePhoto #pageImage #pageImageText a:hover {
	color: #FFFFCC;
}

#pagePhoto #pageImage #pageImageText {
	float: right;
	margin-top: 150px;
}

#pagePhoto #pageImage #pageImageText h2 {
	font-size: 220%;
	font-weight: bold;
	color: #FFFFFF;
	text-align:right;
	padding-left:10px;
	padding-right:12px;
	padding-top:12px;
}

#pagePhoto #pageImage #pageImageText p {
	font-size: 120%;
	font-weight: bold;
	color: #FFFFFF;
	text-align:right;
	text-align:right;
	padding-right:44px;
	padding-bottom:12px;
}

.border {
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCCCCC;
}

#main-rightbox {
	float: right;
	width: 150px;
	margin-top: 30px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 20px;
	font-size: 90%;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #E0E0E0;
}
#main #main-rightbox img.viewLogo {
	margin-bottom: 10px;
}

#main #main-rightbox h3 {
	font-size: 120%;
	color: #00697F;
}
#main #main-rightbox p {
	font-size: 95%;
}

#main #main-rightbox ul {
	list-style-type: square;
	font-size: 95%;
	margin-bottom: 20px;
}

#main #main-rightbox ul li {
	padding-left: 10px;
	margin-bottom: 6px;
}

#main #main-rightbox .rightColumn {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	margin-bottom:10px;
}

#main #main-rightbox .rightColumn .news {
	list-style-type: square;
	padding-left: 14px;
	font-size: 95%;
}
#main #main-rightbox .rightColumn .news li {
	background-image: none;
	padding-left: 0px;
}
#main #main-rightbox .rightColumn .news a {
	font-weight: bold;
	font-size: 110%;
}


#main #main-rightbox #textfield.searchBox {
	width: 110px;
}

#main #main-rightbox #button.searchButton {
	border: 1px solid #666666;
	font-size: 80%;
	width: 20px;
}

#main #main-content ul li {
	list-style-type: square;
	padding-bottom: 6px;
}

#main #main-content ol li {
	padding-bottom:6px;
}



#main #main-content #request legend {
	font-weight: bold;
	font-size: 110%;
}
#main #main-content #request label {
	font-weight: bold;
}

#main-content #newsList ul {
	padding: 0px;
	margin: 0px;
	clear: both;
}

#main-content #newsList ul li{
	display: block;
	background-repeat: no-repeat;
	background-position: 10px 8px;
	_height: 60px;
	min-height: 60px;
	list-style-type: none;
	position: relative;
	margin-top: 5px;
	margin-right: 10px;
	margin-bottom: 5px;
	margin-left: 10px;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 80px;
}

#main-content #newsList ul li a {
	font-weight: bold;
}

#main-content #newsList ul  li .date {
	font-size:0.9em;
	font-weight:bold;
}

#main-content #newsList ul li img {
	float: left;
	border: 2px solid #CCCCCC;
	margin-top:4px;
	position: absolute;
	left: 0;
}


#main-content p.post-footer {
	font-size: 80%;
}

#main-content .post {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #EFEFEF;
}


/* ---- RIGHT COLUMN ARTICLE LIST ---- */

#main #main-rightbox .rightColumn ul.articlelist {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#main #main-rightbox .rightColumn ul.articlelist li {
	display: block;
	_height: 55px;
	min-height: 55px;
	list-style-type: none;
	position: relative;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 55px;
	font-weight:bold;

}

#main #main-rightbox .rightColumn ul.articlelist li img {
	float: left;
	border: 2px solid #CCCCCC;
	margin-top:0px;
	position: absolute;
	left: 0;
}
#main #main-rightbox .rightColumn .articlelist a {
	font-weight:normal;
}

/* ---- END RIGHT COLUMN ARTICLE LIST ---- */