﻿body {
	background-image: url(images/background.jpg);
	background-repeat: repeat-x;
	background-color: white;
	margin: 0;
	padding: 0;
	text-align: center;
	font-family: arial;
	font-size: 85%;
}

/* UNIVERSAL PAGE FRAMEWORK */

#outer-container {
	width: 800px;
	margin: 0 auto;
	text-align: left;
	background-color: white;
	background-image: url(images/frontpage-container-background.jpg);
}

body.interior #outer-container {
	background-image:  url(images/interior-container-bg.jpg);
	margin-bottom: -16px; /*new style added to remedy IE7 dispaly bug*/
}

#container-spacer-left {
	width: 20px;
	float: left;
}

#container-spacer-right {
	width: 20px;
	float: left;
}

#inner-container {
	width: 760px;
	background-color: white;
	float: left;
}

#container-shadow-bottom {
	width: 800px;
	height: 15px;
	float: left;
}

br.cleardiv {
	clear:both;
	height:0;
	overflow: hidden;
}

/* MASTHEAD */

#masthead {
	width: 760px;
	height: 81px;
	float: left;
	background-image: url(images/masthead-background.gif);
}

#top-functions a, #top-functions a:visited {
	color: white;
	text-decoration: none;
}

#masthead #top-functions {
	float: right;
	height: 30px;
	width: 500px;
	color: white;
	text-align: right;
	margin-right: 5px;
	padding-top: 3px;
}

#top-function-navigation {
	float: right;
	height: 30px;
	padding-top: 3px;
}

#top-function-search {
	float: right;
	height: 30px;
	width: 180px;
}

#search-label {
	display: block;
	float: left;
	width: 40px;
	margin-top: 3px;
}

#search-input {
	float: left;
	width: 110px;
	margin-top: 3px;
}

#search-input input {
	border: 1px solid #C1D2E9;
	width: 100px;
	font-size: 75%;
	margin: 0;
	padding: 0;
}

#search-button {
	margin-top: 3px;
	margin-left: 3px;
	float: left;
}

#search-button input {
	border: 0;
	height: 15px;
	width: 18px;
}

#masthead #navigation {
	float: right;
	margin-right: 16px;
	height: 30px;
	width: 440px;
	margin-top: 0px;
	color: #005694;
	font-weight: bold;
}

* html body #masthead #navigation{
	margin-top: -3px;
	margin-right: 6px;
}


#navigation a, #navigation a:visited {
	color: #005694;
	text-decoration: none;
}

ul#udm li ul{
	width: 140px;
}



/* MAIN NAVIGATION */






/* FRONT PAGE SPECIFICS */

body.frontpage #outer-container {
	background-image: url(images/frontpage-container-background.jpg);
	height: 589px;
}

body.frontpage #inner-container {
	height: 574px;
}

#frontpage-bigimage {
	float: left;
	width: 576px;
	height: 433px;
}

#frontpage-sidebar {
	width: 184px;
	height: 433px;
	float: left;
}

#frontpage-sidebar a {
	text-decoration: none;
	display: block;
}

#frontpage-sidebar-top {
	width: 184px;
	height: 34px;
	float: left;
}

a#frontpage-sidebar-build {
	width: 184px;
	height: 51px;
	float: left;
}

a#frontpage-sidebar-secure {
	width: 184px;
	height: 51px;
	float: left;
}

a#frontpage-sidebar-manage {
	width: 184px;
	height: 51px;
	float: left;
}

a#frontpage-sidebar-grow {
	width: 184px;
	height: 51px;
	float: left;
}

#frontpage-sidebar-bottom {
        width: 184px;
        height: 194px;
        float: left;
         margin-right: -3px;
}

body.frontpage div#scrolling-news{
	width: 587px;
	margin: 10px 15px auto auto;
	float: right;
	color: #FFF;
	font-size: 12px;
}
body.frontpage div#scrolling-news a{
	color: white;
	text-decoration: none;
}
body.frontpage div#scrolling-news a:hover{
	color: #f8fbd0;
	text-decoration: none;
	font-weight: bold;
}
#frontpage-footer {
	width: 760px;
	height: 59px;
	background-image: url(images/frontpage-footer-background.gif);
	position: relative;
	top: 1px;
}

/* JULIA */

div.julia #frontpage-bigimage {
	background-image: url(images/julia/frontpage-bigimage.jpg);
}

div.julia #frontpage-sidebar-top {
	background-image: url(images/julia/frontpage-sidebar-top.jpg);
}

div.julia a#frontpage-sidebar-build {
	background-image: url(images/julia/frontpage-sidebar-build.jpg);
}

div.julia a#frontpage-sidebar-secure {
	background-image: url(images/julia/frontpage-sidebar-secure.jpg);
}

div.julia a#frontpage-sidebar-manage {
	background-image: url(images/julia/frontpage-sidebar-manage.jpg);
}

div.julia a#frontpage-sidebar-grow {
	background-image: url(images/julia/frontpage-sidebar-grow.jpg);
}

