/* CSS Reset 
The Purpose of the CSS reset to help eliminate the inconsistencies that happens
upon rendering accross multiple browsers. Hopefully we get all our browsers to render
our page the exact way we want it to.
*/
* {padding: 0; margin: 0;} 

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

/* End of CSS reset --------------------------------------*/

body {
	background: #d2e8f4 url('../images/blue_gradient.jpg') repeat-x; 
	font-family: tahoma, Arial, Helvetica;
	text-align: center;
}
a img{
	border: none;
}

p
{
    margin-top:1em;
    margin-bottom:1em;
    font-size:13px;
}

hr
{
    width: 80%;
    margin-top:5px;
    margin-bottom:0px;
    color:blue;
}

h1
{
    font-size:large;
    color:#000066;
    text-align:center;
    margin-bottom:10px;
}

h2
{
    font-size:medium;
    margin-top:5px;
    margin-bottom:5px;
    color:#333333;
    font-weight:normal;
}

h3 {
    text-align:center;
    background:url('../images/blue_gradient.png') no-repeat;
   /* background-color:#044067;*/
    color:White;
    height: 10%;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align:bottom;
}


#container {
	width: 800px;
	text-align: left;
	padding: 0px;
	margin: 0px auto 0px;
	position:relative;
}

/************  CSS: Main Navbar - Used to define our Navigation Bar and behavior *********/

#navbar_main {
    height: 35px;
    width: 100%;
    background: url('../images/navbar_3.png') no-repeat;
    font-size: 85%;
    font-weight: normal;
    margin-bottom: 5px;
}
#navbar_main ul {
                text-align: center;
    margin: 0px;
    padding: 0px;
    white-space: nowrap;
}
#navbar_main li {
    list-style-type: none;
    display: inline;
    border-left: solid #0F5380 1px;
    line-height: 35px;
    height: 35px;
}
#navbar_main li a {
    text-decoration: none;
    margin: 0px;
    padding-left: 15px;
    padding-right: 15px;
    height: 35px;
    color: white;
}
#navbar_main li#nav_home a {
                background: url('../images/nav_medium_blue.jpg') repeat-x;
    height: 35px;
    padding-top: 9px;
    padding-bottom: 9px;
    margin-left: -4px;
}
#navbar_main li#nav_home a:hover {
                background: url('../images/nav_hover.jpg') repeat-x;
    height: 35px;
    padding-top: 7px;
    padding-bottom: 8px;
    padding-left: 14px;
    margin-left: -4px;
    border-left: solid #002F59 1px;
    border-top: solid #002F59 1px;    
}
#navbar_main li#nav_why_sv a {
                background: url('../images/nav_light_blue.jpg') repeat-x;
    height: 35px;
    padding-top: 9px;
    padding-bottom: 9px;
    margin-left: -4px;
}
#navbar_main li#nav_why_sv a:hover {
                background: url('../images/nav_hover.jpg') repeat-x;
    height: 35px;
    padding-top: 7px;
    padding-bottom: 8px;
    padding-left: 14px;
    margin-left: -4px;
    border-left: solid #002F59 1px;
    border-top: solid #002F59 1px; }
#navbar_main li#nav_products a {
                background: url('../images/nav_bright_blue.jpg') repeat-x;
    height: 35px;
    padding-top: 9px;
    padding-bottom: 9px;
    margin-left: -4px;
}
#navbar_main li#nav_products a:hover {
                background: url('../images/nav_hover.jpg') repeat-x;
    height: 35px;
    padding-top: 7px;
    padding-bottom: 8px;
    padding-left: 14px;
    margin-left: -4px;
    border-left: solid #002F59 1px;
    border-top: solid #002F59 1px; }
#navbar_main li#nav_demo a {
                background: url('../images/nav_green.jpg') repeat-x;
    height: 35px;
    padding-top: 9px;
    padding-bottom: 9px;
    margin-left: -4px;
}
#navbar_main li#nav_demo a:hover {
                background: url('../images/nav_hover.jpg') repeat-x;
    height: 35px;
    padding-top: 7px;
    padding-bottom: 8px;
    padding-left: 14px;
    margin-left: -4px;
    border-left: solid #002F59 1px;
    border-top: solid #002F59 1px; }
