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, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video{margin:0; padding:0; border:0; font-size:100%; font:inherit; vertical-align:baseline}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display:block}
body{line-height:1}
ol, ul{list-style:none}
blockquote, q{quotes:none}
blockquote:before, blockquote:after, q:before, q:after{content:''; content:none}
table{border-collapse:collapse; border-spacing:0}

body{font:12px Arial,Helvetica,sans-serif; line-height:20px; color:white; -webkit-font-smoothing:antialiased; -webkit-text-size-adjust:100%; overflow-x:hidden}
html{background:#f7f6f6}

h1, h2, h3, h4, h5, h6{color:#414558; font-family:'Poppins'; font-weight:normal;  text-align:center}
.paraf{ font-size:18px;   font-family:'Poppins'}
.paraftop{ font-size:14px;   font-family:'Poppins'}
.parafred{ font-size:18px;   font-family:'Poppins';   color:red}
.paraf2{ font-size:18px;   font-family:'Reem Kufi'}
.paraf1{ font-size:16px;   font-family:'Reem Kufi'}

.paraf3{ font-size:18px;   font-family:'PT Sans'}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a{font-weight:inherit; color:#6d8696}
h1{font-size:36px; margin-bottom:10px}
h2{font-size:20px; margin-bottom:10px; font-weight:600; text-transform:uppercase}
h3{font-size:16px; margin-bottom:5px; text-transform:uppercase}
h4{font-size:14px; margin-bottom:10px}
h5{font-size:12px; margin-bottom:10px}
h6{font-size:11px; margin-bottom:10px}
.subheader{color:#414558}
p{color:#5e637b; line-height:1.5em; font-size:14px; margin:0 0 15px 0; font-family:'PT Serif',serif}
p.last{margin-bottom:0}
p img{margin:0}
ul li, ul li a{font-family:'PT Serif',serif; font-size:14px}
img.left{float:left; margin-bottom:20px; margin-right:20px}
img.right{float:right; margin-bottom:20px; margin-left:20px}
em{font-style:italic}
strong{font-weight:bold; color:#414558}
small{font-size:80%}

blockquote, blockquote p{font-size:14px; line-height:24px; color:#cdcdcd; font-style:italic}
blockquote{margin:0 0 0px; padding:0; border-right:1px solid #796172}
blockquote cite{display:block; font-size:12px; color:#cdcdcd}
blockquote cite:before{content:"\2014 \0020"}
blockquote cite a, blockquote cite a:visited, blockquote cite a:visited{color:#cdcdcd}
hr{border:solid #ddd; border-width:1px 0 0; clear:both; margin:10px 0 30px; height:0}


::selection{background:#6d8696; color:#414558}
::-moz-selection{background:#6d8696; color:#414558}

a, a:visited{color:#8098a6; text-decoration:none; outline:0}
p a, p a:visited{line-height:inherit}

img.scale-with-grid{max-width:100%; height:auto}

ul.tabs{display:block; margin:0 0 20px 0}
ul.tabs li{width:auto; height:18px; padding:0 20px 0 0px; float:left; margin-bottom:0; font-family:Arial,Helvetica,sans-serif}
ul.tabs li a{text-decoration:none; width:auto; height:18px; padding:0px 15px 0 0px; border-right:1px solid #414550; line-height:30px; margin:0; color:#bfd6e4; font-size:16px}
ul.tabs li a.active{height:30px; position:relative; top:0px; padding-top:0px; margin:0 0 0 0px; color:#fff}
ul.tabs li:first-child a.active{margin-left:0}
ul.tabs-content{margin:0; display:block; color:#efefef}
ul.tabs-content >li{display:none}
ul.tabs-content >li.active{display:block}

ul.tabs:before, ul.tabs:after{content:'\0020'; display:block; overflow:hidden; visibility:hidden; width:0; height:0}
ul.tabs:after{clear:both}
ul.tabs{zoom:1}

form{margin-bottom:0px}
fieldset{margin-bottom:20px}
label, legend{display:block; font-weight:bold; font-size:13px}
input[type="checkbox"]{display:inline}
label span, legend span{font-weight:normal; font-size:13px; color:#444}
input[type="text"], input[type="password"], input[type="email"], textarea, select{padding:10px 10px; outline:none; overflow:hidden; font:12px Arial,Helvetica,sans-serif; color:#414558; margin:0; width:198px; max-width:100%; display:block; margin-bottom:10px; background:#eee}
select{padding:0}
input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, textarea:focus{border:1px solid #bbb; color:#555}
textarea{min-height:100px}
select{width:220px}

.header form{margin-bottom:15px}
.header select{-webkit-appearance:none; padding:10px; outline:none; border:none; overflow:hidden; font:12px Arial,Helvetica,sans-serif; margin:0; width:100%; max-width:100%; display:block; background:#fff url('../images/navselect.gif') no-repeat right center}
.header option{outline:none; border:0; overflow:hidden; font:12px Arial,Helvetica,sans-serif; color:#414558; margin:0; width:100%; max-width:100%; display:block; padding-left:15px}

.remove-bottom{margin-bottom:0 !important}
.half-bottom{margin-bottom:10px !important}
.add-bottom{margin-bottom:20px !important}
.left{float:left}
.right{float:right}

 
 
#list1{}
#list1 ul{list-style:none; text-align:center; border-top:1px solid #eee; border-bottom:1px solid #eee; padding:10px 0}
#list1 ul li{display:inline; text-transform:uppercase; padding:0 10px; letter-spacing:10px}
#list1 ul li a{text-decoration:none; color:#eee}
#list1 ul li a:hover{text-decoration:underline}

#list2{width:320px}
#list2 ol{font-style:italic; font-family:Georgia,Times,serif; font-size:24px; color:#bfe1f1}
#list2 ol li{}
#list2 ol li p{padding:8px; font-style:normal; font-family:Arial; font-size:13px; color:#eee; border-left:1px solid #999}
#list2 ol li p em{display:block}

#list3{}
#list3 ul{list-style-image:url("../images/arrow.png"); color:#eee; font-size:18px}
#list3 ul li{line-height:30px}

#list4{width:320px; font-family:Georgia,Times,serif; font-size:15px}
#list4 ul{list-style:none}
#list4 ul li{}
#list4 ul li a{display:block; text-decoration:none; color:#000; background-color:#FFF; line-height:30px; border-bottom-style:solid; border-bottom-width:1px; border-bottom-color:#CCC; padding-left:10px; cursor:pointer}
#list4 ul li a:hover{color:#FFF; background-image:url(../images/hover.png); background-repeat:repeat-x}
#list4 ul li a strong{margin-right:10px}

#list5{color:#eee}
#list5 ol{font-size:18px}
#list5 ol li{}
#list5 ol li ol{list-style-image:url("../images/nested.png"); padding:5px 0 5px 18px; font-size:15px}
#list5 ol li ol li{color:#bfe1f1; height:15px; margin-left:10px}

#list6{font-family:'Trebuchet MS','Lucida Grande',Verdana,Lucida,Geneva,Helvetica,Arial,sans-serif}
#list6 ol{list-style-type:upper-roman; color:#eee; font-size:14px; list-style-position:inside}
#list6 ol li{}

#list7{}
#list7 ul{color:#eee; font-size:18px; font-family:Georgia,Times,serif}
#list7 ul li{display:inline}
#list7 ul li:after{content:","}
#list7 ul li.last:after{content:". "}

#list8{}
#list8 ul{list-style:none}
#list8 ul li{font-family:Georgia,serif,Times; font-size:18px}
#list8 ul li a{display:block; width:300px; height:28px; background-color:#333; border-left:5px solid #222; border-right:5px solid #222; padding-left:10px; text-decoration:none; color:#bfe1f1}
#list8 ul li a:hover{ -moz-transform:rotate(-5deg); -moz-box-shadow:10px 10px 20px #000; -webkit-transform:rotate(-5deg); -webkit-box-shadow:10px 10px 20px #000; transform:rotate(-5deg); box-shadow:10px 10px 20px #000}