@charset "utf-8";
/* CSS Document */

html {
	background-color: #c9c6be;
	background-image:url(/images/v201005/images/texture_bg.jpg);
	text-align:center;
	margin:0;
	padding:0;
	}
	
body {
	background-color: #fff;
	font: 13px Sylfaen, Georgia, "Times New Roman", Times, serif;	
	line-height: 20px;
	color:;
	margin:0;
	padding:0;
	text-align:center;
	height:320px;   
}
p {
	line-height: 17px;
}
a {
	text-decoration: none;
	outline: 0;
	color:#5f858d;
}
a:hover {
	text-decoration:underline;
	color:;
}

a img {
	border: none;
}

h1 {
	font:25px Sylfaen, Georgia, "Times New Roman", Times, serif;
	padding: 10px 0 15px 0;
}
h2 {
	font: 18px Sylfaen, Georgia, "Times New Roman", Times, serif;
	padding: 15px 0 0 0;
}
h3 {
	font: bold 14px Sylfaen, Georgia, "Times New Roman", Times, serif;
	padding: 15px 0 0 0;
}
h4 {
        font: 13px bold Sylfaen, Georgia, "Times New Roman", Times, serif;
        color: #5f858d;
        padding: 10px 0 2px 0;
}

.clear {
	clear: both;
	margin:0;
	padding:0;
}
wrapper {
	width:950px;
	margin:0;
	padding:0;
}
/*HEADER*/
#header-container {
	background-color: #fff;
	width: 100%;
	height: 340px;
	margin: 0 auto;
	padding: 0;
	position: relative;
	}
	
#header { 
	width:950px;
	margin: 0 auto;
	padding: 0;
	position: relative;
	
	}
/*LOGO*/	
h1.header {
	width: 510px; 
	height: 136px;
	margin: -16px 0 0 20px;
	background:url(/images/v201005/images/aao-logo.png) no-repeat;
	float: left;
	}
  h1.header span {
	display: none;
	}
	
/*SEARCH BAR*/
#searchwrapper {
width:210px; /*follow your image's size*/
height:30px;/*follow your image's size*/
background-image:url(/images/v201005/images/AAO-searchBar.gif);
background-repeat:no-repeat; /*important*/
padding:0px;
margin:-31px 0 0 0;
position:relative; /*important*/
float: right;
}
#searchwrapper form { display:inline ; }
.searchbox {
border:0px; /*important*/
background-color:transparent; /*important*/
position:absolute; /*important*/
top:5px;
left:15px;
width:154px;
height:24px;
font: 12px Sylfaen, Georgia, "Times New Roman", Times, serif;
}
.searchbox_submit {
border:0px; /*important*/
background-color:transparent; /*important*/
position:absolute; /*important*/
top:4px;
left:163px;
width:24px;
height:23px;
}



#phoneBanner {
	background:url(/images/v201005/images/AAO-phoneBanner.png) no-repeat;
	width: 408px;
	height: 57px;
	margin: -161px 0 0 560px;
	float:left;
}
#phoneBanner p {
	font-size: 20px;
	color: #69b1b8;
	position: absolute;
	margin: 16px 0 0 220px;
}

#socialBar {
	float: right;
	width: 500px;
	padding:0;
	margin:-80px 0 0 0;
	font: 14px Sylfaen, Georgia, "Times New Roman", Times, serif;
}

#socialBar li {
	display: block;
	margin:0;
	padding: 0;
	float: left;
	width: auto;
 }
#socialBar a {
	color: #5f858d;
	text-decoration: none;
}
#socialBar a:hover, #socialBar a:active {
	text-decoration: underline;
 }
	
#social_iconBar {
padding: 0px 15px 0 0;
}

#social_iconBar li{
float:right;
padding-top: 0px;
}


/*END HEADER*/