#navbar_main li#nav_support a {
                background: url('../images/nav_red.jpg') repeat-x;
    height: 35px;
    padding-top: 9px;
    padding-bottom: 9px;
    margin-left: -4px;
}
#navbar_main li#nav_support a:hover {
                background: url('../images/nav_hover.jpg') repeat-x;
    height: 35px;
    padding-top: 7px;
    padding-bottom: 8px;
    padding-left: 14px;
    margin-left: -4px;
    border-left: solid #002F59 1px;
    border-top: solid #002F59 1px; }
#navbar_main li#nav_partners_and_clients a {
    background: url('../images/nav_purple.jpg') repeat-x;
    height: 35px;
    padding-top: 9px;
    padding-bottom: 9px;
    margin-left: -4px;
}
#navbar_main li#nav_partners_and_clients a:hover {
                background: url('../images/nav_hover.jpg') repeat-x;
    height: 35px;
    padding-top: 7px;
    padding-bottom: 8px;
    padding-left: 14px;
    margin-left: -4px;
    border-left: solid #002F59 1px;
    border-top: solid #002F59 1px; }
#navbar_main li#nav_contact a {
                background: url('../images/nav_orange.jpg') repeat-x;
    height: 35px;
    padding-top: 9px;
    padding-bottom: 9px;
    margin-left: -4px;
}
#navbar_main li#nav_contact a:hover {
                background: url('../images/nav_hover.jpg') repeat-x;
    height: 35px;
    padding-top: 7px;
    padding-bottom: 8px;
    padding-left: 14px;
    margin-left: -4px;
    border-left: solid #002F59 1px;
    border-top: solid #002F59 1px; }
#navbar_main li#nav_about a {
                background: url('../images/nav_yellow.jpg') repeat-x;
    height: 35px;
    padding-top: 9px;
    padding-bottom: 9px;
    margin-left: -4px;
    border-right: solid #0F5380 1px;
}
#navbar_main li#nav_about a:hover {
                background: url('../images/nav_hover.jpg') repeat-x;
    height: 35px;
    padding-top: 7px;
    padding-bottom: 8px;
    padding-left: 14px;
    margin-left: -4px;
    border-left: solid #002F59 1px;
    border-top: solid #002F59 1px; }
/*
#navbar_main li a:hover {
    height: 35px;
    padding-top: 10px;
    padding-bottom: 8px;
    margin: 0px;
}
#navbar_main li a:link {
    color: black;
}
#navbar_main li a:visited {
    color: black;
}
*/


/*************** End of CSS for navbar **********************/


/************  CSS: Navbar - Used to define our Navigation Bar and behavior *********/
#navbar {
    height: 35px;
    width: 100%;
   /* border: solid #dcdcdc 1px; */
   background: url('../images/navbar_2.png') no-repeat;
    /*background: url('../images/navbar_bg.png') no-repeat;*/
    font-size:85%;
    font-weight:normal;
    margin-bottom:5px;
}
#navbar ul {
	text-align: center;
    margin: 0px;
    padding: 0px;
/*    font-family: Arial, Helvetica, sans-serif;*/
/*    font-size: small;*/
    line-height: 35px;
    white-space: nowrap;
}
#navbar li {
    list-style-type: none;
    display: inline;
    border-left:solid black 1px;
/*	float: left;     this allows the navbar to be centered and evenly spaced*/
/*	width: 125px;	this allows the navbar to be centered and evenly spaced*/

}
#navbar li a {
    text-decoration: none;
    padding: 7px 10px;
    color: black;
}
#navbar li a:link {
    color: black;
}
#navbar li a:visited {
    color: black;
}
#navbar li a:hover {
    background-color: #919191;
}

/*************** End of CSS for navbar **********************/

#header {
    margin-top:5px;
    margin-bottom:5px;
    display:inline;
}

/*This css puts the 'login' link on top of the image we have for our header */
#login *
{
    position:absolute;
    top:10px;
    left:705px;
    font-size:small;
    color:Black;
    
}

#search_box {
    position:absolute;
    top:34px;
    left:565px;
}

