ul {
list-style-image: url(bullet.png);
margin-bottom: 2%;
}
li {
font-family : "arial";
color : #58595B;
font-size: 105%;
line-height: 115%;
text-align: left;
margin-left: 3%;
}
.t1 {
color: #ffffff;
font-family : "arial";
height: 25px;
position: relative;
width: 100%;
text-align: center;
z-index:2;
padding-top: 10px;
padding-bottom: 35px;
margin:0 auto;
margin-bottom: 3%;
background-color: #334F6B;
}
.t1text {
font-size: 80%;
line-height: 115%;
text-align: center;
margin-top: 12px;
margin-right: 0.7%;
margin-left: 0.7%;
text-decoration: none;
margin-bottom: 2%;
border: 0%;
padding-left: 0%;
padding-right: 0%;
}
.t1text a:link {
color: #ffffff;
text-decoration: none;
font-family : "arial";
text-align: center;
z-index:2;
padding-top: 12px;
padding-bottom: 12px;
margin:0 auto;
}
.t1text a:active {
color: #ffffff;
text-decoration: none;
font-family : "arial";
text-align: center;
z-index:2;
padding-top: 12px;
padding-bottom: 12px;
margin:0 auto;
}
.t1text a:hover {
color: #ffffff;
text-decoration: underline;
font-family : "arial";
text-align: center;
z-index:2;
padding-top: 12px;
padding-bottom: 12px;
margin:0 auto;
}
.t1text a:visited {
color: #ffffff;
text-decoration: none;
font-family : "arial";
text-align: center;
z-index:2;
padding-top: 12px;
padding-bottom: 12px;
margin:0 auto;
}
.pic{
position: relative;
float: right;
width: 40%;
height: 30%;
z-index:2;
left: 0%;
margin-left: 4%;
margin-right: 4%;
top: 20%;
margin-top: 0%;
}
.pic2{
position: relative;
width: 92%;
height: 10%;
z-index:2;
left: 0%;
margin-left: 4%;
margin-right: 4%;
top: 20%;
margin-top: 0%;
margin-bottom: 2%;
}
.pic3{
position: relative;
float: left;
width: 30%;
height: 10%;
z-index:2;
left: 0%;
margin-left: 2%;
margin-right: 4%;
top: 20%;
margin-top: 0%;
margin-bottom: 2%;
}
.pic4{
position: relative;
float: right;
width: 30%;
height: 10%;
z-index:2;
left: 0%;
margin-left: 2%;
margin-right: 4%;
top: 20%;
margin-top: 0%;
margin-bottom: 2%;
}
.pic5{
position: relative;
width: 70%;
height: 10%;
z-index:2;
left: 0%;
margin: 0 auto;
top: 20%;
margin-top: 0%;
margin-bottom: 2%;
}
.pic6{
position: relative;
width: 70%;
height: 8%;
z-index:2;
left: 0%;
margin: 0 auto;
top: 20%;
margin-top: 0%;
margin-bottom: 2%;
}
.pic7{
position: relative;
width: 70%;
height: 10%;
z-index:2;
left: 0%;
margin: 0 auto;
top: 20%;
margin-top: 0%;
margin-bottom: 2%;
}
.pic8{
position: relative;
width: 70%;
height: 10%;
z-index:2;
left: 0%;
margin: 0 auto;
top: 20%;
margin-top: 0%;
margin-bottom: 2%;
}
.pic9{
position: relative;
width: 92%;
height: 10%;
z-index:2;
left: 0%;
margin-left: 4%;
margin-right: 4%;
top: 20%;
margin-top: 0%;
margin-bottom: 2%;
}
.pic99{
position: relative;
width: 96%;
height: 10%;
z-index:2;
left: 0%;
margin: 0 auto;
top: 20%;
margin-top: 0%;
margin-bottom: 2%;
}
.pic100{
position: relative;
width: 100%;
height: 10%;
z-index:2;
margin-left: 2%;
margin-right: 2%;
top: 20%;
margin-top: 0%;
margin-bottom: 2%;
}
.desktop-menu {
visibility: visible;
width:100%;
height:10%;
z-index:3;
background-color:#ff0000;
}
#ddmenu
{
visibility: hidden;
display:block;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
text-align:center; /*Specify the alignment of the whole UL if UL is not width:100%;*/
letter-spacing:normal;
}
#ddmenu ul
{
margin:0 auto;
padding:0;
text-align:center; /* Alignment of each top-level menu items within the UL */
width:50%;
font-size:0;
background:#1C456E;
display:inline-block;
list-style:none;
position:relative;
z-index:999999990;
max-width:1400px;
border:1px solid rgba(255,255,255,255);
border-radius:4px;
}
#ddmenu li
{
margin:0;
padding:0;
font-size:16px;
display:inline-block;
*display:inline;
zoom:1; /*for IE6-7*/
position:relative;
color:#eee;
line-height:46px; /*This determines the height of the menu*/
vertical-align:middle;
transition:background-color 0.2s;
outline:none;
-moz-user-select:none;
-webkit-user-select: none;
-ms-user-select: none;
}
#ddmenu .full-width {
width:25%;
position: static;
height: 5%;
margin-left: 0%;
background-color:#ff0000;
}
#ddmenu .top-heading
{
font-weight:bold;
margin:0 16px;
color:inherit;
text-decoration:none;
display:inline-block;
outline:0;
cursor:pointer;
}
/* links of top-heading */
#ddmenu a, #ddmenu a:link, #ddmenu a:hover
{
color:inherit;
}
#ddmenu a:hover
{
text-decoration:underline;
}
#ddmenu a:focus
{
outline:1px dotted #09F;
}
/* caret(arrow icon) */
#ddmenu .caret
{
color:inherit;
left:-12px;
width: 0;
height: 0;
overflow:visible;/*for IE6*/
vertical-align:middle;
margin-bottom:2px;
border-top: 4px solid;/*caret size is 4px now*/
border-right: 4px solid transparent;
border-left: 4px solid transparent;
display: inline-block;
position:relative;
}
/* sub-menu layout
----------------------------*/
#ddmenu .dropdown
{
width:auto;
left:0px;
color:#000;
padding:0;margin:0;display:none;position:absolute;overflow:hidden;
top:100%;
border:1px solid rgba(255,255,255,0);
border-top:none;
border-radius:2px;
background-color:rgba(0,0,0,0.2);
background-color:#ccc \9;/*fallback for old IE*/
}
/*///////////////////////*/