#photoBanner {
	margin: 0 0 0 -52px;
	position: relative;
}
.photoBanner-text {
	color: #3b5065;
	position: aboslute;
	line-height: 16px;
	margin: -62px 0 0 25px;
}		
#freeguide-Banner {
	margin: 7px 0 0 -54px;
}
#boxBanner {
	margin: 20px 0 0 10px ;	
	float: left;
	position:relative;
}
.boxText {
	color: #003a50;
	margin: -120px 0 0 20px;
}
#importantArticle-box {
	margin: 20px 10px 20px 5px;
	float: left;
	position:relative;
}
#international-ImportantArticles-text {
	position:absolute;
	color: #5f858d;
	margin: -500px 25px 0 15px;
	line-height: 16px;
}
#international-ImportantArticles-text h2 a {
	color: #003a50;
}
h3.box span {
	display: none;
	margin:0;
	padding:0;
	}
h3.box {
	display: inline;
}
#guideBar {
	background-image:url(/images/v201005/images/leftnav-bg.jpg);
	width: 220px;
	height: 100%;
	margin: 0 0 0 35px;
	padding:0 0 100px 11px;
	z-index: 40;
}
img.guide {
	margin: 40px 0px 0px -44px;
	z-index: 50;
}
	
/*TABBED CONTENT*/

#tabbed-box {
	margin: 25px 0 0 -25px;
	width: 650px;
	position: relative;
}
.tabbed-box a {
	font-family: Sylfaen, Georgia, "Times New Roman", Times, serif;
	font-size: 15px;
	color:#003a50;
	margin-bottom: 10px;
}
.tabbed-area {
	background-color: #3b5065;
	padding: 10px;
	margin: 0 0 40px 20px;
}
ul.tabs { 
	padding:0px;
	margin:5px 0 5px 0;
}
ul.tabs li {
	list-style: none;
	display: inline;
}
ul.tabs li a {
	background-color: #b4d2d5;
	color: #3b5065;
	padding: 8px 14px 8px 14px;
	text-decoration:none;
	font-size:10px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	text-transform: uppercase;
	border:1px solid #9abfc5;
}

ul.tabs li a:hover{
	background-color: #fff;
	border-color: #fff;
}
ul.tabs li a.active{
	background-color: #fff;
	color: #5f858d;
	border: 1px solid #fff;
	border-bottom: 1px solid #fff;
}
.tab-content {
	background-color: #fff;
	padding: 6px;
	border: 1px solid #fff;
}
#tab-content_2, #tab-content_3 {
	display: none;
}
.tab-content ul {
	margin: 0px;
	padding: 0px 20px 0px 20px;
}
.tab-content ul li {
	list-style:none;
	border-bottom: 1px solid #d6dde0;
	padding-top: 15px;
	padding-bottom: 20px;
	font-size: 13px;
}
.tab-content ul li a {
	text-decoration: none;
	color: #000;
}
.tab-content ul li a:hover {
	text-decoration: underline;
}
.tab-content ul li:last-child {
	border-bottom: none;
}
.tab-content p {
	color: #5f858d;
	padding-bottom: 6px;
}
/*END TABS*/


/*FOOTER AND FEATURE STYLES*/
#aao-featureArt {
	width: 848px;
	margin: 0 0 0 330px;
	background:url(/images/v201005/images/AAO-featureArticle-banner.gif) top left no-repeat;	
	background-color: #e2e1dd;
	height: 390px;
	position: relative;
}
#aao-featureArt h4 {
	font-size: 19px;
	font-weight: 670;
	color: #fff;
	position: absolute;
	margin: 15px 0 0 235px;
}
#aao-featureArt h4 a {
	color: #fff;
}
#aao-featureArt p {
	padding: 70px 30px 0px 30px;
	color: #333;
	font: 13px Sylfaen, Georgia, "Times New Roman", Times, serif;
	text-align: left;	
}
.addThis-Feature {
	margin: 20px 0 0 0 ;
}
/* FOOTER */

#footer {
        clear: both;
        background: #b4d2d5;
        color: #fff;
        margin: 0;
        padding: 0 0 20px 20px;
        height: 100%;
}

#footer_wrapper {
        width: 950px;
        margin: 0 auto;
}