#phone_number {
    height: 65px;
    width: 250px;
    font-size: large;
    display:inline;
    color:White;
    vertical-align:middle;
    padding-bottom: 50px;
    padding-left:20px;
    margin-right: 58px;
}
#header img {
    display:inline;
    margin-right: 5px;
    margin-bottom: 5px;
}
#picture_slides ul{
    margin: 0px;
    padding: 0px;
    list-style-type: none;
}
#picture_slides ul li{
    list-style-type: none;
}

/* for the home page */
#main_panel_background {
	background: url('../images/homepage_main1.png') no-repeat; 
	width: 100%; height: 560px;
}

#main_panel_top {
	background: url('../images/main_panel_top.png') no-repeat; 
	width: 100%; 
	height: 5px;
	display:block;
}
#main_panel_bottom {
	background: url('../images/main_panel_bottom.png') no-repeat; 
	width: 100%; height: 5px;
}

/* for all other pages */
#main_panel {
	background: url('../images/main_panel_background.png') repeat-y; 
/*
    background-color: #064d7b;
    border:solid 1px white;
*/    
    /*
    -moz-border-radius: 1em;
    -webkit-border-radius: 1em;
    */
    
    width: 100%;
    text-align:left;
    
    height: 580px;
}

#why_list {
    margin-top:20px;
    list-style-image:url('../images/tick.png');
}

#why_list li {
    /*list-style-image:url('../images/tick.png');*/
    list-style-type:disc;
    font-size:17px;
    margin-left:20px;
    margin-bottom: 10px;
}

#why_list ul li {
    list-style-image:none;
    font-size:13px;
    list-style-type:square;
    margin-left:50px;
}

/*This is used for webpages that will use the entire middle section with no other dividers*/
#section_full {
    background: #DDDDDD url('../images/gradient_section_full_2.jpg') repeat-x;
    width:775px;
    /*width: 782px;*/
    padding: 5px;
    padding-left:10px;
    font-size:medium;
    height:99%;
    margin-left: 5px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 5px;
	overflow:hidden;
}

.half_section {
    width: 50%;
    float:left;
}

.third_section {
    width: 30%;
    float: left;
    height: 35%;
    margin: 0 12px 0 12px;
}

.third_section h2 {
    font-size: 13px;
    font-weight: bold;
}

.third_section_buttons {
    width: 30%;
    float: left;
    height: 40px;
    margin: 0 12px 0 12px !important;
}


.middle_center {
	width: 300px;
	margin-left: auto;
	margin-right: auto;
	display: block;
}

/*css settings for the product page*/
#products
{
    padding:5px;
    height: 90%;
    font-size:14px;
}


#products .section
{
    height: 20%;
    margin: 5px;
    margin-left:30px;
    margin-right:20px;
 
}

#products p
{
    font-size: 16px;
}

#products .second
{
    width: 550px;
    border-bottom:solid black 1px;
    height:100%;
}

#products .third
{
    margin-left:10px;
    padding-top:65px;
}
   

#left_panel_big {
	padding: 5px;
	padding-left: 15px;
	margin-left: 5px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 5px;
	width: 597px;
	/*width: 580px; original*/
	height: 99%;
	overflow:hidden;
	float:left;
    background: #DDDDDD url('../images/gradient_section_full_2.jpg') repeat-x;
}

#div_break {
	height: 5px;
}
#image_panel {
	padding: 5px;
	margin-left: 5px;
	margin-top: 5px;
	margin-bottom: 5px;
	height: 375px; width: 580px;
	background-color: #8DB2CC;
	float: left;
	overflow:hidden;
}
#side_panel {
	padding: 5px 0px 5px 0px;
	margin-left: 5px;
	margin-top: 5px;
	margin-bottom: 5px;
	height: 375px; 
	/*height: 100%;*/
	width: 192px;
    background: #d2e8f4 url('../images/blue_gradient.jpg') repeat-x; 
/*	background-color: #044067;*/
	float: left;
	color: White;
	overflow:hidden;
}
#side_panel div {
    border-top: solid 1px white;
    height: 22%;
    padding-bottom: 3px;
    background: #457da2 url('../images/side_panel_gradient_non_hover.jpg') repeat-x;
    font-weight: bold;
}


#side_panel div:hover {
     background: #064d7b;
     height: 22%;
}

#side_panel p {
    margin-top: 5px;
    font-size:12px;
    line-height: 1em;
}

