/***********************************************/
/* 3col_leftNav.css                             */
/* Use with template 3col_leftNav.html          */
/***********************************************/

/***********************************************/
/* HTML tag styles                             */
/***********************************************/ 

body{
	font-family: Arial,sans-serif;
	color: #333333;
	line-height: 1.166;	
	margin: 0px;
	padding: 0px;
	width: 900px;
	position: static;
}

a{
	color: #006699;
	text-decoration: none;
}

a:link{
	color: #006699;
	text-decoration: none;
}

a:visited{
	color: #006699;
	text-decoration: none;
}

a:hover{
	color: #006699;
	text-decoration: underline;
}

h1{
	font-family: Arial,sans-serif;
	font-size: 114%;
	color: #006699;
	margin: 0px;
	padding: 0px;
}

h2{
	font-family: Arial,sans-serif;
	font-size: 114%;
	color: #006699;
	margin: 0px;
	padding: 0px;
}

h3{
	font-family: Arial,sans-serif;
	font-size: 100%;
	color: #334d55;
	margin: 0px;
	padding: 0px;
}

h4{
 	font-family: Arial,sans-serif;
 	font-size: 100%;
 	font-weight: normal;
 	color: #333333;
 	margin: 0px;
 	padding: 0px;
}

h5{
 	font-family: Verdana,Arial,sans-serif;
 	font-size: 100%;
 	color: #334d55;
 	margin: 0px;
 	padding: 0px;
}

h6{
	font-family: Arial,sans-serif;
 	font-size: 70%;
 	color: #334d55;
 	margin: 0px;
 	padding: 0px 0px 2px 10px;
}

ul{
 	list-style-type: square;
}

ul ul{
 	list-style-type: disc;
}

ul ul ul{
 	list-style-type: none;
}

label{
 	font-family: Arial,sans-serif;
 	font-size: 100%;
 	font-weight: bold;
 	color: #334d55;
}

img{
	border: none;
}

/***********************************************/
/* Layout Divs                                 */
/***********************************************/

#masthead{
	padding: 10px 0px 0px 0px;
	width: 800px;
	min-width: 800px;
	position: static;
}

#navBar{
	float: left;
	width: 200px;
	margin: 0px;
	padding: 0px;
	background-color: #eeeeee;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	position: static;
}

#headlines{
  	float:right;
	width: 20%;
	border-left: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	padding-right: 10px;
}

#content{
	float: left;
  	width: 620px;
	position: static;
	text-align: justify;
}

.contact{
	padding: 5px;
	text-align: justify;
	font-size: 80%;
}

/***********************************************/
/* Components                                  */
/***********************************************/

#siteName{
	margin: 0;
	padding: 0 0 0 10px;
}


/************* #globalNav styles **************/

#globalNav{
	padding: 0px 0px 5px 10px;
	border-bottom: 1px solid #CCC;
	border-top: 1px solid #CCC;
	color: #cccccc;
	width: 810px;
}

#globalNav img{
 	display: block;
}

#globalNav a {
	font-size: 90%;
	padding: 0 4px 0 0;
}

/*************** #pageName styles **************/

#pageName{
	margin: 0px;
	padding: 0px 0px 0px 10px;
}

/************* #topnav styles *************/

#topnav{
	font-size: 80%;
	padding: 2px 0px 0 10px;
	margin: 0;
	background-color: #FFFFFF;
	/*border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;*/

}

#topnav ul{
	padding: 0;
	margin: 0;	
	line-height: 200%; 
}

#topnav ul li{
	display: inline;
	padding: 0;
	margin: 0;
}

#topnav ul li a{
	color: #b70000;
	background-color: #eeeeee;
	text-decoration: none;
	border-right: 1px solid #dddddd;
	border-left: 1px solid #dddddd;
	border-top: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
	padding: 2px 20px 2px 20px;
	text-align: center;
	/* width: 75px; */
} 

#topnav ul li a:hover{
	background-color: #dddddd;
}

#topnav ul li a:focus{
	background-color: #dddddd;
}
/************** .feature styles ***************/

.feature{
	font-size: 80%;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 10px;
	margin: 0;
}

.feature h3{
	padding: 0px 0px 5px 0px;
	text-align: center;
}

.feature img{
	float: left;
	padding: 0px 10px 0px 0px;
}

.feature p{
	text-align: justify;
}

/************** .story styles *****************/

.story{
	clear: both;
	padding: 10px 0px 0px 10px;
	margin: 0;
	font-size: 80%;
}