.footerNav{
        float: left;
        margin: 20px 0 15px 60px;
}

.footerNav ul {
list-style-type: none;
margin:0;
padding:0;
border; none;
text-align:left;
}

.footerNav a{
        color:#3b5065;
}

.footerNav a:hover {
        color: #fff;
        background-color:#b4d2d5;
        padding: 2px;
        text-decoration:none;
}

#footerBanner {
        clear: both;
        margin: 0 0 0 0;
}

#footerBanner p {
        color: #3b5065;
        font-size: 19px;
        position: absolute;
        margin: 0;
        left: 438px;
        top: 444px;
}

/*FOOTER TABLE STYLES*/
#footerTable {
        width: 900px;
        padding: 0;
        margin: 0 auto 0 ;
        font: 13px Sylfaen, Georgia, "Times New Roman", Times, serif;
        background:  #b4d2d5;
}
td.interiorNav-Table {
        background:  #b4d2d5;
        padding: 30px 0 0;

}
td.certificateLogos {
        width: 300px;
        padding: 30px 10px 10px ;
        background:  #b4d2d5;
}
td.footerLogo {
        background:  #b4d2d5;
        padding: 30px 0 0 60px;
        text-align: left;
}
td.footerPhone {
        background:  #b4d2d5;
        color: #3b5065;
        font-size: 19px;
        padding: 0;
}

/*CONTENT STYLES*/
#aao-contentBox {
	padding: 20px 49px 40px 30px;
	margin: 0 0 0 -47px;
	width: 581px;
	height: 100%;
	min-height: 715px;
	background: #e7e7e3;
	line-height: 17px;
}
#aao-contentBox a {
	color: #003a50;
	line-height: 25px;
	font-size: 14px;
}
#aao-contentBox h2 a {
	font-size: 17px;
	padding: 15px 0 0 0;
}



/*ARTICLE PAGE*/
#aao-articleHeading-box {
        height: 130px;
        width: 635px;
        margin:0 0 0 -52px;
        padding: 15px 0px 20px 30px;
        background: #385065;
        line-height: 30px;
}
#aao-articleHeading-box h1 {
        color:#fff;
        padding: 20px 0 0 0;
}
#articleHeading-line {
        border-top: 1px solid #fff;
        margin: 20px 0px 17px 0;
}
#aao-articleHeading-box h2 {
        color: #B4D2D5;
        margin-right: 10px;
}

#aao-articleHeading-box a {
        color: #fff;
}

img.addThis-Article {
	margin: 30px 0 0 275px;
}

#relatedArticles-box  {
        position: absolute;
        padding: 30px 0 0 0;
}
#relatedArticles-box a {
        color: #fff;
        font-size: 12px;
        }
#relatedArticles-box a:visited {
        color: #aaa;
}
.relatedArticles-text {
        position: absolute;
        margin: -155px 0 0 0;
        padding: 3px 5px 0px 9px;
}

/*TOP NAVIGATION*/

#aao-topNav {
width: 950px;
height: 30px;
margin:0;
padding:0;
font: 13px Sylfaen, Georgia, "Times New Roman", Times, serif;
}
#aao-topNav ul {
list-style-type: none;
margin:0;
padding:0;
border; none;
width: 100%;
}
#aao-topNav li {
display: block;
margin:0 0 16px 0;
padding: 0;
float: left;
width: auto;
 }
 
#aao-topNav a {
	color: #fff;
background: #5f858d;
display: block;
width: auto;
text-decoration: none;
margin:0;
padding:0;
 }
#aao-topNav li a {
	width: 177px;
	padding: 4px 0px 7px 8px;
	text-align: center;
}

#aao-topNav a:hover, #topNav a:active {
color: #003a50;
 }
/*END TOP NAV*/

/*LEFT NAVIGATION*/
#leftNav {
font-family: Sylfaen, Georgia, "Times New Roman", Times, serif;
font-size: 13px;
width: 220px;
position: relative;
margin:0px 0 0 35px;
padding:0;

 }