#side_panel a {
    color:White;
    text-decoration:none;
}

#side_panel a:hover {
    text-decoration:none;
}

/* A side panel that takes the whole length of the content section */

#side_panel_full {
	padding: 5px 0px 5px 0px;
	margin-left: 0px;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-right: 0px;
	height: 565px;
	/*height: 540px;*/
	width: 175px;
    background: #6998b6 url('../images/side_panel_full_gradient.jpg')repeat-x; 
	float: left;
	color: White;
	overflow:hidden;
}
#side_panel_full div {
    border-top: solid 1px white;
    border-bottom: solid 1px #054570;
    height: 50px;
    padding-bottom: 3px;
    background: #6FA0BF url('../images/blue_gradient_1.jpg') repeat-x; 
    font-weight: bold;
    text-align:center;

}


#side_panel_full div:hover {
    background: #71A1BF url('../images/blue_gradient_4.jpg') repeat-x;
    height: 50px;    
}

#side_panel_full p {
    margin-top: 5px;
    font-size:12px;
    line-height: 1em;
}

#side_panel_full a
{
    color:White;
    text-decoration:none;
}

#side_panel_full a:hover 
{
    text-decoration:none;
}

/* End of css for full side bar *********************************/

#partners img
{
    float: left;
    margin:10px;
}

/* This is for the contact form **********************************/

.cssform p{
width: 300px;
clear: left;
margin: 0;
padding: 5px 0 8px 0;
padding-left: 155px; /*width of left column containing the label elements*/
height: 1%;
}

.cssform label{
font-weight: bold;
float: left;
margin-left: -155px; /*width of left column*/
width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 180px;
}

.cssform textarea{
width: 350px;
height: 150px;
}

.cssform span{
font-weight:bold;
font-size:13px;
}

/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .threepxfix{
margin-left: 3px;
}

/* End of Contact form CSS *********************************************/

#key_benefits
{
    height:215px;
    width:240px;
    background-color:#5280bc;
    color:White;
    font-size:12px;
    display:block;
    float:left;
    padding-top:10px;
    padding-left:10px;
    margin-left:10px;
    border:solid 1px black;
}

#key_benefits ul li
{
    width: 90%;
    margin-left:15px;
    padding-bottom:8px;
    vertical-align:top;
}


#mini_panels div {
  	margin-left: 5px;
	margin-top: 5px;
	margin-bottom: 5px;
	height: 154px; width: 193px;
	float: left;
	text-decoration: none;  
}

#mini_panel_1 h3 {
    height:15px;
    text-align:left;
}

/*picture is originally 154px to accomodate the header tag (h3) add 154 plus the height of the h3 tag above */

/*
#mini_panel_1
{
  	margin-left: 5px;
	margin-top: 5px;
	margin-bottom: 5px;
	height: 169px; width: 193px;
	float: left;
	text-decoration: none;
}  
*/

/* Mini Panel Goodness for swapping out all these images on rollover ---------------------- */

#mini_panel_1 A {
	margin-left: 5px;
	margin-top: 0px;
	margin-bottom: 5px;
	height: 169px; width: 193px;
	background: url('../images/box_1.png') no-repeat;
	background-position: 0px 28px;
	float: left;
	text-decoration: none;
	position: relative;
	overflow: hidden;
}


#mini_panel_2 A {
	margin-left: 5px;
	margin-top: 0px;
	margin-bottom: 5px;
	height: 169px; width: 193px;
	background: url('../images/box_2.png') no-repeat;
	background-position: 0px 28px;	
	float: left;
	text-decoration: none;
	position: relative;
	overflow: hidden;
}
#mini_panel_3 A {
	margin-left: 5px;
	margin-top: 0px;
	margin-bottom: 5px;
	height: 169px; width: 193px;
	background: url('../images/box_3.png') no-repeat;
	background-position: 0px 28px;	
	float: left;
	text-decoration: none;
	position: relative;
	overflow: hidden;
}
#mini_panel_4 A {
	margin-left: 5px;
	margin-top: 0px;
	margin-bottom: 5px;
	height: 169px; width: 193px;
	background: url('../images/box_4.png') no-repeat;
	background-position: 0px 28px;	
	float: left;
	text-decoration: none;
	position: relative;
	overflow: hidden;
}