div.julia a#frontpage-sidebar-build:hover {
	background-image: url(images/julia/sidebar-build-over.jpg);
}

div.julia a#frontpage-sidebar-secure:hover {
	background-image: url(images/julia/sidebar-secure-over.jpg);
}

div.julia a#frontpage-sidebar-manage:hover {
	background-image: url(images/julia/sidebar-manage-over.jpg);
}

div.julia a#frontpage-sidebar-grow:hover {
	background-image: url(images/julia/sidebar-grow-over.jpg);
}

div.julia #frontpage-sidebar-bottom {
	background-image: url(images/julia/frontpage-sidebar-bottom.jpg);
}

/* jack */

div.jack #frontpage-bigimage {
	background-image: url(images/jack/frontpage-bigimage.jpg);
}

div.jack #frontpage-sidebar-top {
	background-image: url(images/jack/frontpage-sidebar-top.jpg);
}

div.jack a#frontpage-sidebar-build {
	background-image: url(images/jack/frontpage-sidebar-build.jpg);
}

div.jack a#frontpage-sidebar-secure {
	background-image: url(images/jack/frontpage-sidebar-secure.jpg);
}

div.jack a#frontpage-sidebar-manage {
	background-image: url(images/jack/frontpage-sidebar-manage.jpg);
}

div.jack a#frontpage-sidebar-grow {
	background-image: url(images/jack/frontpage-sidebar-grow.jpg);
}

div.jack a#frontpage-sidebar-build:hover {
	background-image: url(images/jack/sidebar-build-over.jpg);
}

div.jack a#frontpage-sidebar-secure:hover {
	background-image: url(images/jack/sidebar-secure-over.jpg);
}

div.jack a#frontpage-sidebar-manage:hover {
	background-image: url(images/jack/sidebar-manage-over.jpg);
}

div.jack a#frontpage-sidebar-grow:hover {
	background-image: url(images/jack/sidebar-grow-over.jpg);
}

div.jack #frontpage-sidebar-bottom {
	background-image: url(images/jack/frontpage-sidebar-bottom.jpg);
}

/* sam */

div.sam #frontpage-bigimage {
	background-image: url(images/sam/frontpage-bigimage.jpg);
}

div.sam #frontpage-sidebar-top {
	background-image: url(images/sam/frontpage-sidebar-top.jpg);
}

div.sam a#frontpage-sidebar-build {
	background-image: url(images/sam/frontpage-sidebar-build.jpg);
}

div.sam a#frontpage-sidebar-secure {
	background-image: url(images/sam/frontpage-sidebar-secure.jpg);
}

div.sam a#frontpage-sidebar-manage {
	background-image: url(images/sam/frontpage-sidebar-manage.jpg);
}

div.sam a#frontpage-sidebar-grow {
	background-image: url(images/sam/frontpage-sidebar-grow.jpg);
}

div.sam a#frontpage-sidebar-build:hover {
	background-image: url(images/sam/sidebar-build-over.jpg);
}

div.sam a#frontpage-sidebar-secure:hover {
	background-image: url(images/sam/sidebar-secure-over.jpg);
}

div.sam a#frontpage-sidebar-manage:hover {
	background-image: url(images/sam/sidebar-manage-over.jpg);
}

div.sam a#frontpage-sidebar-grow:hover {
	background-image: url(images/sam/sidebar-grow-over.jpg);
}

div.sam #frontpage-sidebar-bottom {
	background-image: url(images/sam/frontpage-sidebar-bottom.jpg);
}

/* sarah */

div.sarah #frontpage-bigimage {
	background-image: url(images/sarah/frontpage-bigimage.jpg);
}

div.sarah #frontpage-sidebar-top {
	background-image: url(images/sarah/frontpage-sidebar-top.jpg);
}

div.sarah a#frontpage-sidebar-build {
	background-image: url(images/sarah/frontpage-sidebar-build.jpg);
}

div.sarah a#frontpage-sidebar-secure {
	background-image: url(images/sarah/frontpage-sidebar-secure.jpg);
}

div.sarah a#frontpage-sidebar-manage {
	background-image: url(images/sarah/frontpage-sidebar-manage.jpg);
}

div.sarah a#frontpage-sidebar-grow {
	background-image: url(images/sarah/frontpage-sidebar-grow.jpg);
}

div.sarah a#frontpage-sidebar-build:hover {
	background-image: url(images/sarah/sidebar-build-over.jpg);
}

div.sarah a#frontpage-sidebar-secure:hover {
	background-image: url(images/sarah/sidebar-secure-over.jpg);
}

div.sarah a#frontpage-sidebar-manage:hover {
	background-image: url(images/sarah/sidebar-manage-over.jpg);
}

div.sarah a#frontpage-sidebar-grow:hover {
	background-image: url(images/sarah/sidebar-grow-over.jpg);
}

div.sarah #frontpage-sidebar-bottom {
	background-image: url(images/sarah/frontpage-sidebar-bottom.jpg);
}
#preload {
	text-indent: -9999px;
}


/* INTERIOR PAGE SPECIFICS */

