/* CSS */

/* Main body styles */

BODY {
        margin-top:0;
        padding-top:0;
        margin-bottom:0;
        padding-bottom:0;
	background-image:url('../cimages/bg.jpg');
        background-repeat:repeat-x; 
        color: #222222;
	background-color:white;
        font-size: 10pt;
        font-family: Helvetica, Serif;
        text-align:center;
}

div.mainbody {
        background-color: white;
	color: #222222;
	background-repeat:repeat-x;
        text-align:center;
        font-size: 9pt;
        font-family: Helvetica, Serif;
        width: 950px;
        height: auto;
        margin-left: auto;
        margin-right: auto;
        padding-left: 2px;
        padding-right: 2px;
}
  
#bodycontent {
        float:left;
        width:950px;
        height:auto;
        background-color: white;
        border:1px solid #B7B0A8;
}
 
/* Header Styles */
    
.bannerbar {
        width:950;
        height:20px;
        background-color:#3b5996;
}

                                                                        
.gap {
	width:950;
	height:15px;
}

#header {
	margin:0px;
	width:948;
	height:100px;
	background-color:#3d8bd3;
	border:1px solid #3d8bd3;
}

.headertext {
	color:white;
	font-size:20pt;
	font-weight:bold;
	font-family:Times;
	}

/* Styles for content and navigation */ 
                                                                                
#leftnav {
        float:left;
        width:220px;
        height:auto;
	 border-right: #eeeeee dotted 1px;

}
                                                                                
#content {
        float:right;
        width:710px;
        height:auto;
	margin-right:10px;
}

/* Footer Styles */

#footernew {
	font-family:Verdana,Arial,Helvetica, Serif;
	font-size:9pt;
	background-color:#3b5996;
	clear:both;
	border:1px solid #3b5996;
	width:950;
	height:35;
	font-color:white;
}
                                                                                
#legal {
	float:left;
        width:250;
        height:20;
        font-color:white;
}
                                                                                
#Copyright {
	float:right;
        width:570;
        height:20;
        font-color:white;
}

/* Paragraph Styles */
                                                                               
.para {
         text-decoration: none;
        color: #000000;
        font-size:10pt;
        font-family:Helvetica, Arial;
        font-style:normal;
        line-height:1.5em;
}

.text {
	font-family:Helvetica, Serif;
	font-color:blue;
	font-size:15pt;
}

.justify {
	text-decoration: none;
        color: #000000;
        font-size:10pt;
        font-family:Helvetica, Arial;
        font-style:normal;
        line-height:1.5em;
	text-align:justify;
	margin-top:0px;
}
                                                                                
.mh {
        color:#3b5996;
        text-align:left;
        text-decoration: none;
        font-size:11pt;
        font-family:Verdana, Helvetica, Serif;
}
 
.mh1 {
        color:#3b5996;
        text-align:center;
        text-decoration: none;
        font-size:11pt;
        font-family:Verdana, Helvetica, Serif;
}


                                                                               
div.text {
        float:left;
        width:19%;
}
                                                                                
.sh{
        color:#3d8bd3;
        text-decoration: none;
        font-size: 10pt;
        font-family:Verdana, Helvetica, Serif;
}
                                                                                
.th{
        color:#3d8bd3;
        text-decoration: none;
        font-size: 10pt;
	margin-left:10px;
	margin-right:10px;
        font-family:Verdana, Helvetica, Serif;
}

/* Styles for headings */

h3 {
        font:1.3em Arial;
        margin-bottom:3px;
        color:#3c78a7;
        font-weight:bold;
}

/* Styles for links */

a.fl:link {
        text-decoration: none;
        font-size:9pt;
        color:white;
        font-family: Helvetica, Serif;
}

a.fl:visited {
        color:white;
        text-decoration: none;
        font-size:9pt;
        font-family: Helvetica, Serif;
}

a.fl:active {
        text-decoration: none;
        font-size:9pt;
        color:white;
        font-family: Helvetica, Serif;
}

a.fl:hover {
        text-decoration: none;
        font-size:9pt;
        color:#c5edf5;
        font-family: Helvetica, Serif;
}

