/* 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;
        min-height:500px;
	height:auto;
        background-color: white;
        border:1px solid #B7B0A8;
}
 
/* Header Styles */
    
.bannerbar {
        width:950px;
        height:20px;
        background-color:#3b5996;
}

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

#header {
	margin:0px;
	width:948px;
	height:150px;
	/*background-color:#3d8bd3;*/
	background-color:#f68b1f;
	border:0px solid ##f68b1f;
}

.text-center {
	text-align:center;
}

.text-left {
	 text-align:left;
}

.text-right {
         text-align:right;
}

.text-justify {
        text-align:justify;
}

.headertext {
	color:white;
	font-size:30px;
	font-weight:bold;
	font-family:Times;
	/*margin-top:25px;*/
	}

/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {
/* Styles */
}

/* Smartphones (landscape) ----------- */
@media only screen 
and (min-width : 321px) {
/* Styles */
}

/* Smartphones (portrait) ----------- */
@media only screen 
and (max-width : 320px) {
/* Styles */
}

/* iPads (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {
/* Styles */
}

/* iPads (landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
/* Styles */
}

/* iPads (portrait) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
/* Styles */
}

/* Desktops and laptops ----------- */
@media only screen 
and (min-width : 1224px) {
/* Styles */
}

/* Large screens ----------- */
@media only screen 
and (min-width : 1824px) {
/* Styles */
}

/* iPhone 4 ----------- */
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
/* Styles */
}

/* 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;
}

#contentleft {
	float:left;
	width:500px;
	height:auto;
	margin-right:10px;
}

#contentright {
	float:left;
	width:180px;
	height:auto;
	margin:5px;
}	


/* Footer Styles */

#footernew {
	font-family:Verdana,Arial,Helvetica, Serif;
	font-size:9pt;
	/*background-color:#3b5996;*/
	background-color:#f68b1f;
	clear:both;
	border:1px solid #f68b1f;
	width:950px;
	height:35px;
	font-color:white;
}
                                                                                
#legal {
	float:left;
        width:250px;
        height:20;
        font-color:white;
}
                                                                                
#Copyright {
	float:right;
        width:570px;
        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;
}
 
.ch {
	color:#08979f;
}

                                                                              
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 {
}


#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;
}

.tabul {
	list-style:none;
}

/* 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;
}