body.interior #content {
	background-image:  url(images/internal-content-background.gif);
	background-position: bottom right;
	float: left; /*new style added to remedy IE7 dispaly bug*/
	padding-bottom: 70px;
}

#internal-main-content {
	width: 565px;
	float: left;
	border: 0;
	margin: 0;
	padding: 0;
	color: #333;
}

#internal-footer {
	height: 38px;
	width: 760px;
	background-image:  url(images/interior-footer.gif);
	float: left; /*new style added to remedy IE7 dispaly bug*/
}

#internal-sidebar {
	width: 195px;
	float: left;
	border: 0;
	margin: 0;
	padding: 0;
	color: #333;
	font-size: 0.9em;
}

#internal-sidebar p {
	text-align: right;
	padding-right: 10px;
	padding-left: 10px;
}

#internal-sidebar h1 {
	display: block;
	background-color: #2B65B2;
	font-size: 1.1em;
	color: white;
	text-align: right;
	margin: 0;
	padding: 0;
	margin-bottom: 10px;
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 5px;
}

ul#sidebar-navigation {
	margin: 0;
	margin-right: 15px;
	padding: 0;
	list-style: none;
}

#sidebar-navigation li {
	text-align: right;
	line-height: 1em;
	margin: 0;
	margin-bottom: 5px;
	padding: 0;
}

* html body #sidebar-navigation li{
	margin-bottom: -6px;
}

#sidebar-navigation a {
	display: block;
	padding-right: 15px;
	background-image:  url(images/sidebar-navigation-bullet.gif);
	background-repeat: no-repeat;
	background-position: right;
	color: #003366;
	text-decoration: none;
}

#sidebar-navigation a:hover {
	color: #6699CC;
}

#sidebar-navigation a.current {
	font-weight: bold;
}

#sidebar-navigation a.current:hover {
	color: #003366;
}

#internal-main-content h1, #internal-main-content h2 {
	color: #003366;
	font-size: 1.1em;
	margin-left: 15px;
	margin-right: 20px;
	display: block;
	border-bottom: 1px solid #003366;
}

#internal-main-content h1 a {
	text-decoration: none;
	color: #003366;
}

#internal-main-content h2 {
	margin-top: 26px;
}

#internal-main-content h3 {
	margin-top: 26px;
	margin-left: 25px;
	margin-right: 25px;
	font-size: .95em;
}

#internal-main-content p {
	margin-left: 25px;
	margin-right: 25px;
	font-size: .95em;
}

#internal-main-content a {
	color: #003366;
	text-decoration: none;
}

#internal-main-content a:hover {
	color: #6699CC;
	text-decoration: underline;
}
#internal-yellow-bar {
	background-image:  url(images/internal-yellow-bar.gif);
	background-repeat: no-repeat;
	width: 565px;
	height: 26px;
}

#internal-yellow-bar p {
	margin: 0;
	padding: 0;
	color: #003366;
	font-size: 0.9em;
	line-height: 1em;
	padding-top: 0.5em;
	padding-left: 0.7em;
}

#internal-yellow-bar a {
	color: #003366;
	text-decoration: none;
}

#internal-main-content a {
	color: #003366;
	text-decoration: none;
}

.sidebar-image {
	text-align: center;
	margin-top: 10px;
	margin-bottom: 5px;
}

/*---------------------------
CSS homepage link
-----------------------------*/

body #home-link {
  float: left;
  left: 0;
  top: 8px; 
}

body #home-link a{
  text-decoration: none;
  font-size: 25px;
}

body #home-link a i { visibility: hidden; }



/*------------------------
PARTNERS PAGE
--------------------------*/

#partners-grid{
         width: 530px;
         margin-left:32px;
         margin-top: 20px;
}

#partners-grid div {
         margin-right: 15px;
         margin-bottom: 13px;
         width: 112px;
	 height: 112px; 
         float: left;
         font-size: 11px;
         text-align: center;
}
#partners-grid div img{
         border-right: 1px solid #000;
         border-bottom: 1px solid #000;
         border-left: 1px solid #CCC;
         border-top: 1px solid #CCC;
         margin-bottom:3px;
}

/*------------------------
Products Grid
--------------------------*/

#products-grid{
         width: 530px;
         margin-left:32px;
         margin-top: 20px;
}

#products-grid div {
         margin-right: 15px;
         margin-bottom: 13px;
         float: left;
         font-size: 11px;
         text-align: center;
}
#products-grid div img{
         border-right: 0px solid #000;
         border-bottom: 0px solid #000;
         border-left: 0px solid #CCC;
         border-top: 0px solid #CCC;
         margin-bottom:3px;
}


/*-------------------------
REGISTRATION PAGE
---------------------------*/
#registration div {
         font-size: 85%;
	}

#registration input {
	border: 1px solid #C1D2E9;
	margin: 0;
	padding: 0;
	}

/*------------------------
PRODUCTS PAGE
-------------------------*/

#product-image{
	 margin-left:8px;
	 float:left;
}

#internal-main-content li {
	margin-left: 25px;
	margin-right: 25px;
	font-size: .95em;
}