#mini_panel_1 A:hover {
	margin-left: 5px;
	margin-top: 0px;
	margin-bottom: 5px;
	height: 169px; width: 193px;
	background: url('../images/box_5.png') no-repeat;
	background-position: 0px 28px;
	float: left;
	text-decoration: none;
	position: relative;
	overflow: hidden;
}

#mini_panel_2 A:hover {
                margin-left: 5px;
                margin-top: 0px;
                margin-bottom: 5px;
                height: 169px; width: 193px;
                background: url('../images/box_6.png') no-repeat;
                background-position: 0px 28px;
                float: left;
                text-decoration: none;
                position: relative;
                overflow: hidden;
}

#mini_panel_3 A:hover {
                margin-left: 5px;
                margin-top: 0px;
                margin-bottom: 5px;
                height: 169px; width: 193px;
                background: url('../images/box_7.png') no-repeat;
                background-position: 0px 28px;
                float: left;
                text-decoration: none;
                position: relative;
                overflow: hidden;
}

#mini_panel_4 A:hover {
                margin-left: 5px;
                margin-top: 0px;
                margin-bottom: 5px;
                height: 169px; width: 193px;
                background: url('../images/box_8.png') no-repeat;
                background-position: 0px 28px;
                float: left;
                text-decoration: none;
                position: relative;
                overflow: hidden;
}

/*------------------- End of Mini Panel Goodness ------------------*/

/*
div.hover {
	height: 169px;
	width: 193px;
	margin:0;
	padding:0;
	background-image:url('../images/mini_panel_1_selected.png');
} 
div.hover a, div.hover a:link, div.hover a:visited {
	display:block;
}
div.hover img {
	width:100%;
	height:100%;
	border:0;
}
div.hover a:hover img {
	visibility:hidden;
}
*/


/* Footer Stuff by: Shaun */
/* Contains the footer grey nav bar with small links and copyright info */

#footer {
    height:35px;
    margin-top:2px;
    padding:5px;
    width:100%;
    background: url('../images/navbar_2.png') no-repeat;
    text-align:center;
    clear:both;
}

#footer ul {
    margin-bottom: 5px;
/*    font-family: Arial, Helvetica, sans-serif;*/
/*    font-size: small;*/
    font-size: 10px;
    white-space: nowrap;
}
#footer li {
    padding-left:5px;
    padding-right:5px;
    list-style-type: none;
    display: inline;
    border-left:solid black 1px;
    color:Black;
}

#footer li a {
    color: #003366;
}

#demo_button {
	margin: 0px;
	width: 100%; height: 55px;
}
#demo_button a {
	background: url('../images/demo_button.png') no-repeat;
	width: 150px; height: 55px;	
	text-decoration: none;
	background-position: 0px 0px;
	position: relative;
	overflow: hidden;
}
#demo_button a:hover {
	background: url('../images/demo_button_selected.png') no-repeat;
	width: 150px; height: 55px;	
	text-decoration: none;
	background-position: 0px 0px;
	position: relative;
	overflow: hidden;
}

/* Glass support button START */
#button_support {
	margin: 0px;
	width: 155px; height: 40px;
}
#button_support a {
	background: url('../images/bt_support.png') no-repeat;
	width: 155px; height: 40px;	
	text-decoration: none;
	background-position: 0px 0px;
	position: relative;
	overflow: hidden;
}
#button_support a:hover {
	background: url('../images/bt_support_selected.png') no-repeat;
	width: 155px; height: 40px;	
	text-decoration: none;
	background-position: 0px 0px;
	position: relative;
	overflow: hidden;
}
/* Glass support button END */

/* Glass sales button START */
#button_sales {
	margin: 0px;
	width: 155px; height: 40px;
}
#button_sales a {
	background: url('../images/bt_sales.png') no-repeat;
	width: 155px; height: 40px;	
	text-decoration: none;
	background-position: 0px 0px;
	position: relative;
	overflow: hidden;
}
#button_sales a:hover {
	background: url('../images/bt_sales_selected.png') no-repeat;
	width: 155px; height: 40px;	
	text-decoration: none;
	background-position: 0px 0px;
	position: relative;
	overflow: hidden;
}
/* Glass sales button END */


