/*
	Theme Name: Steve Thomas Home - responsive
	Theme URL: http://www.my123triad.com
	Description: Default Wordpress for 123Triad.
	Author: 123Triad
	Author URI: http://www.123triad.com
	Version: 1.0
	Tags: 123triad theme
	
	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php
*/

/*** Reset CSS ***/
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 {border: 0; font-size: 100%; font: inherit; margin: 0; padding: 0; vertical-align: baseline}

/*** Reset HTML5 ***/
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block;}

/*** Responsive Images ***/
img { -ms-interpolation-mode: bicubic; border: 0; height: auto; max-width: 100%;  vertical-align: middle;}
.ie8 img { height: auto;  width: auto\9; }

/*** Tables ***/
th, td, table { border: 1px solid #ddd; padding: 0.4em;}
table { border-collapse: collapse; width: 100%;}
th { font-size: 0.9em; font-weight: bold;}

/*** Lists ***/
ul { list-style-type: disc; margin: 0; padding: 0;}
ol {line-height: 22px; list-style-position: outside; list-style-type: decimal; margin: 0; padding: 0;}

/*** Paragraph ***/
p, pre { margin: 0; padding: 0 0px 15px 0;}

/*** Headings ***/
h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: bold; color: #BB2B33; line-height: 1.0em;  word-wrap: break-word; text-align: left; margin-bottom: 1.285em; margin-top: 1.285em;}
h1 {font-size: 1.8em; margin-bottom: .8em; margin-top: 1.5em; padding-top: .4em; padding-bottom: .4em;}
h2 {font-size: 1.6em; margin-bottom: .75em; margin-top: .75em;}
h3 { font-size: 1.4em;}
h4 {font-size: 1.3em;}
h5 {font-size: 1.2em;}
h6 {font-size: 1.1em;}

/*** DEFAULTS ***/
a, a:link {color:#18346f; text-decoration:none;} a:hover, a:focus, a:active {color:#011b4e; text-decoration:none;}
input{font-family: "Avant Garde", Avantgarde, "Century Gothic", CenturyGothic, "AppleGothic", sans-serif;}
input[type=text], input[type=password], textarea{padding:6px 10px; border:#ddd 1px solid; }
input[type=submit], input[type=button], input[type=reset]{background:#e5e5e5; border:#ddd 1px solid; box-shadow:rgba(0, 0, 0, 0.2) 0 0 3px, #fff 0 0 7px inset; font-weight:normal; font-size:0.9em; padding:5px 10px; cursor:pointer;}
input[type=submit]:hover, input[type=button]:hover, input[type=reset]:hover{background:#eee;}

/*** BODY ***/
body{margin:0px auto; font-size:15px; font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif; color: #000000; line-height:21px; background:#001c5f url(images/bg.jpg) no-repeat center top;}
#mainWrap{width:952px; margin:0px auto; padding:17px 14px 0px; background: url(images/wrapbg.png) left top repeat;}
#topWrap{width:966px; margin:0px auto; padding:0px;}
#contentWrap{width:952px; margin:0px auto; padding:15px 14px 15px; background:url(images/content_bg.png) left top repeat;}

/***** HEADER *****/
header{margin:0px;}
#logo{float:left; height:175px; margin:0px; padding:0px;}
#logo h1{font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif; font-weight:bold; font-size:80px; color:#ffffff; line-height:24px; text-align:left; letter-spacing:1.8px; margin:0px; padding:0px; position:relative;}
#logo h2{font-family:Verdana, Geneva, sans-serif; font-size:16px; color:#ffffff; line-height:24px; text-align:left; font-weight:normal; margin:35px 0px 21px 15px; padding:0px; position:relative;}
#logo img{border:none;}
#logo a, header #logo a:link {color:#ffffff; text-decoration:none; margin:0px; padding:0px; line-height:21px;} #logo a:hover, #logo a:focus, #logo a:active {color:#ffffff; text-decoration:none;}

.extras{float:right; width:248px; height:88px; margin:25px 0 0 0; padding:0px;}
#banner{height:454px; margin:0 0 0px 0; border-top:5px solid #5972a8; border-bottom:5px solid #5972a8; -moz-border-radius:5px; -webkit-border-radius:5px; -khtml-border-radius:5px; border-radius:5px;}
#bannernew{height: auto; border-left:1px solid #5972a8; border-right:1px solid #5972a8; margin:0 0 0px 0; border-top:5px solid #5972a8; border-bottom:5px solid #5972a8; -moz-border-radius:5px; -webkit-border-radius:5px; -khtml-border-radius:5px; border-radius:5px;}
#banner .bannerleft{float:left; width:364px; /*width:38.2%;*/ margin:0px; padding:0px;}
#banner .bannerright{float:right; width:582px; height:189px; border-left:6px solid #5972a8; margin:0px 0px 0px 0px; padding:265px 0px 0px 0px;}
.bannerright span{color:#013a85; font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif; font-size:28px; margin:0px 0px 0px 9px; padding:0px 0px 0px 0px;}
.bannerright span img{ vertical-align:middle; display:inline-block; margin:0px; padding:0px;}

.banner-bottom{float:left; margin:30px 0px 0px 0px; padding:0px 0px 0px 0px; width:100%;}

#join{float:left; margin:0px 0px 0px 2px; padding:0px 0px 0px 0px; width:241px; color:#ffffff; font-size:13px; font-family:Verdana, Geneva, sans-serif; font-weight:bold;}
#join a{background:url(images/join-me.png) left -50px no-repeat; color:#ffffff; width:241px; height:35px; margin:0px 0px 0px 0px; padding:13px 0px 0px 0px; text-decoration:none; display:block; text-align:center; text-shadow: 1px 1px 0px #2b2b2b;}
#join a:hover{background:url(images/join-me.png) left top no-repeat; color:#ffffff;}

#icons{float:left; margin:0px 0px 0px 9px; padding:0px 0px 0px 0px; width:325px;}
#icons a{width:50px; height:50px; margin:0px 3px 0px 0px; padding:0px 0px 0px 0px; text-decoration:none; display:block;}

#icons a.fb{float:left; background:url(images/social_icons.png) left top no-repeat;}
#icons a.fb:hover{background:url(images/social_icons.png) left -51px no-repeat;}

#icons a.tw{float:left; background:url(images/social_icons.png) -57px top no-repeat;}
#icons a.tw:hover{background:url(images/social_icons.png) -57px -51px no-repeat;}

#icons a.you{float:left; background:url(images/social_icons.png) -111px top no-repeat;}
#icons a.you:hover{background:url(images/social_icons.png) -111px -51px no-repeat;}

#icons a.p{float:left; background:url(images/social_icons.png) -165px top no-repeat;}
#icons a.p:hover{background:url(images/social_icons.png) -165px -51px no-repeat;}

#icons a.in{float:left; background:url(images/social_icons.png) -220px top no-repeat;}
#icons a.in:hover{background:url(images/social_icons.png) -220px -51px no-repeat;}

#icons a.inst{float:left; background:url(images/social_icons.png) -276px top no-repeat;}
#icons a.inst:hover{background:url(images/social_icons.png) -276px -51px no-repeat;}


#icons1{float:left; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; width:269px;}
#icons1 a{width:38px; height:38px; margin:0px 3px 0px 0px; padding:0px 0px 0px 0px; text-decoration:none; display:block;}

#icons1 a.fb{float:left; background:url(images/social_icons1.png) left top no-repeat;}
#icons1 a.fb:hover{background:url(images/social_icons1.png) left -38px no-repeat;}

#icons1 a.tw{float:left; background:url(images/social_icons1.png) -42px top no-repeat;}
#icons1 a.tw:hover{background:url(images/social_icons1.png) -42px -38px no-repeat;}

#icons1 a.you{float:left; background:url(images/social_icons1.png) -83px top no-repeat;}
#icons1 a.you:hover{background:url(images/social_icons1.png) -83px -38px no-repeat;}

#icons1 a.p{float:left; background:url(images/social_icons1.png) -121px top no-repeat;}
#icons1 a.p:hover{background:url(images/social_icons1.png) -121px -38px no-repeat;}

#icons1 a.in{float:left; background:url(images/social_icons1.png) -164px top no-repeat;}
#icons1 a.in:hover{background:url(images/social_icons1.png) -164px -38px no-repeat;}

#icons1 a.inst{float:left; background:url(images/social_icons1.png) -205px top no-repeat;}
#icons1 a.inst:hover{background:url(images/social_icons1.png) -205px -38px no-repeat;}

/*#icons{margin:15px 0 0; text-align: right;}
#icons a.social-net-icon { width: 26px; height: 26px; background: #666 url(images/facebook-icon.png) no-repeat top center; box-shadow:rgba(0, 0, 0, 0) 0 0 3px, #000 0 0 3px inset; display: block; -moz-border-radius: 20px; -webkit-border-radius: 20px; -khtml-border-radius: 20px; border-radius: 20px; float: left; margin: 0 0 0 1px; border: 1px solid #333; }
#icons a.social-net-icon:hover {box-shadow:rgba(0, 0, 0, 0) 0 0 3px, #000 0 0 6px inset; background: #575757 url(images/facebook-icon.png) no-repeat top center;}*/

/***** NAVIGATION *****/
nav{position:relative; background:url(images/navbg.png) left top no-repeat; width:948px; height:50px; margin:0px 0 8px; padding:0 5px; font-family:Verdana, Geneva, sans-serif; font-size:15px; z-index: 99999;
behavior: url(PIE.htc);}
nav > span{color:#fff; font-weight:bold; display:none; padding:0px 0px 0px 15px;}
nav ul{list-style:none; padding:0; margin:0;}
nav > ul > li{display:block; float:left; height:48px; padding:0; margin:0 0px 0 0; position:relative; background:url(images/divider.jpg) right top no-repeat;}
.ie7 nav > ul > li{margin:-1px 0 0;}
nav > ul > li a{display:block; padding:15px 15px 12px 15px; color:#fff !important;}
nav > ul > li ul{position:absolute; background:#fff; width:200px; display:none; box-shadow:rgba(0, 0, 0, 0.5) 3px 3px 2px;}
nav > ul > li ul ul{top:0; left:200px;}
.ie7 nav > ul > li ul ul{top:1px;}
nav > ul > li ul li{border-bottom:#ddd 1px dotted; position:relative; background:#5972a8;}
nav > ul > li ul li a{display:block; display:block;}
nav > ul li:hover, nav > ul li.current_page_item, nav > ul li.current_page_ancestor{color:#fff; background:url(images/divider.jpg) right top no-repeat;}
nav > ul li:hover > a, nav > ul li.current_page_item > a, nav > ul li.current_page_ancestor > a{color:#fff; background:#5972a8 url(images/nav_rl.jpg) left top repeat-x; text-decoration:none;}
nav > ul li:hover > ul{display:block;}

/*** Menu with arrows ***/
.arr1, .arr2, .arr3, .arr4{background-repeat: no-repeat;}
.arr1{background-image:url(images/ico-arrows.png); background-position:right 26px; padding-right:20px !important;}
.arr2{background-image:url(images/ico-arrows.png); background-position:right -56px; padding-right:20px !important;}

/*** Sub Menu Navigation ***/
.arr3{background-image:url(images/ico-arrows.png); background-position:right -86px; padding-right:20px !important;}
.arr4{background-image:url(images/ico-arrows.png); background-position:right 156px; padding-right:20px !important;}

/***** CONTENT AREA *****/
#content{}
	
/*** CONTENT ***/
#contentArea{width:690px; float:left; font-size:1em; text-align:justify; margin:0 12px 20px 0;}
#contentArea h1{font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif; font-size:20px; color:#121c47; margin:15px 0px 15px; padding:0px; font-weight:bold;}
#contentArea h2{font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif; font-size:20px; color:#010101; margin:5px 0px 10px; padding:0px; font-weight:bold;}
#contentArea h3{font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif; font-size:20px; color:#121c47; margin:0px; padding:0px; font-weight:bold;}
#postArea{padding:10px;}
#contentArea ul { margin: 0px 0px 0px 15px; padding: 0px;}
#contentArea strong{font-weight:bold;}
	
/*** SIDEBAR ***/
#sidebar{width:250px; float:right; font-size:0.9em;}
#widgetArea{ margin:0px; padding:0px 0px 25px 0px;}
#mainSidebar{list-style:none; margin:0px; padding:0px;}
#mainSidebar li{margin:0px; padding:0px;}
#mainSidebar li h1{background:#eee; padding:8px; margin:3px; font-size:1.2em}
#mainSidebar li ul { margin: 0px 0px 0px 20px; padding: 0px 0px 0px 0px;}
#mainSidebar li li{margin:0 10px 0 0; padding: 0px 0px 5px 0px;}

/*** SEARCHBOX **/
#searchBox {width:248px; height:38px; margin:0 1px 0 1px; padding:0px; float:left;}
#searchBox input[type=text]{float:left; margin:0 0 0 0px; padding:7px 5px 9px 12px; width:151px; height:22px; border:none; background:#FFF url(images/search.jpg) center right no-repeat; border-radius: 8px 0px 0px 8px; -moz-border-radius: 8px 0px 0px 8px; -webkit-border-radius: 8px 0px 0px 8px; border: 0px solid #000000; font-family: Verdana, Geneva, sans-serif; font-size:12px; color:#323232; font-weight:400;}
#searchBox input[type=submit]{float:right; background:#5972a8; color:#FFF; width:80px; height:38px; border:none; box-shadow:rgba(0, 0, 0, 0.0) 0 0 0px, #fff 0 0 0px inset; font-size:12px; font-family: Verdana, Geneva, sans-serif; padding:0px 0px; margin:0px 0px 0 0px; cursor:pointer; text-transform:uppercase; border-radius: 0px 8px 8px 0px; -moz-border-radius: 0px 8px 8px 0px; -webkit-border-radius: 0px 8px 8px 0px; border: 0px solid #000000;}
#searchBox input[type=submit]:hover{ background:#5972a8;}

/*** Content Related ***/
.multiple-post{border:#CFE6F5 1px solid; padding:10px; margin:0 0 10px; background:#C3DAE9;}
.multiple-post h3{margin: 0 0 7px !important; padding:7px 0px 7px 0px !important; border-bottom:#CFE6F5 1px dotted;}
.multiple-post h3 a:hover{text-decoration:none;}
.postmeta{}
.postmeta > span{float:left; font-size:12px;}
.postmeta > span.comment{float:right;}

/*** COMMENTS ***/
#comments{padding:10px;}
#comments h2{margin:5px 5px 15px; padding:5px 0px 7px; border-bottom:#333 1px dotted;}
ol.commentList, ul.children{list-style:none; margin:0px; padding:0px;}
ol.commentList > li{padding:15px; background:#f5f5f5; border:#eee 1px solid; margin:0 0 20px;}
ol.commentList > li ul.children{padding:10px 0 0 0px; margin:10px 0 0 10px; border-left:#7f7f7f 1px dotted;}
ol.commentList > li ul.children > li{margin:10px 0 0; padding:0 0 10px 18px; border-bottom:#eee 1px solid; background:url(images/arrow-comment.png) no-repeat 0 15px;}
ol.commentList > li ul.children > li:last-child{border:none;}
#comments .commentForm input, #comments .commentForm textarea{margin:5px 0px; font-size:1em; padding:5px;}
#comments .commentForm input:focus, #comments .commentForm textarea:focus{}
.comment-tip{font-size:0.7em; font-style:italic; width:95%;}
.comment-tip code{font-size:1.2em;}

/*** FOOTER ***/
footer{font-size:12px; font-family:Verdana, Geneva, sans-serif; padding:0px; color:#f2f2f2; margin:21px auto 15px; width:980px; text-align:center; line-height:21px;}
footer strong{ font-weight:bold;}
footer p { margin: 0px; padding: 0 0 10px 0;}
footer a{color:#f2f2f2 !important;}
footer a:hover { color:#f2f2f2 !important; text-decoration:underline;}

/*** 404 Page ***/
#contentArea.search > ul{margin:0 0 20px; padding:0 0 0 25px;}
#contentArea.search > ul ul{margin:0 0 10px; padding:0 0 0 15px;}

/*** EXTRAS ***/
.clear{clear:both;}
.searchpg-box{margin:0 0 20px;}
textarea#comment{width:95%;}

/*** Back to top button  ***/
#back-top { position: fixed; bottom: -13px; right: 15px;}
#back-top a { width: 50px; display: block; text-align: center; font-size: 12px; line-height: 12px; padding-bottom: 5px; text-transform: none; text-decoration: none; color: #9D9D9D; background: #FFF !important;}
#back-top a:hover {color: #9D9D9D;}
#back-top span { width: 50px; height: 50px; display: block; margin-bottom: 4px; background: #5972a8 url(images/up-arrow.png) no-repeat center center; box-shadow: 0 0 5px rgba(0, 0, 0, 0.35);}
#back-top a:hover span { background:#5972a8  url(images/up-arrow.png) no-repeat center center;}
#subscribe-contact{width:248px; height:38px; margin:15px 0 15px 0;}
#subscribe-contact p{margin:0px; padding:0px;}

/*** Top Search Box ***/
/*#searchBox { width: 280px; margin: 0px auto 0px; padding: 0px; border:#ddd 1px solid;}
#searchBox input[type=text] { border: none; }
#searchBox input[type=submit] {box-shadow:rgba(0, 0, 0, 0) 0 0 0px, #fff 0 0 0px inset; border: none; float: right;}*/

/*** Responsive Width***/
@media screen and (min-width:481px) and (max-width:768px){
	
#mainWrap { width: 90%; margin:0px auto; padding:2%; background:#fff; box-shadow:rgba(0, 0, 0, 0) 0 0 0px;}
h1 {font-size: 1.3em; margin-bottom: .8em; margin-top: 1.5em; padding-top: .4em; padding-bottom: .4em;}
h2 {font-size: 1.2em; margin-bottom: .75em; margin-top: .75em;}
h3 { font-size: 1.1em;}
h4 {font-size: 1em;}
h5 {font-size: 0.9em;}
h6 {font-size: 0.8em;}

nav{background:#5972a8 url(images/nav-ico.png) no-repeat right; height:35px; display:block; position:relative; cursor:pointer; z-index: 9999; width:98%;}
nav > span{display:block; height: 35px; line-height: 35px; text-transform:uppercase;}
nav ul{list-style:none; margin:0; padding:0; position:absolute; top:35px; width:100%; display:none; left:0;}
nav > ul > li{display:block; background:#5972a8; box-shadow:rgba(0,0,0,0.5) 0 10px 10px; border-bottom:#666 1px solid; float:none; width: 100%;}
nav li a{display:block; color:#fff; text-decoration:none; padding:10px 7px;}
nav ul li ul{position:absolute; top:30px; background:#fff; width:200px; display:none; box-shadow:rgba(0, 0, 0, 0.5) 3px 3px 2px; z-index:9999;}
nav ul li ul li{border-bottom:#ddd 1px dotted; position:relative;}
nav ul li ul li a{display:block; font-size:0.9em; display:block;}
/*nav:hover ul{display:block !important; }*/
nav li > ul > li   { display: none;}
nav ul li:hover li { display: block;}
nav ul li:hover li li { display: none;}
nav ul li li:hover li { display: block;}
#contentArea{ width: 100%; float: none; margin: 0px auto 40px; }
#sidebar{width: 100%; float: none; margin: 0px auto 0px; }
footer{ width: 90%; padding: 2%; box-shadow:rgba(0, 0, 0, 0) 0 0 0px; }

#contentArea {
    float: left;
    margin: 0 auto 40px;
    width: 63%;
}
	

#sidebar {
    float: right;
    margin: 0 auto;
    width: 36%;
}
#logo h1 {
    color: #FFFFFF;
    font-family: "Palatino Linotype","Book Antiqua",Palatino,serif;
    font-size: 65px;
    font-weight: bold;
    letter-spacing: 1.8px;
    line-height: 24px;
    margin: 0 0 0 15px;
    padding: 0;
    position: relative;
    text-align: left;
}
	
	
#topWrap {
    margin: 0 auto;
    padding: 0 20px 0 0;
    width: 92%;
}

#mainWrap {
        background: url("images/wrapbg.png") repeat scroll left top rgba(0, 0, 0, 0);
    box-shadow: 0 0 0 rgba(0, 0, 0, 0);
    margin: 0 auto;
    padding: 2%;
    width: 90%;
}

#banner .bannerleft {
    float: left;
    margin: 0;
    padding: 0;
    width: 324px;
}

#banner .bannerright {
  border-left: 6px solid #5972a8;
    float: left;
    height: 179px;
    margin: 0;
    min-height: 352px;
padding:55px 0 0 18px;
    width: 325px;
}
#contentWrap {
    background: url("images/content_bg.png") repeat scroll left top rgba(0, 0, 0, 0);
    margin: 0 auto;
    padding: 15px 14px;
    width: 91%;
}
#searchBox input[type="submit"] {
    float: left;
    width: 20%;
}

#banner {
    border-bottom: 5px solid #5972a8;
    border-radius: 5px 5px 5px 5px;
    border-top: 5px solid #5972a8;
    height: 405px;
    margin: 0;
}

.bannerright span{line-height: 39px;}
#contentWrap{width: 90.4%;}
#searchBox input[type="submit"]{width: 22%;}
footer {margin:15px auto 3px; width:90%;}
}


@media screen and (min-width:769px) and (max-width:980px){
#mainWrap {width:100%;}
#contentArea{ width: 70%; }
#sidebar{width:28%;}
footer{ width: 90%; padding: 2%; box-shadow:rgba(0, 0, 0, 0) 0 0 0px; }
.bannerleft img {max-width:100%;}
}

		
@media screen and (max-width:685px) {
header #logo{float: left;}
header .extras{float: right;}
#contentWrap{width:89.8%;}
.bannerleft img {max-width:100%;}
}

@media screen and (max-width:600px) {
#contentArea {width:100%;}
#sidebar{float:none;}
}	

@media screen and (max-width:568px) {
header #logo{float: none; text-align: center; width: 100%; margin: 0px auto 10px;}
header .extras{float: none; width: 100%;}
#contentWrap{width:88.8%;}
.bannerleft img {max-width:100%;}
#contentArea {width:100%;}
#sidebar{float:none;}
}

@media screen and (max-width:480px){
	
#mainWrap { width: 90%; margin:0px auto; padding:2%; background:#fff; box-shadow:rgba(0, 0, 0, 0) 0 0 0px;}
h1 {font-size: 1.3em; margin-bottom: .8em; margin-top: 1.5em; padding-top: .4em; padding-bottom: .4em;}
h2 {font-size: 1.2em; margin-bottom: .75em; margin-top: .75em;}
h3 { font-size: 1.1em;}
h4 {font-size: 1em;}
h5 {font-size: 0.9em;}
h6 {font-size: 0.8em;}

nav{background:#5972a8 url(images/nav-ico.png) no-repeat right; height:35px; display:block; position:relative; cursor:pointer; z-index: 9999; width:98%;}
nav > span{display:block; height: 35px; line-height: 35px; text-transform:uppercase;}
nav ul{list-style:none; margin:0; padding:0; position:absolute; top:35px; width:100%; display:none; left:0;}
nav > ul > li{display:block; background:#5972a8; box-shadow:rgba(0,0,0,0.5) 0 10px 10px; border-bottom:#666 1px solid; float:none; width: 100%;}
nav li a{display:block; color:#fff; text-decoration:none; padding:10px 7px;}
nav ul li ul{position:absolute; top:30px; background:#fff; width:200px; display:none; box-shadow:rgba(0, 0, 0, 0.5) 3px 3px 2px; z-index:9999;}
nav ul li ul li{border-bottom:#ddd 1px dotted; position:relative;}
nav ul li ul li a{display:block; font-size:0.9em; display:block;}
/*nav:hover ul{display:block !important; }*/
nav li > ul > li   { display: none;}
nav ul li:hover li { display: block;}
nav ul li:hover li li { display: none;}
nav ul li li:hover li { display: block;}
#contentArea{ width: 100%; float: none; margin: 0px auto 40px; }
#sidebar{width: 100%; float: none; margin: 0px auto 0px; }
footer{ width: 90%; padding: 2%; box-shadow:rgba(0, 0, 0, 0) 0 0 0px; }

#searchBox input[type="submit"] {
    float: left;
    width: 20%;
}

.bannerleft img {
    border: 0 none;
    height: auto;
    max-width:100%;
    vertical-align: middle;
}
#logo h1 {
    color: #FFFFFF;
    font-family: "Palatino Linotype","Book Antiqua",Palatino,serif;
    font-size: 65px;
    font-weight: bold;
    letter-spacing: 1.8px;
    line-height: 52px;
    margin: 0 0 0 15px;
    padding: 0;
    position: relative;
    text-align: left;
}
	
	
#topWrap {
    margin: 0 auto;
    padding: 0 20px 0 0;
    width: 86%;
	  height: 329px;
}

#mainWrap {
        background: url("images/wrapbg.png") repeat scroll left top rgba(0, 0, 0, 0);
    box-shadow: 0 0 0 rgba(0, 0, 0, 0);
    margin: 0 auto;
    padding: 2%;
    width: 90%;
}
#banner {
    border-bottom: 0px solid #5972a8;
    border-radius: 5px 5px 5px 5px;
    border-top: 5px solid #5972a8;
    height: 454px;
    margin: 0;
}
#banner .bannerleft {
    float: left;
    margin: 0;
    padding: 0;
    width: 303px;
}

#banner .bannerright {
  border-left: 0px solid #5972a8;
    border-top: 6px solid #5972a8;
    float: left;
    height: 179px;
    margin: 0;
    min-height: 260px;
    padding: 51px 0 0;
  width: 100%;
}

.bannerright span {
    color: #013A85;
    font-family: "Palatino Linotype","Book Antiqua",Palatino,serif;
    font-size: 22px;
    margin: 0 0 0 1px;
    padding: 0;
    text-align: center;
}
#join a {
    background:url(images/join-me1.png) left top no-repeat;;
    color:#ffffff;
    display: block;
    font-size: 13px;
    height: 28px;
    margin: 13px auto 0;
    padding: 10px 0 0;
    text-align: center;
    text-decoration: none;
    text-shadow: 1px 1px 0 #2B2B2B;
    width: 232px;
}
#join a:hover{background:url(images/join-me1.png) left top no-repeat; color:#ffffff;}

#icons {
    float: left;
    margin: 0 0 0 3px;
    padding: 0;
    width: 269px;
}
#contentWrap {
    background: url("images/content_bg.png") repeat scroll left top rgba(0, 0, 0, 0);
    margin: 0 auto;
    padding: 15px 14px;
    width: 88%;
}

.extras {
    float: left;
    height: 38px;
    margin: 64px 0 11px 15px;
    padding: 0;
    width: 248px;
}
.bannerright span {
    color: #013A85;
    font-family: "Palatino Linotype","Book Antiqua",Palatino,serif;
    font-size: 22px;
    margin: 0 0 0 1px;
    padding: 0;
}
}
@media screen and (max-width:380px) {
header #logo{float: none; text-align: center; width: 100%; margin: 0px auto 10px;}
header .extras{float: none; width: 100%;}
#contentWrap{width:86%;}
.bannerleft img {max-width:100%;}
}
	
@media screen and (max-width:320px) {
header #logo{float: none; text-align: center; width: 100%; margin: 0px auto 10px;}
header .extras{float: none; width: 100%;}
#contentWrap{width:85%;}
#banner .bannerleft{width:273px;}
.bannerleft img {max-width:100%;}
#join {width:100%;}
}

@media screen and (max-width:240px) {
header #logo{float: none; text-align: center; width: 100%; margin: 0px auto 10px;}
header .extras{float: none; width: 100%;}
#banner .bannerleft{width:201px;}
.bannerleft img {max-width:100%;}
#contentWrap{width:81%;}
}
 

#unsubscribe { display:none;}

#s2email {float:left; margin:0 0 0 0px; padding:7px 5px 9px 12px; width:151px; height:22px; border:none; background:#FFF; 
border-radius: 12px 0px 0px 12px; 
-moz-border-radius: 12px 0px 0px 12px; 
-webkit-border-radius: 12px 0px 0px 12px; 
border: 0px solid #000000; font-family: Verdana, Geneva, sans-serif; font-size:12px; color:#323232; font-weight:400;}

#subscribe { float:left; background:#5972a8; color:#FFF; width:80px; height:38px; border:none; box-shadow:rgba(0, 0, 0, 0.0) 0 0 0px, #fff 0 0 0px inset; font-size:11px; font-weight:bold; 
font-family: Verdana, Geneva, sans-serif; padding:0px 0px; margin:0px 0px 0 0px; cursor:pointer; text-transform:uppercase; 
border-radius: 0px 12px 12px 0px; 
-moz-border-radius: 0px 12px 12px 0px; 
-webkit-border-radius: 0px 12px 12px 0px; border: 0px solid #000000;}

#subscribe:hover{ background:#5972a8;}
#topWrap .extras p {    padding: 0;}
#speak img { padding:4px; border:0px solid #e7e7e7; margin:0 15px 0 0;}
#house img { padding:4px; border:1px solid #e7e7e7; margin:0 15px 5px 0;}
#house table, #house td, #house tr {border:0px solid #e7e7e7;}
#navigator img { padding:4px; border:1px solid #e7e7e7; margin:5px;}

hr {}

.left_side {float:right; padding-left:10px;}
.right_side { float:left; padding-right:10px;}
.orange { color:#5972a8; font-weight:bold;}
.green { color:#4ca80f; font-weight:bold;}