/***********************************************/
/* Website Northern Ireland (websiteni.com)    */
/***********************************************/

/***********************************************/
/* HTML tag styles                             */
/***********************************************/ 

body{
	font-family: Verdana,Arial,sans-serif;
	color: #666666;
	line-height: 1.166;	
	margin: 0px;
	padding: 0px;
	width: 764px;
    text-align: center;
	margin: 0 auto;
}

a:link, a:visited, a:hover {
	color: #EC151A;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

#topLinks a:link, #topLinks a:visited {
	color: #FFF;
	text-decoration: none;
}

#topLinks a:hover {
    /* color: #666; */
	text-decoration: none;
}

#contentHomePage  a:link, #contentHomePage  a:visited {
	color: #666666;
	text-decoration: none;
}

#contentHomePage a:hover {
    color: #EC151A;
    text-decoration: underline;
}

#loginForm  a:link, #loginForm  a:visited {
	color: #000000;
	text-decoration: underline;
}

#loginForm a:hover {
    color: #FFF;
    text-decoration: none;
}

/* overrides decoration from previous rule for hovered links */

h1, h2, h3, h4, h5, h6 {
	font-family: Arial,sans-serif;
	margin: 0px;
	padding: 0px;
}

h1{
 font-size: 32px;
 /* color: #EC151A; */
 color: #F3F3E1;
}

h2{
 font-size: 114%;
 color: #F3F3E1;
}

h3{
 font-size: 100%;
 color: #EC151A;
 padding-top:5px;
}

h4{
 font-size: 18px;
 color: #FFF;
}

h5{
 font-size: 16px;
 margin-top:10px;
 margin-bottom:10px;
}

label{
 font: bold 100% Arial,sans-serif;
 color: #334d55;
}
				

/***********************************************/
/* Layout Divs                                 */
/***********************************************/

#maincontainer {
    width: 764px;
	text-align:left;
	margin-bottom:20px;
}

#masthead {
	margin: 0;
	padding: 0px 0px;
	border-bottom: 1px solid #ccc;
	width: 764px;
	height:190px;
}
#headerbg {
   background-image:url(../images/headerbg.jpg);
   background-repeat:no-repeat;
   width:764px;
   height:150px;
}

#Vheaderbg {
   background-image:url(../images/headerbg.jpg);
   background-repeat:no-repeat;
   width:764px;
   height:150px;
}

#navBar{
	background-color: #FFFFFF;
	/* border-right: 1px solid #ccc; */
	/* border-bottom: 1px solid #ccc; */
	width: 179px;
	padding-top: 16px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
	margin:0px;
}

#content{
    margin-top: 16px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right:0px;
	float:right;
	width: 564px;
	padding: 0px;
}

#contentHomePage{
    margin-top: 16px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right:0px;
	width: 764px;
	padding: 0px;
	height:320px;
}

#borderContent {
	margin: 5px 0 0 0;
	padding: 0;
	width:561px;
	height:auto;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: dotted;
	border-right-style: dotted;
	border-bottom-style: dotted;
	border-left-style: dotted;
	border-top-color: #ccc;
	border-right-color: #ccc;
	border-bottom-color: #ccc;
	border-left-color: #ccc;
	border-top-width: 0px;
}

/****** Main Content Settings ******/

#mainContent {
    height:auto;
   /* height:265px; */
}

#scoller {
    /* height:235px; */
	/* overflow-y:auto; */
	/* overflow-x:hidden; */
}

#pageheaderBG {
	background-image:url(../images/pageheaderBG.jpg);
	background-repeat: no-repeat;
	width: 561px;
	height: 28px;
}
#pageheaderHomePage {
    background-color:#CCCCCC;
	width: 764px;
	height: 28px;
}

/*************** #Home Page Image Display **************/
#contentHomePage ul {
    list-style-type: none;
}

#contentHomePage li {
	display: block;
	float:left;
	margin:0;
	padding:10px;
	width:200px;
	height:120px;
}

/***********************************************/
/*Component Divs                               */
/***********************************************/

#siteLogo{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 80px 10px;
	height:78px;
	width:150px;
}

#siteLogo img {
    margin: 30px 0px 0px 0px;
}

#topLinks {
	margin-top:0px;
	margin-left:0px;
	padding: 0px 10px 0px 0px;
	height: 75px;
	float: right;
	font-size: 12px;
	padding-left: 1em;
}

#topLinks ul {
    list-style-type: none;
    padding: 0;
    margin-left: 0;
	/* background-image:url(../images/topnavbg.gif); */
	/* background-repeat:no-repeat; */
	height:20px;
	width:373px;
	text-align:right;
}

#topLinks li {
    background-image: url(../images/arrow.gif);
	background-repeat: no-repeat;
	background-position: 0 4px;
	padding-left: 1em;
	line-height: 20px;
	display: inline;
}

#globalNav ul li {
    list-style-type: none;
}

#callNow {
	margin: 20px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 179px;
	text-align: left;
	text-indent: 23px;
}

#callNowMain {
	margin: 20px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 179px;
	text-align: left;
	text-indent: 23px;
}

#leftnavImg {
	background-image:url(../images/leftnavtop.jpg);
	background-repeat: no-repeat;
	margin-top:0px;
	width: 179px;
	height: 28px;
}

#leftnavImg H3 {
    color: #334d55;
	font-size: 90%;
}

/*************** #pageHeader Images **************/

#fontColor H1{
    color:#fff;
	text-shadow: #555 3px 3px 20px;
}