/* Glass demo button START */
#button_demo {
	margin: 0px;
	width: 155px; height: 40px;
}
#button_demo a {
	background: url('../images/bt_demo.png') no-repeat;
	width: 155px; height: 40px;	
	text-decoration: none;
	background-position: 0px 0px;
	position: relative;
	overflow: hidden;
}
#button_demo a:hover {
	background: url('../images/bt_demo_selected.png') no-repeat;
	width: 155px; height: 40px;	
	text-decoration: none;
	background-position: 0px 0px;
	position: relative;
	overflow: hidden;
}
/* Glass demo button END */

/* Glass back button START */
#button_back {
	margin: 0px;
	width: 80px; height: 35px;
}
#button_back a {
	background: url('../images/bt_back.png') no-repeat;
	width: 80px; height: 35px;
	text-decoration: none;
	background-position: 0px 0px;
	position: relative;
	overflow: hidden;
}
#button_back a:hover {
	background: url('../images/bt_back_selected.png') no-repeat;
	width: 80px; height: 35px;
	text-decoration: none;
	background-position: 0px 0px;
	position: relative;
	overflow: hidden;
}
/* Glass back button END */


.caption_1 {
    height:24px; line-height:24px; vertical-align: middle; margin-top: 0px; 
    padding-left: 20px; font-size: 12px; background-color: gray;
}
.caption_2 {
    height:24px; line-height:24px; vertical-align: middle; margin-top: 5px; 
    padding-left: 40px; font-size: 12px; background-color: gray;
}


/* To vertically align a div tag, nest div_valign_3 inside div_valign_2 and then nest it inside div_valign_1; 
   NOTE: the ‘#’ marks below need to stay in place for Firefox! */
.div_valign_1 {
                display: table; height: 100%; #position: relative; overflow: hidden;
}
.div_valign_2 {
                #position: absolute; #top: 50%; display: table-cell; vertical-align: middle;
}
.div_valign_3 {
                #position: relative; #top: -50%;
}
 
.div_center {
	margin: 0 auto !important;
}
.fullwidth {
	width: 100%;
}
.fullheight {
	height: 100%
}
.relative {
	position: relative;
}
.red_bullet {
    background: gray url('../images/red_bullet.png') no-repeat;
}
.image_offset_1 {
   background-position: 2px 6px;
}
.image_offset_2 {
   background-position: 22px 6px;
}

.no_left_border {border: none ! important;}

.white_background {background-color: white ! important; background: white ! important;}

.black {color: black ! important;}
.white {color: white ! important;}
.blue {color: Blue ! important;}
.green {color: Green ! important;}
.purple {color: Purple ! important;}
.gold {color: #B5A642 ! important;}
.brown {color: #A62A2A ! important;}
.gray {color: #e2e5e7 ! important;}
.medium_gray {color: gray ! important;}
.dark_gray {color: #333333}
.red {color: Red ! important;}

.bold {font-weight:bold !important;}
.text_8pt {font-size: 8pt !important;}
.text_10pt {font-size: 10pt !important;}
.text_11pt {font-size: 11pt !important;}
.text_12pt {font-size: 12pt !important;}
.text_14pt {font-size: 14pt !important;}
.text_16pt {font-size: 16pt !important;}

.preload {display:none;}

.floatleft {float: left;}
.floatright {float: right;}
.floatbreak {clear: both;} /* works well to act as <br> for creating a break between floating elements */
.block {display: block;}
.padleft {padding-left: 5px;}
.padright {padding-right: 5px;}
.padtop {padding-left: 5px;}
.center{margin-left:auto; margin-right:auto; display:block;}
.transparent {background: transparent ! important}
.no_border {border: none ! important;}
.icon_bottom_align { margin-bottom: -5px;}
.bullet_checkmark {list-style-image:url('../images/tick.png')}

A:link	    {text-decoration:  	none; color:		#003366;}	
A:visited	{text-decoration:	none; color:		#003366;}	
A:active	{text-decoration:	none; color:		#003366;}	
A:hover		{text-decoration:	underline; color:	#000000;}
A.noformat:hover {text-decoration: none}

.copyright {font-size: 6pt; font-family: tahoma; letter-spacing: 1px; color: black; margin-left: auto; margin-right: auto;}