.story p{
	padding: 0px 0px 10px 0px;
}

/************** .inner styles *****************/

.column{
	position: relative;
	width: 290px;
	float: left;
	font-size: 80%;
	padding: 10px;
	margin: 0;
}

.colorcolumn{
	position: relative;
	width: 290px;
	float: left;
	font-size: 80%;
	padding: 10px;
	margin: 0;
	background-color:#CCCCCC
}

.column h2{
	padding: 0px 0px 0px 5px;
}

.column p{
	padding: 0px 0px 0px 0px;
	text-align: justify;
}

.column img{
	float: left;
	padding: 5px 5px 0px 0px;
}

.searchcolumn{
	width: 620;
	font-size: 80%;
	padding: 10px;
	margin: 0;
}

/************** .column_g styles *****************/

.column_g{
	position: relative;
	width: 285px;
	float: left;
	font-size: 80%;
	padding: 10px;
	margin: 0;
	background-color: #eeeeee;
	border-right: 1px solid #dddddd;
	border-left: 1px solid #dddddd;
	border-top: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
	
}

.column_g h2{
	padding: 0px 0px 0px 5px;
}

.column_g p{
	padding: 0px 0px 0px 0px;
	text-align: justify;
}

.column_g img{
	float: left;
	padding: 5px 5px 0px 0px;
}



/************* #siteInfo styles ***************/

#siteInfo{
	clear: both;
	font-size: 75%;
	color: #cccccc;
	padding: 10px 10px 10px 10px;
	width: 800px;
}

#siteInfo img{
	padding: 4px 4px 4px 10px;
	vertical-align: middle;
}


/************* #search styles ***************/

#search{
	padding: 5px 0px 5px 10px;
	border-bottom: 1px solid #cccccc;
	font-size: 90%;
}

#search form{
 	margin: 0px;
 	padding: 0px;
}

#search label{
	display: block;
	margin: 0px;
	padding: 0px;
}


/*********** #navBar link styles ***********/

#navBar ul a:link, #navBar ul a:visited {
	display: block;
}

#navBar ul {
	list-style: none; 
	margin: 0; 
	padding: 0;
}

/* hack to fix IE/Win's broken rendering of block-level anchors in lists */
#navBar li {
	border-bottom: 1px solid #EEE;
}

/* fix for browsers that don't need the hack */
html>body #navBar li {
	border-bottom: none;
}


/*********** #sectionLinks styles ***********/

#sectionLinks{
	position: relative;
	margin: 0px;
	padding: 0px;
	border-bottom: 1px solid #cccccc;
	font-size: 90%;
	width: 200px;
}

#sectionLinks h3{
	padding: 10px 0px 2px 10px;
}

#sectionLinks a {
	display: block;
	border-top: 1px solid #cccccc;
	padding: 2px 0px 2px 10px;
	color: #b70000;
}

#sectionLinks a:hover{
	background-color: #dddddd;
}


/*********** .relatedLinks styles ***********/

.relatedLinks{
	position: relative;
	margin: 0px;
	padding: 10px 10px 10px 10px;
	font-size: 80%;
	background-color: #B8B8B8
}

.relatedLinks h3{
	padding: 0px 0px 2px 0px;
}

.relatedLinks img{
	border: none;
}

.relatedLinks a:link,
.relatedLinks a:visited {
	display: block;
}

/************** #advert styles **************/

#advert{
	padding: 30px 0px 10px;
}

#advert img{
	display: block;
}


/************** #newsletter styles **************/

.leaftitle {
	font-weight: bold; 
	font-size: 16px; 
	color: #ff9900; 
	font-style: normal; 
	font-family: verdana, sans-serif; 
	text-decoration: none;
}

.title {
	font-weight: bold; 
	font-size: 11px; 
	color: #999966; 
	font-style: normal; 
	font-family: verdana, sans-serif; 
	text-decoration: none; 
	padding-left:5px;
}

.phphead,
a:active.phphead,
a:link.phphead,
a:hover.phphead,
a:visited.phphead {
	font-size: 14px; 
	color: #000000; 
	font-style: normal; 
	font-family: verdana, sans-serif; 
	text-decoration: none; 
	padding-left:20px;
}

.menulinkleft {
	margin : 0px; 
	padding : 0px;
}

.menulinkleft a:link, 
.menulinkleft a:active, 
.menulinkleft a:visited {
	font-family: verdana, sans-serif;
	font-size : 11px; 
	color : #000000;
	background-color : #F9F9F9; 
	font-weight: normal; 
	display : block; 
	text-align : left; 
	text-decoration : none; 
	padding-left: 5px;
	line-height : 15px;
	border-top: 2px white solid;
}

