/*   MAIN SITE CONTAINERS & LAYOUT   */

body {
	font-size: 80%;
	margin: 0px auto;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	color:#555555;
	background-attachment: fixed;
	background-image: url(../images/bk.png);
	background-repeat: repeat-y;
	background-position: center top;
	background-color: #E5E5E5;
}

.container {
	width: 880px;
	padding: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

.clear {
	clear: both;
}


/*   HEADER   */

.header {
	float: none;
	width: 880px;
	margin-top: 10px;
	margin-bottom: 0px;
	background-attachment: scroll;
	background-color: #5D5DAD;
	background-image: url(../images/dumfriesgallowayonlinehead.png);
	background-repeat: no-repeat;
	background-position: center top;
	height: 80px;
	text-align: right;
}

.header h1 {
	font-family: tahoma, Arial, Helvetica, sans-serif;
	font-size: 16pt;
	color: #FFFFFF;
	font-weight: normal;
	margin-top: 0px;
	margin-right: 15px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 15px;
}

.header p {
	font-family: tahoma, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #FFFFFF;
	font-weight: normal;
	margin-top: 0px;
	margin-right: 15px;
	margin-bottom: 0px;
	margin-left: 0px;
}

/*   TITLE STRIP IMAGE   */

.titlestrip {
	background-attachment: scroll;
	background-image: url(../images/title.png);
	background-repeat: repeat-x;
	background-position: center center;
	height: 100px;
	width: 880px;
	margin-top: 5px;
	margin-bottom: 3px;
}

.titlestrip h1 {
	font-family: tahoma, Arial, Helvetica, sans-serif;
	font-size: 26pt;
	color: #5D5DAD;
	font-weight: normal;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 15px;
	padding-top: 20px;
}
.titlestrip h2 {
	font-family: tahoma, Arial, Helvetica, sans-serif;
	font-size: 18pt;
	color: #5D5DAD;
	font-weight: normal;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 15px;
	padding-top: 0px;
}

.titlestrip img {
	float: right;
	margin-left: 1px;
}


/*   MAIN NAVIGATION   */

#navcontainer
{
	padding: 0;
	height: auto;
	clear: both;
	width: 865px;
	background-color: #5D5DAD;
	border: 0;
	margin: 0;
	padding: 0;
	float: left;
	height: 21px;
	color: #FFFFFF;
	text-decoration: none;
	display: inline-block;
	font-size: 10pt;
	padding-top: 4px;
	padding-right: 8px;
	padding-left: 8px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FFFFFF;
	text-transform: none;
	font-weight: bold;
}

#navcontainer a:hover
{
	background-color: #8787D1;
}

#navcontainer #active a
{
	background-color: #8787D1;
}

#breadcrumb
{ 	height: 22px;
	clear: both;
	width: 880px;
	background-color: #5D5DAD;
	margin: 0;
	color: #FFFFFF;
	text-decoration: none;
	font-size: 10pt;
	padding-top: 4px;
	text-transform: none;
	font-weight: bold;
	text-indent: 10px;
}



/*   MIDDLE CONTENT  */

#contentstrip {
	width: 880px;
	clear: both;
	margin-top: 5px;
	background-attachment: scroll;
	background-image: url(../images/sidebk.png);
	background-repeat: repeat-y;
	background-position: left top;
	margin-bottom: 5px;
	float: left;
}


#rightbar {
	height: auto;
	width: 685px;
	float: right;
}

#rightbar li {margin-bottom: 10px;}

#copybox {line-height: 140%;}
#copybox li {margin-bottom: 14px}

#copybox h2{
	color: #5A5AA9;
	margin-top: 0px;
	margin-bottom: 0px;
	font-size: 1.4em;
	font-weight: normal;
	padding-top: 0px;
	padding-bottom: 0px;
}


#copybox h4{
	margin-top: 0px;
	margin-bottom: 0px;
	font-size: 1.1em;
	font-weight: bold;
	line-height: 150%;
}

#copybox a{
	color: #5A5AA9;
}



.highselection {
	border: 1px solid #8888D2;
	padding: 10px;
	background-attachment: scroll;
	background-image: url(../images/mainsshad.png);
	background-repeat: repeat-x;
	background-position: center top;
	margin-top: 22px;
	margin-bottom: 22px;
}

.highselection p{
	margin-top: 5px;
	margin-bottom: 5px;
}

.highselection li{
	margin-top: 5px;
	margin-bottom: 5px;

}

.highselectionleft {
	border: 1px solid #8888D2;
	padding: 10px;
	background-attachment: scroll;
	background-image: url(../images/mainsshad.png);
	background-repeat: repeat-x;
	background-position: center top;
	margin-top: 2px;
	margin-bottom: 2px;
	float: left;
	width: 195px;
}