a.navside_sp:link {
        text-decoration: none;
        font-size:15pt;
	color:#3399cc;
	font-family: Times New Roman;
}

a.navside_sp:hover {
        text-decoration: none;
        font-size:15pt;
	color:#3b5996;
	font-family:  Times New Roman;
}

a.navside_sp:active {
        text-decoration: none;
        font-size:15pt;
	color:#3399cc;
	font-family: Times New Roman ;
}
                                                                                
a.navside_sp:visited {
        text-decoration: none;
        font-size:15pt;
	color:#3399cc;
	font-family:  Times New Roman;
}

a.content {
   	text-decoration: none;
   	font-size:10pt;
   	color:#993300;
  	font-family:Helvetica, Serif;
}
                                                                                
a.content:hover {
   	text-decoration: underline;
}
                                                                                
a.content:active {
}
                                                                                
a.content:visited {
}

a.navi_link:link {
        text-decoration: none;
        color: #707070;
        font-size:10pt;
        font-family:Helvetica, Arial;
        font-style:normal;

}

a.navi_link:visited {
        text-decoration: none;
        color: #707070;
        font-size:10pt;
 font-family:Helvetica, Arial;
        font-style:normal;

}

a.navi_link:active {
        text-decoration:none;
        color: #707070;
        font-size: 10pt;
 font-family:Helvetica, Arial;
        font-style:normal;

}

a.navi_link:hover {
        text-decoration:none;
        color: #999999;
        font-size: 10pt;
 font-family: Helvetica, Arial;
        font-style:normal;

}

/* Styles for lists */
                                                                             li.dot {
	list-style: url(../cimages/dot.gif);
	margin-bottom : 2px;
	list-style-position : outside;
}

li.triangle {
        list-style: url(/media/limages/triangle.gif);
        margin-bottom : 3px;
        list-style-position : outside;
}

/* Left navigation styles */
#navigation {
	float:left;
        width:220px;
        height:auto;
        background-color: white;
}





#navigation ul {
         list-style:url(../cimages/dot.gif);
         margin-left: 30px;
         padding: 0;
}


#navigation li {
        list-style:url(../cimages/dot.gif);
         border-bottom: 1px solid #eeeeee;
        line-height:2em;
}

#navigation ul ul {
	margin-left:25px;
}

#navigation ul ul li {
	list-style:url(/media/limages/triangle.gif);
	border-bottom: 1px solid #eeeeee;
        line-height:2em;
}

/* form styles */

.label {
        text-align:left;
        font-size:12px;
        color:black;
}

input[type="text"], textarea {
        padding: 3px;
        border: solid 1px #E5E5E5;
        font: normal 13px/100% Verdana, Tahoma, sans-serif;
        width: 170px;
        box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
        -moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
        -webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
        }

select {
        padding: 3px;
        border: solid 1px #E5E5E5;
        font: normal 13px/100% Verdana, Tahoma, sans-serif;
        width: 170px;
        box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
        -moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
        -webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
        }


    textarea {
        width: 350px;
        max-width: 350px;
        height: 100px;
        line-height: 150%;
        }
 input:hover, textarea:hover, select:hover,
    input:focus, textarea:focus, select:focus {
        border-color: #C9C9C9;
        -webkit-box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 8px;
        }

.team {
 width: 200px;
        max-width: 200px;
        height: 150px;
        line-height: 150%;


 input:hover, textarea:hover, select:hover,
    input:focus, textarea:focus, select:focus {
        border-color: #C9C9C9;
        -webkit-box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 8px;
        }
    .form {
        width:430px;
        height:auto;
        margin-left:5px;
}

    .form label {
        margin-left: 10px;
        color: black;
        }
 .submit input {
        width: auto;
        padding: 5px 10px;
        background: #617798;
        border: 0;
        font-size: 14px;
        color: #FFFFFF;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        }
.reset input {
        width: auto;
        padding: 5px 10px;
        background: #617798;
        border: 0;
        font-size: 14px;
 color: #FFFFFF;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        }