.menulinkleft a:hover {
	font-family: verdana, sans-serif;
	font-size : 11px; 
	color : #000000;
	background-color : #EBEBEB; 
	font-weight: normal; 
	display : block; 
	text-align : left; 
	text-decoration : none;
}


.menutable {
	background-color : white; 
	border-left : 1px black solid; 
	border-right : 1px black solid; 
	display : block; 
	width : 132px;
}

.menuhd {
	font-family: verdana, sans-serif;
	font-size : 11px; 
	color : black;
	background-color : #CCCC99; 
	font-weight: normal; 
	border-top: 1px black solid;  
	border-bottom: 1px black solid;
	display : block; 
	text-align : left; 
	text-decoration : none; 
	padding: 2px;
	vertical-align : top; 
	padding-left : 3px;
}

.bottom {
	font-family: verdana, sans-serif;
	font-size : 10px; 
	font-weight : bold; 
	padding: 2px; 
	padding-left:20px;
}

.input {
	font-family: verdana, sans-serif;
	font-size : 10px; 
	font-weight : normal;
}

.searchBoxinput {
	font-family: verdana, sans-serif;
	font-size : 11px; 
	font-weight : normal; 
	margin : 0px; 
	padding : 0px;
	color : #000000;
	border: 1px #999966 solid; 
	padding-left: 2px; 
	height: 15px; 
	width: 110px;
}

.dropdown {
	font-family: verdana, sans-serif;
	font-size : 11px; 
	font-weight : normal;
	margin : 0px; 
	padding : 0px;
	color : #000000;
	border: 1px #999966 solid; 
	padding-left:5px; 
	height:15px; 
	width:250px;
}

.addbutton {
	font-family: verdana, sans-serif;
	font-size : 11px; 
	font-weight : normal; 
	margin : 0px; 
	padding : 0px;
	color : #000000;
	border: 1px #999966 solid; 
	height:15px; 
	width:120px;
}

.submitsearch {
	font-family: verdana, sans-serif;
	font-size : 11px; 
	font-weight : normal; 
	margin : 0px; 
	padding : 0px;
	background-color: #DEDEB6;
	color : #000000; 
	border:1px #CCCC99 solid; 
	height:15px;
}

.menufill {
	font-family: verdana, sans-serif;
	font-size : 11px; 
	color: #000000;
	background-color: #CCCC99; 
	font-weight: normal; 
	text-align : left; 
	text-decoration : none; 
	padding: 0px;
	border-top: 1px white solid; 
	border-bottom: 1px white solid; 
	padding-left: 5px;
}

.rightmenufill {
	font-family: verdana, sans-serif;
	font-size : 11px; 
	color : #000000;
	background-color : #CCCC99; 
	font-weight: normal; 
	text-align : left; 
	text-decoration: none; 
	padding: 0px;
	border-top: 1px white solid; 
	border-bottom: 1px white solid; 
	padding-left: 5px;
}

.branchhd {
	font-family: verdana, sans-serif;
	font-size: 11px; 
	color: black;
	background-color: #DEDEB6; 
	font-weight: bold; 
	border-top: 1px black solid;  
	border-bottom: 1px black solid;
	display: block; 
	text-align: left; 
	text-decoration: none; 
	padding: 2px;
	vertical-align: top; 
	padding-left: 3px;
}

.branchaction {
	font-family: verdana, sans-serif;
	font-size: 11px; color: black;
	background-color: #DEDEB6; 
	font-weight: bold; 
	border-top: 1px black solid;  
	border-bottom: 1px black solid;
	display: block; 
	text-align: right; 
	text-decoration: none; 
	padding: 2px;
	vertical-align: top; 
	padding-left: 3px;
}