#leftNav ul {
margin: 0;
padding:0;
list-style-type: none;
 }
#leftNav ul li {
float: left;
position: relative;
 }
#leftNav ul li a, #leftNav ul li a:visited {
display: block;
text-decoration: none;
color: #003a50;
width: 220px;
background:url(/images/v201005/images/leftnav-bg.jpg);
background-color: #b3a796;
line-height: 22px;
padding: 5px 0px 5px 11px;
 }

#leftNav .flyout {
float:right;
padding-right: 3px;
font-size: 16px;
}

 
/*DISPLAYS 2ND LEVEL LI ELEMENTS*/
#leftNav ul li ul {
display: none;
 }
#leftNav ul li:hover ul {
display: block;
position: absolute;
top:0;
left: 225px;
 }


/*STYLES 1ST LEVEL HOVER AND ACTIVE STATES*/
#leftNav ul li a:hover, #leftNav ul li a:active {
color:#fff;
}

/*styles 2nd level hover and active states*/
#leftNav ul li ul li a:hover {
color: #fff;

}

/*END LEFT NAV*/



/*CATEGORY PAGE*/


#aao-categoryHeading-box {
        height: 100%;
        width: 635px;
        margin:0 0 0 -52px;
        padding: 5px 0px 40px 30px;
        background: #385065;
        line-height: 17px;
        text-align:left;
        position: relative;
}
h1.categoryHeader {
        margin-top: 7px;
        }
h1.categoryHeader span {
        display: none;
        }
#aao-categoryHeading-box h1 {
        color: #fff;
        margin: 0 0 25px 0;
        border-bottom: 1px solid #fff;
        padding-bottom: 6px;
}
#aao-categoryHeading-text {
        padding: 9px 230px 0 0;
        margin: -20px 0 0 0;
	color: #B4D2D5;
}
.categoryTitle {
margin: 0;
padding: 0;
}

p.questionsBox{
        color: #fff;
        position: absolute;
        margin:-129px 0 0 0;
        padding: 0 0 0 12px;
}

#aao-categorySidebar {
	margin:0 0 0 22px;
	padding:0;
	position: relative;
}


/***FEATURE ARTICLE BOX***/
#featureArt {
        margin: 0 0 0 38px;
}

#featArt-head{
height: 51px;
background:url(/images/v201005/images/featureArticle-Banner.gif) no-repeat;
background-color:#9ABFC5;
}

#featArt-head h2{
color: #fff;
padding: 14px 0 0 0;
margin: 0 0 0 225px;
text-transform: capitalize;
font-weight: 300;
}

#featArt-body{
background-color: #e2e1dd;
color: #3b5065;
padding: 30px;
text-align: left;
}

.center {
text-align: center;
}

.newsUpdates {
	margin:-490px 10px 0 8px; 
	position: absolute;
}

/* QUICK SEARCH WRAPPER */
#quick-searchwrapper {
width:230px; /*follow your image's size*/
height:30px;/*follow your image's size*/
background-image:url(/images/v201005/images/aao-searchBar.gif);
background-repeat:no-repeat; /*important*/
padding:0px;
margin:0 410px 0 0;
position:relative; /*important*/
float: right;
}
#quick-searchwrapper form { display:inline ; }
.findFamily-searchbox {
border:0px; /*important*/
background-color:transparent; /*important*/
position:absolute; /*important*/
top:4px;
left:15px;
width:165px;
height:24px;
font: 12px Sylfaen, Georgia, "Times New Roman", Times, serif;
}
.quick-searchbox_submit {
border:0px; /*important*/
background-color:transparent; /*important*/
position:absolute; /*important*/
top:4px;
left:185px;
width:24px;
height:23px;
}

/* GENERAL STYLING */
.center {
text-align: center;
}

.webfield {
color: #7069B8;
font-weight: bold;
}

.float_r {
float: right;
padding: 0 5px;
}

.align_r {
text-align: right;
}

.float_l {
float: left;
padding: 0 5px;
}

.align_l {
text-align: left;
}