.highselectionright {
	border: 1px solid #8888D2;
	padding: 10px;
	background-attachment: scroll;
	background-image: url(../images/mainsshad.png);
	background-repeat: repeat-x;
	background-position: center top;
	margin-top: 2px;
	margin-bottom: 2px;
	float: left;
	width: 410px;
	margin-left: 10px;
}

.highselectionleft img{
	padding: 1px;
	border: 3px solid #CCCCCC;
	margin-top: 1px;
	margin-right: 10px;
	margin-bottom: 1px;
	margin-left: 1px;
}


.midselection {
	border: 1px solid #8888D2;
	padding: 10px;
	background-attachment: scroll;
	background-image: url(../images/mainsshad.png);
	background-repeat: repeat-x;
	background-position: center top;
	margin-top: 2px;
	margin-bottom: 2px;
	clear: both;
}

.midselection img{
	padding: 1px;
	float: left;
	border: 3px solid #CCCCCC;
	margin-top: 1px;
	margin-right: 10px;
	margin-bottom: 1px;
	margin-left: 1px;
}

.midselection p{
	margin-top: 5px;
	margin-bottom: 5px;
}

.lowselection {
	border: 1px solid #dedede;
	padding: 10px;
	background-attachment: scroll;
	background-image: url(../images/lowshadow.png);
	background-repeat: repeat-x;
	background-position: center top;
	margin-top: 2px;
	margin-bottom: 2px;
	clear: both;
}

.lowselection p{
	margin-top: 5px;
	margin-bottom: 5px;
}




/*    SIDE NAV   */

#leftbar {
	height: auto;
	width: 180px;
	float: left;
	background-attachment: scroll;
	background-image: url(../images/sidebk.png);
	background-repeat: repeat-y;
	background-position: center top;
}


#leftnavcontainer
{
	padding: 0;
	width: 180px;
}


