﻿body 
{
	text-align:left;
	margin:0;
	margin-top: 2px;
    padding:0;
    font-family: sans-serif, Verdana, Arial, Helvetica;
    font-size: 10pt;
	line-height: 1.2;
}

ol {margin-left:20px;}
ul {margin-left:20px;}
ol li {list-style-type: decimal;  margin-left:20px;}
ul li {list-style-type:disc; margin-left:20px;}

blockquote {margin-left: 20px;}

td {vertical-align:top}

p,pre {margin:0px 0px 15px 0px;}

h1 {font-family: Georgia, Verdana; font-size:24px;margin-bottom:20px}
h2 {font-family: Georgia, Verdana; font-size:21px;margin-bottom:15px}
h3 {font-family: Georgia, Verdana; font-size:18px;margin-bottom:10px}

a:link, a:visited {text-decoration: underline; color:#000000;}
 
a:hover, a:active {color:#888;}

a.special_link:link, a.special_link:visited
{
 text-decoration: none;
 color: #b00;
 border-bottom: 1px dotted #bbb;
}

a.special_link:hover, a.special_link:active
{
 color: #b00;
 background-color:#fff;
 border-bottom: 1px dotted rgb(233, 190, 0);
}


.img_ivpda
{
    display:block;
    float:right;
    border: none;
}


/* Buttons */
.button
{
	line-height: 1.2;
    display:inline-block;
    background: url(../images/button.gif);
    font-size:12px;
    padding: 2px 3px 1px 3px;
    margin: 0;
    color: #000000;
    cursor: pointer;
    border: 1px solid #888888;
}

	
.button:link, .button:visited
{
    border: 1px solid #888888;
    text-decoration:none;
}	

.button:hover
{
    text-decoration:none;
    border: 1px solid;
    border-top-color: #99CCFF;
    border-bottom-color: #3300FF;
    border-left-color: #3399FF;
    border-right-color: #3399FF;
}	

/*Modal Popup*/
.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}

.modalPopup {
	background-color:#ffffdd;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
	width:250px;
}


/* Search */
    .search_popup 
    {
        visibility:visible;
        float:left;
        position: absolute;
        display: block;
        top: -42px;
        left:-10;
        width:170px;
	    background-color:#eeeeee;
	    border: 1px solid black;
	    padding: 10px 5px 15px 5px;
    }

    .search_popup_input
    {
        display: inline;
        visibility:visible;
    }

    .search_popup_hidden
    {
        visibility:hidden;
    }

    .search_popup_input_hidden
    {
        visibility:hidden;
    }
    
    .search_popup_go 
    {
        cursor: pointer;
    }
    
    .search_no_match 
    {
        padding: 20px;
        margin-top:20px;
    }

    .search_no_match_highlight
    {
        background-color: #FFF7B0;
        padding: 10px 10px 10px 10px;
        display:block;
    }

    .search_no_match ul
    {
        list-style-type:disc;
        margin: 20px;
        display:block;
        font-size: 12px;
    }

    .search_no_match span
    {
        font-size: 12px;
    }

    .search_no_match_target
    {
        font-weight: bolder;
        display:inline;
    }

    .search_window
    {
        display: block;
	    padding: 10px 5px 15px 5px;
	    margin: 20px 3px 20px 0px;
    }

/* Error panels & messages */


    .error_panel
    {
        display: block;
	    padding: 10px 5px 15px 5px;
	    margin: 20px 3px 20px 0px;
    }

    .error_message
    {
        padding: 10px 10px 10px 10px;
        display:block;
        background-color: #FFF7B0;
		font-size: 14px;
        font-weight: bolder;
    }

	.error_source
	{
		white-space:pre;
		font:12px Lucida Console;
		line-height:150%;
		background-color:#e9e9e9;
		padding:0px 10px;
	}
	
	.error_color {color: #b00}

/* Login panel */
    .login_panel
    {
    	width:300px;
    }   

/* Custom pages */
    .captioned_image 
    {
        padding: 0px 15px 15px 15px;
    }
	.image_caption
	{
		display:block;
		font-size: 11px;
        text-align:left;
        padding: 3px 5px 0px 10px;
	}
	
/* ----- Pretty panel - note that some of this gets overridden at runtime ---- */

/* set the image to use and establish the lower-right position */ 
.pretty_panel, .pretty_panel_body, .pretty_panel_head, .pretty_panel_head h2
{
    background: transparent no-repeat bottom right; 
}
.pretty_panel 
{
    width: 500px !important;     /* intended total box width - padding-right(next) */ 
    width: 485px;               /* IE Win = width - padding */ 
    padding-right: 10px;     /* the gap on the right edge of the image (not content padding) */ 
    margin: 0px auto;     /* use to position the box */ 
} 

/* set the top-right image */ 
.pretty_panel_head 
{
    background-position: top right; margin-right: -10px; /* pull the right image over on top of border */ 
    padding-right: 30px; /* right-image-gap + right-inside padding */ 
}

/* set the top-left image */ 
.pretty_panel_head h2
{
    font-size:16px;
    font-weight: 800;
    color: #777777;
    background-position: top left; margin: 0; /* reset main site styles*/ 
    border: 0; /* ditto */ 
    padding: 25px 0 15px 30px; /* padding-left = image gap + interior padding ... no padding-right */ 
    height: auto !important; height: 1%; /* IE Holly Hack */
} 

/* set the lower-left corner image */ 
.pretty_panel_body 
{
    background-position: bottom left; margin-right: 15px; /* interior-padding right */ 
    padding: 0px 0 15px 30px; /* mirror .pretty_panel_head right/left */ 
} 

/* set the lower-left corner image */ 
.pretty_panel_tip 
{
		display:block;
		font-size: 11px;
		margin-left: 20px;
} 

.help_popup 
{
    background-color:#ffffff;
    border:solid 8px #99ccff;
    text-align:left;
    width:500px;
    padding:10px;
}

.help_popup_drag
{
    cursor: move;
    background-color:#DDDDDD;
    color:Black;
    text-align:center;
}

/* Home page ----------------------------------- */
.wrapimage
{
    display:block;
	float:left;
}
    
#imgParapluie
{
    margin-right: 28px;
    margin-top:20px;
}

#imgWelcome
{
    margin-top:20px;
    margin-bottom: 15px;
}

/* Contact page */
.contact tr td { padding-bottom:3px;}

/* Image link buttons */
.image_link {display:inline;}
.image_link a:link, .image_link a:visited, .image_link a:active
{
    color: #666666;
    font-weight: 600;
    text-decoration: none;
    margin-right:6px;
}

.image_link a:hover
{
    color: #aaaaaa;
}

.image_link img {vertical-align:middle;}
.image_link span {padding-left:6px;vertical-align:middle;}

/* Login page */
.login_textbox {background-color:#FFFFFF;border:solid 1px #999999;height:19px;padding-left:3px;margin-bottom:4px;margin-left:4px;}
.login_checkbox input {margin-right:4px;}
.login_caption {font-size:12px;padding: 3px 3px 7px 0px;}
.login_instruction {font-size:11px;padding: 3px 3px 20px 0px;}
.login_failure {padding: 3px 3px 7px 0px; color:Red;}

.homepage_bullets
{
	margin-left: 0;
	padding-left: 0;
	list-style: none;
}
.homepage_bullets li {
	list-style: none;
	margin-left: 0;
	padding-left: 20px;
	background-image: url(../images/bullet.gif);
	background-repeat: no-repeat;
	background-position: 4px 1px;
}

.mailing_list_boxed
{
	background: url(../images/mail_list_border.gif) no-repeat left top;
	padding-left: 13px;
	padding-top: 10px;
	height: 65px;
	width: 320px;
	margin-left:8px;
}
