@charset "utf-8";
/*uniDap style sheet */

html  { font: 100% Tahoma, Verdana, Arial, Helvetica, sans-serif; margin: 0; padding: 0; }
body  { font: 0.81em Tahoma, Verdana, Arial, Helvetica, sans-serif; background: #fff; margin: 0; padding: 0; text-align: center; color: #000000; }

/*Generic Text and Link Styles */
h1 { font-size: 2.33em; color:#6e7073; font-weight: normal; margin-bottom: 20px; padding-top: 40px; }  
h2 { font-size: 1.5em; color:#32415a; font-weight: bold; margin: 0.75em 0 0.25em 0; padding: 0; }  
h3 { font-size: 1.33em; color:#607e9d; font-weight: bold; margin: 0.75em 0 0.25em 0; padding: 0; }  
h4 { font-size: 1.17em; color:#607e9d; font-weight: normal; margin: 0.5em 0 0.1em 0; }  
h5 { font-size: 1em; color:#607e9d; font-weight: bold; }  
a img { border: none; }
a { color: #1266a5; text-decoration: none; }  
a:visited { color: #1266a5; }  
a:hover { text-decoration: underline; }
p { margin: 0 0 1em 0; }

/*Generic Page Layout Styles*/
.container { width: 960px; margin: 0 auto; text-align: left; } 
#header { background: #1374bb url(../images/header.jpg) repeat-x; padding: 0; height: 28px;}
#header p { margin: 0; padding: 6px 0; text-align:right; color: #e2f1fc; font-size: 0.85em; }
#header a { color: #d6e7f2;}
.logo { background: url(../images/unidap_logo_small.gif) no-repeat center top; height: 54px; width: 175px; display: block; cursor:pointer; text-align:center; } 
.home .logo { background: url(../images/unidap_logo.gif) no-repeat center top; height: 64px; width: 188px; margin: 40px 0 20px 203px; } 
.navtop { padding: 0 0 20px 0; margin: 0; }
.tagline { float: left; background:url(../images/tagline.gif) bottom left no-repeat; height:9px; width: 332px; margin-top: 9px;}
#sidebar1 { float: left; width: 175px; margin: 0 0 20px 0;  padding: 30px 0 0 0; }
#sidebar2 { float: right; width: 230px; margin: 10px 0 20px 0;}
#mainContent { margin: 0 0 30px 203px; padding: 0; } 
#subContent { margin: 30px 265px 0 0; } 
.clearfloat { clear:both; height:0; font-size: 1px; line-height: 0px; }
.container ul { margin: 6px 0 12px 0;} 

/*Home Page Styles*/
.home .logo { background: url(../images/unidap_logo.gif) no-repeat left top; height: 64px; width: 188px; margin: 40px 0 20px 0px; } 
.home #sidebar1 { padding-top: 0; }
.homepanel { background: url(../images/mainpanel_head.gif) no-repeat; font-size: 1.23em; padding: 15px 15px 10px 15px; margin: 0 265px 0 0; }
.homepanel p { margin: 0; }
.homepanel .magnify { border: none; float: right; margin-left: 10px;}
.homepanelfoot { background: url(../images/mainpanel_foot.gif) no-repeat; margin: 0 0 15px 0; height: 10px; }
.home .contactpic { background:url(../images/contact02.jpg) left bottom no-repeat; width: 79px; height: 70px; display: block; margin: 0;}
.home #sidebar2, .home #mainContent, .home #subContent { margin-top: 0;}
.home .panelpic { float: right; margin-left: 10px; width:219px; }
#homecols {  }
#homecol1 { float: left; width: 230px; margin: 0 33px 0 0;} 
#homecol2 { float: left; width: 230px; margin: 0 33px 0 0;} 
#homecol3 { float: right; width: 230px; margin: 0; }
.clientlogos { padding: 20px 0; }

/*Footer */
#footer { padding: 10px 0; background:#e2e2e2 url(../images/footer.jpg) repeat-x; color: #6e7073; } 
.footercol { float: left; width: 170px; margin-right: 27px; }
.footercol-last { float: left; width: 170px; margin-right: 0; }
#footer ul { margin: 0; padding: 0; }
#footer ul li { list-style-type:none; list-style-image:none; margin: 0; padding: 2px 0; font-size: 0.85em; }
#footer a { color: #6e7073; } 
.colhead { font-weight: bold; }

/*Main Nav menu in LH column - apply the class "selected" to the menu item for the current page*/
#nav { padding: 0 0 15px 0; line-height: 1em; }
#nav a { color: #6e7073;  padding: 4px 10px 4px 15px; background: #e4e4e4 url(../images/nav.jpg) repeat-x; padding: 4px 10px 4px 15px; display: block;}
#nav .level1 a:hover, #nav .level2 a:hover, #nav .special a:hover  { text-decoration: none; color: #fff; background: #7aaacd; }
#nav .level2 a { color: #607e9d; }
#nav .special a { color: #1266a5; }
#nav ul  { margin: 0; padding: 0; }
#nav ul li { list-style-type:none; list-style-image:none; margin: 0; padding: 0; }
#nav .level1 a { border-bottom: 1px solid #fff; }
#nav .level1 a.selected { background: #d0d0d0 url(../images/nav_on.jpg) repeat-x;  font-weight: bold; color: #6e7073;}
#nav .level2 a { background: #e7f1f7; font-size: 0.85em; }
#nav .level2 a.selected {background: #a1c3dc url(../images/nav_level2_on.jpg) repeat-x; font-weight: bold; color: #516a84; }
#nav .special a { background: #d6e7f2 url(../images/nav_special.jpg) repeat-x; border-bottom: 1px solid #fff; }
#nav .special a.selected {background: #a1c3dc url(../images/nav_level2_on.jpg) repeat-x; font-weight: bold; color: #1266a5; }

/*Contact box in LH column */
.contacthead { background:url(../images/header.jpg) repeat-x; padding: 5px 15px; color: #fff; font-weight: bold; }
.contacthead a { color: #fff; }
.contactbox { background:url(../images/narrowpanel.jpg) repeat-y; padding: 10px 15px 0 0; margin: 0; }
.contactbox p { margin: 0 0 0 15px; }
.phone { background:url(../images/icon_phone.gif) left bottom no-repeat; padding: 5px 0 0 20px; font-weight: bold; }
.email {background:url(../images/icon_email.gif) left bottom no-repeat; padding: 5px 0 0 20px; }
.contactfoot { background:url(../images/narrowpanel_footer.jpg) left bottom no-repeat; padding: 5px 0 1px 1px; margin: 0; }
.contactpic { background:url(../images/contact02.jpg) left bottom no-repeat; width: 79px; height: 70px; display: block; margin: 0;}
.contactdetails { background: url(../images/pointer01.gif) 0 10px no-repeat; padding: 5px 0 0 20px; }

/*Subnav (tabs) menu in main column - apply "selected" class to indicate current page. "Demo" is the last (highlighted) tab*/
#subnav ul { margin: 0; padding: 0 0 5px 0; background: url(../images/subnavrule.gif) bottom left repeat-x;}
#subnav ul li { display:inline; list-style-type:none; list-style-image:none; margin: 0;}
#subnav a { color: #6e7073;  padding: 4px 15px 4px 15px; margin: 0 3px 0 0; background: #eeeeee url(../images/subnav.jpg) repeat-x; border: 1px solid #ccc; }
#subnav .selected a { color: #607e9d; background-image:none; background-color: #fff; font-weight: bold; border-bottom: 1px solid #fff; }
#subnav .demo a { background: #1374bb url(../images/subnav_demo.jpg) repeat-x; color: #fff; font-weight: bold; border-color: #1475bb; }
#subnav a:hover { text-decoration: none; color: #1266a5; background-image:none; background-color: #e7f1f7; }
#subnav .demo a:hover { color: #d6e7f2; background: #1475bb; }

/*Page content styling*/
.bullet { margin: 20px 0 20px 0; padding: 0; } /* Apply bullet style to all text bullet lists */
.bullet li { list-style-type:none; list-style-image:none; margin: 3px 0; padding: 0; background:url(../images/bullet.gif) 0 5px no-repeat; padding-left: 14px; }
.intropanel { background: #4097d1 url(../images/mainpanel02_head.gif) no-repeat; color: #fff; font-size: 1.23em; padding: 15px; margin-bottom: 15px; } /*Coloured panel*/
.introtext { background: #f1f1f1; color:#6e7073; font-size: 1.23em; padding: 15px; margin-bottom: 15px; border: 1px solid #ccc;} /*Plain intro panel*/
.rule { border-bottom: 1px solid #ccc; font-size: 1px; line-height: 1px; margin: 6px 0; } /*Solid grey rule can be used to separate text/lists etc*/
.screenshot { background: url(../images/icon_magnify.gif) no-repeat right bottom; display: block; padding-top: 10px; cursor: 'pointer';} /*Adds mag glass graphic to screenshots*/
.pointerlink { background: url(../images/pointer02.gif) 0 4px no-repeat; padding-left: 14px; font-weight: bold; font-size: 0.85em; } /*pointer arrow before link*/
.quote { padding: 30px 0 0 0; margin: 15px 15px 3px 0; color:#6e7073;  font-size: 0.92em; line-height: 1.3em; } /*Customer quotes*/
.quotesource{ color: #213d6b; font-style: italic;  font-size: 0.85em; margin: 0 15px 0 0; line-height: 1.3em;} /*Name of person quoted*/
.button { background: #1374bb url(../images/btn.gif) repeat-x; color: #fff; font-weight: bold; font-size: 0.85em; padding: 3px 15px;} /*html buttons*/
.button a { color: #fff; } 
.mainpic { border-bottom: 1px solid #ccc; margin-bottom: 15px; padding: 10px 0;} /* For a big image in main column, Adds space, and a grey rule below*/
.magnify { border: 1px solid #ccc; } /* Apply to any image where you want to have the zoom function. Page head must include link to jquery files */
.splitcol1 { float: left; width: 230px; margin: 0 30px 0 0; padding:0; } /*If splitting the subContent area in two, this is the first column */
.splitcol2 { float: left; width: 230px; margin: 0 0 0 0; padding:0; } /*If splitting the subContent area in two, this is the second column */
.splitcolwide { float: left; width: 500px; margin: 0 0 0 0; padding:0; } /*If splitting the subContent area in two, this a wide column */
.splitcolthin { float: left; width: 150px; margin: 0 0 0 0; padding:0; } /*If splitting the subContent area in two, this a thin column */
.floatright { float: right; margin-left: 10px; margin-bottom: 10px; } /* Can be used to right-align an image within a text area */

#newclient { color:red; font-style:italic; text-align:center }