#leftnavcontainer ul
{
	border: 0;
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#leftnavcontainer ul li
{
	display: block;
}

#leftnavcontainer ul li a
{
	color: #5D5DAD;
	text-decoration: none;
	display: block;
	font-size: 9.5pt;
	background-color: #FFFFFF;
	width: 160px;
	margin: 2px 0px 2px 6px;
	border: 1px solid #A2A2E9;
	padding: 2px;
}

#leftnavcontainer ul li a:hover
{
	color: #FFFFFF;
	background-color: #8787D1;
	border: 1px solid #ffffff;
}



#leftnavcontainer ul li#active a
{
	color: #FFFFFF;
	background-color: #8787D1;
	border: 1px solid #ffffff;
	font-weight: bold;
}



#leftnavcontainer ul ul li a
{
	color: #5D5DAD;
	text-decoration: none;
	display: block;
	font-size: 9.5pt;
	background-color: #FFFFFF;
	width: 150px;
	margin: 2px 0px 2px 6px;
	border: 1px solid #A2A2E9;
	padding: 2px;
}



#leftnavcontainer ul ul li a:hover
{
	color: #FFFFFF;
	background-color: #8787D1;
	border: 1px solid #ffffff;
}


#leftnavcontainer ul ul li#sub a 
{background-color: #ffffff; color:#5D5DAD; font-weight: normal;}


#leftnavcontainer ul ul li#sub a:hover
{color: #FFFFFF; font-weight: normal;
	background-color: #8787D1;
	border: 1px solid #ffffff;
}

#leftnavcontainer ul ul li#sub2 a 
{background-color: #ffffff; color:#5D5DAD; font-weight: normal;}


#leftnavcontainer ul ul li#sub2 a:hover
{color: #FFFFFF; font-weight: normal;
	background-color: #8787D1;
	border: 1px solid #ffffff;
}


#leftnavcontainer ul ul li#sub3 a 
{background-color: #ffffff; color:#5D5DAD; font-weight: normal;}


#leftnavcontainer ul ul li#sub3 a:hover
{color: #FFFFFF; font-weight: normal;
	background-color: #8787D1;
	border: 1px solid #ffffff;
}

#leftnavcontainer ul ul li#sub4 a 
{background-color: #ffffff; color:#5D5DAD; font-weight: normal;}


#leftnavcontainer ul ul li#sub4 a:hover
{color: #FFFFFF; font-weight: normal;
	background-color: #8787D1;
	border: 1px solid #ffffff;
}

#leftnavcontainer ul ul li#sub5 a 
{background-color: #ffffff; color:#5D5DAD; font-weight: normal;}


#leftnavcontainer ul ul li#sub5 a:hover
{color: #FFFFFF; font-weight: normal;
	background-color: #8787D1;
	border: 1px solid #ffffff;
}

#leftnavcontainer ul ul li#sub6 a 
{background-color: #ffffff; color:#5D5DAD; font-weight: normal;}


#leftnavcontainer ul ul li#sub6 a:hover
{color: #FFFFFF; font-weight: normal;
	background-color: #8787D1;
	border: 1px solid #ffffff;
}


#leftnavcontainer ul ul li#sub7 a 
{background-color: #ffffff; color:#5D5DAD; font-weight: normal;}


#leftnavcontainer ul ul li#sub7 a:hover
{color: #FFFFFF; font-weight: normal;
	background-color: #8787D1;
	border: 1px solid #ffffff;
}


#leftnavcontainer ul ul li#sub8 a 
{background-color: #ffffff; color:#5D5DAD; font-weight: normal;}


#leftnavcontainer ul ul li#sub8 a:hover
{color: #FFFFFF; font-weight: normal;
	background-color: #8787D1;
	border: 1px solid #ffffff;
}

#leftnavcontainer ul ul li#sub9 a 
{background-color: #ffffff; color:#5D5DAD; font-weight: normal;}


#leftnavcontainer ul ul li#sub9 a:hover
{color: #FFFFFF; font-weight: normal;
	background-color: #8787D1;
	border: 1px solid #ffffff;
}

#leftnavcontainer ul ul li#sub10 a 
{background-color: #ffffff; color:#5D5DAD; font-weight: normal;}


#leftnavcontainer ul ul li#sub10 a:hover
{color: #FFFFFF; font-weight: normal;
	background-color: #8787D1;
	border: 1px solid #ffffff;
}

#leftnavcontainer ul ul li#sub11 a 
{background-color: #ffffff; color:#5D5DAD; font-weight: normal;}


#leftnavcontainer ul ul li#sub11 a:hover
{color: #FFFFFF; font-weight: normal;
	background-color: #8787D1;
	border: 1px solid #ffffff;
}

#leftnavcontainer ul ul li#sub12 a 
{background-color: #ffffff; color:#5D5DAD; font-weight: normal;}


#leftnavcontainer ul ul li#sub12 a:hover
{color: #FFFFFF; font-weight: normal;
	background-color: #8787D1;
	border: 1px solid #ffffff;
}

#leftnavcontainer ul ul li#sub13 a 
{background-color: #ffffff; color:#5D5DAD; font-weight: normal;}


#leftnavcontainer ul ul li#sub13 a:hover
{color: #FFFFFF; font-weight: normal;
	background-color: #8787D1;
	border: 1px solid #ffffff;
}

.leftextra {margin: 20px 20px 10px 10px; font-size: 8pt; border: 1px solid #A2A2E9; background-color: #FFF; padding: 3px; text-align: center;  }



/*   BOTTOM NAVIGATION   */

/* Footer */

#footer { 
	width: 90%; border-top: 1px solid silver;
	background-color: transparent;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333;
	text-align: left;
	line-height: 140%; clear: both;
	font-size: 7pt;
	margin-top: 30px;
}



/*   BOTTOM NAVIGATION   */

.botstrip {
	float: none;
	width: 880px;
	display: block;
	height: 55px;
	overflow: visible;
	clear: both;
	background-image: url(../images/botbk.png);
	background-color: #848283;
}

.botstripleft a{
	height: 18px;
	color: #FFFFFF;
	text-decoration: none;
	display: inline-block;
	font-size: 7pt;
	padding-top: 6px;
	padding-right: 8px;
	padding-left: 8px;
	text-transform: none;
	font-weight: bold;
	float: left;
}

.botstripleft a:hover{
	background-image: url(../images/botleft.png);
}

.botstripright a{
	height: 18px;
	color: #FFFFFF;
	text-decoration: none;
	display: inline-block;
	font-size: 7pt;
	padding-top: 6px;
	padding-right: 8px;
	padding-left: 8px;
	text-transform: none;
	font-weight: bold;
	float: right;
}

.botstripright a:hover{
	background-image: url(../images/botright.png);
	background-position: right top;
	background-attachment: scroll;
}


.small { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 80%; line-height: 130%;}

.smallex { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 80%; line-height: 130%; border-top: 1px silver solid; margin-top: 30px; }

.caps { text-transform: uppercase; }

h3 {margin-top: 20px; margin-bottom: 20px; line-height: 130%;}

.new {background-color: #BF0000; text-transform: uppercase; color: white; margin: 0px 0px 0px 10px; padding: 2px;}
.on {text-transform: uppercase;}