.branchaction2 {font-family: verdana, sans-serif;font-size : 11px; color : black;background-color : #DEDEB6; font-weight: bold; border-top: 1px black solid;  border-bottom: 1px black solid;display : block; text-align : left; text-decoration : none; padding: 2px;vertical-align : top; padding-left : 3px;}

.listorder {font-family: verdana, sans-serif;font-size : 10px; color : black; padding:0px; width:20px;}

.delete {font-family: verdana, sans-serif;font-size : 11px; color : red;background-color : #DEDEB6; font-weight: bold; border-top: 1px black solid;  border-bottom: 1px black solid;display : block; text-align : right; text-decoration : none; padding: 2px;vertical-align : top; padding-left : 3px;}

a.deletelink,
a:link.deletelink,
a:active.deletelink,
a:visited.deletelink  {font-family: verdana, sans-serif;font-size : 12px; color : red; font-weight: bold; text-align : right; text-decoration : none;}
a:hover.deletelink {color: #666633;}

a.branches {padding :2px;}
a:link.branches,
a:active.branches,
a:visited.branches  {font-family: verdana, sans-serif;font-size : 11px; color : #999966;background-color : #ffffff; font-weight: bold; text-align : middle; text-decoration : none; display:block;}
a:hover.branches {color: #666633;}

a.buttonpublish {border: 1px #999966 solid; padding :2px;}
a:link.buttonpublish,
a:active.buttonpublish,
a:visited.buttonpublish  {font-family: verdana, sans-serif;font-size : 11px; color : #999966;background-color : #ffffff; font-weight: bold; text-align : middle; text-decoration : none;}
a:hover.buttonpublish 

a.menuhelp {color : #000000;}
a:link.menuhelp,
a:active.menuhelp,
a:visited.menuhelp  {font-family: verdana, sans-serif;font-size : 11px; color : #999933;background-color : #CCCC99; font-weight: normal; text-align : right; text-decoration : none; padding: 0px;}
a:hover.menuhelp {font-family: verdana, sans-serif;font-size : 11px; color : #000000;background-color : #CCCC99; font-weight: normal; text-align : right; text-decoration : none; padding: 0px;}

a:link.urhere,
a:active.urhere,
a:visited.urhere  {font-family: verdana, sans-serif; font-size : 10px; color : black; font-weight: normal; text-align : left; text-decoration : none;}
a:hover.urhere  {font-family: verdana, sans-serif; font-size : 10px; color : #666666; font-weight: normal; text-align : left; text-decoration : none;}

.webblermenu {font-family: verdana, sans-serif; font-size : 11px; color : white; font-weight: normal; text-align : left; text-decoration : none; padding :5px; background-color : #ff9900; border: 1px solid black;}

a:link.powered,
a:active.powered,
a:visited.powered  {font-family: verdana, sans-serif; font-size : 10px; color : #666666;font-weight: bold; text-align : left; text-decoration : none; padding: 2px;}
a:hover.powered {color : #7D7B7B;}

 .email  {
	font-size : 12px;
	font-family : Arial, Helvetica, sans-serif;
	font-weight : bold;
	font-style : normal;
	color : blue;
	text-decoration : none;
}

.address  {
	font-size : 12px;
	font-family : Arial, Helvetica, sans-serif;
	font-weight : normal;
	font-style : normal;
	color : black;
	text-decoration : none;
}

a.url  {
	font-size : 12px;
	font-family : Arial, Helvetica, sans-serif;
	font-weight : bold;
	font-style : normal;
	color : black;
	text-decoration : none;
}

.listitem  {
	font-size : 12px;
	font-family : Arial, Helvetica, sans-serif;
	font-weight : normal;
	font-style : normal;
	color : black;
	text-decoration : none;
}

.listdescription  {
	font-size : 12px;
	font-family : Arial, Helvetica, sans-serif;
	font-weight : normal;
	font-style : normal;
	color : black;
	text-decoration : none;
}

.attributename  {
	font-size : 12px;
	font-family : Arial, Helvetica, sans-serif;
	font-weight : normal;
	font-style : normal;
	color : black;
	text-decoration : none;
}

.attributeinput  {
	font-size : 12px;
	font-family : Arial, Helvetica, sans-serif;
	font-weight : normal;
	font-style : normal;
	color : black;
	text-decoration : none;
}

.required {
	font-size : 12px;
	font-family : Arial, Helvetica, sans-serif;
	font-weight : normal;
	font-style : normal;
	color : red;
	text-decoration : none;
}

.missing {
	font-size : 14px;
	font-family : Arial, Helvetica, sans-serif;
	font-weight : bold;
	font-style : normal;
	color : red;
}

.error  {
	font-size : 12px;
	font-family : Arial, Helvetica, sans-serif;
	font-weight : normal;
	font-style : normal;
	color : red;
	text-decoration : none;
}

.info  {
	font-size : 12px;
	font-family : Arial, Helvetica, sans-serif;
	font-weight : normal;
	font-style : normal;
	color : magenta;
	text-decoration : none;
}

.botbar  {
	font-size : 11px;
	font-family : Arial, Helvetica, sans-serif;
	font-weight : bold;
	font-style : normal;
	color : white;
	text-decoration : none;
}