H6 {
    color:#fff;
	font-size: 100%;
	padding-top:5px;
	text-shadow: #555 3px 3px 20px;
}

#pageheaderImgGeneric {
	background-image:url(../images/pagebannerGeneric.jpg);
	background-repeat: no-repeat;
	margin-top:0px;
	width: 564px;
	height: 156px;
}

#pageheaderImgSupport {
	background-image:url(../images/pagebannersupport.jpg);
	background-repeat: no-repeat;
	margin-top:0px;
	width: 564px;
	height: 156px;
}

#pageheaderImgPartners {
	background-image:url(../images/pagebannerpartners.jpg);
	background-repeat: no-repeat;
	margin-top:0px;
	width: 564px;
	height: 156px;
}

#pageheaderImgV1 {
	background-image:url(../images/pagebannerV1.jpg);
	background-repeat: no-repeat;
	margin-top:0px;
	width: 564px;
	height: 156px;
}
#pageheaderImgV2 {
	background-image:url(../images/pagebannerV2.jpg);
	background-repeat: no-repeat;
	margin-top:0px;
	width: 564px;
	height: 156px;
}
#pageheaderImgV3 {
	background-image:url(../images/pagebannerV3.jpg);
	background-repeat: no-repeat;
	margin-top:0px;
	width: 564px;
	height: 156px;
}
#pageheaderImgV4 {
	background-image:url(../images/pagebannerV4.jpg);
	background-repeat: no-repeat;
	margin-top:0px;
	width: 564px;
	height: 156px;
}
#pageheaderImgV5 {
	background-image:url(../images/pagebannerV5.jpg);
	background-repeat: no-repeat;
	margin-top:0px;
	width: 564px;
	height: 156px;
}
#pageheaderImgV6 {
	background-image:url(../images/pagebannerV6.jpg);
	background-repeat: no-repeat;
	margin-top:0px;
	width: 564px;
	height: 156px;
}

/*************** #pageName styles **************/

#pageName{
	padding: 0px 0px 10px 10px;
}


/************* #globalNav styles **************/

#globalNav {
    color: #ccc;
    margin: 0px;
    padding: 0px 0px 0px 0px;
    white-space: nowrap;
	line-height: 32px;
	vertical-align:middle;
    background-image:url(../images/bg.jpg);
	background-repeat:no-repeat;
}
/* 'nowrap' prevents links from line-wrapping if there are too many to fit in one line
   this will force a horizontal scrollbar if there isn't enough room for all links
   remove rule or change value to 'normal' if you want the links to line-wrap */

#globalNav img{
    display: block;
}

#globalNav ul {
	margin: 0px;
}

#globalNav a {
	color: #EC151A;
	font-size: 13px;
	font-weight:bold;
}

#globalNav a:hover {
	text-decoration: none;
	color:#666666;
	font-weight:bold;
	font-size: 13px;
}


#globalNav li {
	display: block;
	clear: left;
	display: inline;
	font-size: 13px;
	margin-top: 0px;
	padding-left: 0px;
}


body.section1 #globalNav .one a { color:#666666; }

body.section2 #globalNav .two a { color:#666666; }

body.section3 #globalNav .three a { color:#666666; }

body.section4 #globalNav .four a { color:#666666; }

body.section5 #globalNav .five a { color:#666666; }

body.section6 #globalNav .six a { color:#666666; }


/************** .content styles *****************/

.content {
	clear: both;
	padding: 10px 0px 10px 0px;
	font-size: 12px;
}

.content p {
	padding: 0;
	font-size: 12px;
}

#content ul  {
    list-style-type: none;
}

#content li {
    background-image:url(../images/arrow.gif);
    background-repeat: no-repeat;
	background-position: 0 .5em;
	padding-left: 2em;
	margin-left: -20px;
	line-height: 20px;
}

#loginForm {
   margin:10px 124px 0px 124px;
   width:300px;
   height:300px;
   background-image:url(../images/loginbackground.gif);
   color:#FFFFFF;
}

/************* #siteInfo FOOTER styles ***************/

#siteInfo{
	border-top: 3px solid #EC151A;;
	font-size: 10px;
	color: #666;
	padding: 5px 0px 10px 10px;
    margin: 5px 0px 0px 0px;
	width: 753px;
	line-height: 25px;
	text-align:center;
	float:right;
}

/* negative top margin pulls siteinfo up so its top border overlaps (and thus lines up with)
	the bottom border of the navBar in cases where they "touch" */

#siteInfo img{
	margin: 0px;
	padding:0px;
	padding: 4px 4px 4px 0px;
	vertical-align:middle;
}


/*********** #navBar link styles ***********/

#navBar ul a:link, #navBar ul a:visited {display: block;}
#navBar ul {list-style: none; margin: 0 0 0 0; height: 140px; padding: 0;}

/* hack to fix IE/Win's broken rendering of block-level anchors in lists */
#navBar li {border-bottom: 1px solid #eee; margin: 0px; padding: 0;}


/*********** .relatedLinks styles ***********/

.relatedLinks{
	font-size: 13px;
	line-height: 2.5em;
	padding:0px;
	margin:0px;
}

.textIndent {
    text-indent: 12px;
}

/*********** CROSS-COMPATIBILITY ***********/

.relatedLinks#hack {
   line-height: 0px;
}

* html .relatedLinks#hack {
   line-height: 0px;
}

* html #topLinks { margin-top:12px; }

* html #maincontainer { margin-bottom:0px; }