/* CSS Document */

/* colours
// Orange: #ea8c06
// Blue:#3c5179
*/

/*typography definitions */
body, p, #content #rightside #leftFloat h2, #content .article_body h3, #comments h3  {font-family:Georgia, "Times New Roman", Times, serif; font-size:100%;}
.title, #leftside .menu ul, #headerRight, #getInvolved, #yourStory, .story, .header h2, #content #rightside #leftFloat h2.headline  {font-family:"Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;}
#search, .teaser a:link, .teaser a:visited, .fullStory a:link, .fullStory a:visited, .followUs a:link, .followUs a:visited, .pastArticle, .text, .openMagazine, .openMagazine .teaser, #footerLink ul, #content #rightside #comments {font-family:Arial, Helvetica, sans-serif;}

h3 {margin-top: 0; margin-bottom: 10px;}
p, form {font-size: 90%;}
a:link, a:visited {color: #3c5179;}

body{background:#e8ecef url(../images/background.jpg) repeat-x; border:0px solid #000; padding: 0; margin: 0;}
#website {width: 961px; margin-left: auto; margin-right: auto; background-color:#FFFFFF;}

#banner {width: 961px; height: 107px; background:url(../images/banner_inside.jpg); }
#logo {width: 300px; height: 107px; float: left;}

/* START HEADER*/
#logo {width: 300px; height: 107px; float: left;}

/*Search area*/
#search{float: right; margin-top: 10px; margin-right: 12px;}
.auTitle{color:#FFFFFF; font-size: 80%;}
.auTitle a:link, .auTitle a:visited{color:#FFFFFF; text-decoration:none;}
.auTitle a:hover{color:#FFFFFF; text-decoration:underline;}
.buttonGo{ margin:0px; background-image:url(../images/button-go.gif); width:24px; height:20px; border:0px}

#wrapper{margin-left: auto; margin-right: auto; margin-top: 0; margin-bottom: 0; background:url(../images/background-inside.jpg) no-repeat #FFF; width:100%; padding-top: 75px; border: 0; float: left; }


/* Content */
#content{padding: 0; margin-left: 10px; width: 940px; float: left; }
/*Content Leftside*/

#content #mainleftside{margin-top:50px; float:left; border:0px solid #ff0000; width:214px;}

/*START MENU MAIN NAVIGATION */
#leftside{border:0px; width:214px; float:left; margin-top: 10px; }
#leftside .menu ul{ margin: 0px; padding: 0; margin-top:0px; margin-bottom: 10px; width:100%; font-size:14px;}
#leftside li{list-style:none; background-image:url(../images/background-mainnav.gif); width:168px;}
#leftside .menu ul li{padding:6px 0px 8px 49px;list-style:none; background:url(../images/background-mainnav.gif) #FFF no-repeat; width:168px;}
#leftside .menu ul li:hover{background:url(../images/background-mainnav-hover.gif) no-repeat; width: 168px;}
#leftside .menu ul li a{display: block;}
#leftside .menu li a:link, #leftside .menu ul li a:visited{text-decoration:none; color:#344974;}
#leftside .menu ul li a:hover{text-decoration:none; color:#ea8d08;} 
#leftside .menu li.selected{background:url(../images/background-mainnav-hover.gif) no-repeat; width:168px;}
#leftside .menu ul li.selected a.actived{color:#ea8d08; font-weight:bold;}
/* START SUBNAV */
#leftside .menu ul li ul{margin:10px 2px 0px 0px; }
#leftside .menu ul li ul .subnav{background:none; width:144px; font-size:12px; padding:0px;}
#leftside .menu ul li ul li {padding: 0; margin: 0;}

#leftside .menu ul li ul .subnav a:link, 
#leftside .menu ul li ul .subnav a:visited{background:none; text-decoration:none;}
#leftside .menu ul li ul .subnav a:hover{background:none; text-decoration:none; font-weight:bold;}
/* FINISH SUBNAV */

/*FINISH MENU MAIN NAVIGATION */

/*START AU IN THE NEWS AREA*/
#content #mainleftside #leftside #news{background:#fff url(../images/background-news.jpg) repeat-y left top;font-family:"Trebuchet MS",Georgia, "Times New Roman", Times, serif; font-size:12px; width:190px; padding:10px;}
#content #mainleftside #leftside #news h2{font-size:16px; font-weight:bold; color:#1d3347; width:150px; margin-top:-5px;}
#content #mainleftside #leftside #news .rssNews{float:right; margin-top:-33px; margin-right:17px;}
#content #mainleftside #leftside #news .newsItem{margin:10px 0; width:170px;}
#content #mainleftside #leftside #news .newsDate{margin-top:4px;color:#ea8d08;}
#content #mainleftside #leftside #news .newsItem .newsTitle{margin:6px 0px;color:#6e78a6;font-size:14px; font-weight:bold;}
#content #mainleftside #leftside #news .newsItem .newsTeaser{margin:4px 0;}
#content #mainleftside #leftside #news .newsItem .fullStory a:link, #content #mainleftside #leftside #news .newsItem .fullStory a:visited{margin-left:0px; padding-left:20px; font-size:10px; color:#748290; background:transparent url(../images/arrow.gif) no-repeat; text-decoration:none;}
#content #mainleftside #leftside #news .newsItem .fullStory a:hover{text-decoration:underline;}
#content #mainleftside #leftside #bottom{ background:transparent url(../images/background-footer-news.jpg) no-repeat; width:213px; height:37px;}

/*FINISH AU IN THE NEWS AREA*/


/*Main Content Styles - Right Component*/
#content #rightside{margin-top:-14px; float:right; margin-left: 10px; width: 714px;}
#content #rightside #headerRight {font-family:"Trebuchet MS",Georgia,; background:transparent url(../images/article-header.gif) no-repeat 5px 18px; font-weight:bold; font-size:2em; color:#1d3347; padding:10px 0px 5px 35px;}
#content #rightside #headerRight .featureStory{font-size:0.6em; margin-left:5px; color:#ea8c06; border:0px solid #000;}
#content #rightside #leftFloat{float:left; width:456px;margin-top:10px; padding-left:20px;}
#content #rightside #leftFloat .text{font-family:Georgia; font-size:11px; font-style:italic; color:#434852;}
#content #rightside #leftFloat .text{font-family:Georgia; font-size:11px; font-style:italic; color:#434852;}

.story {margin-top:5px; padding: 5px 0 0 5px;  }
.story .image{float:left; }
.story .bodyRecentArticle {float: right; width: 330px; }
.story .bodyRecentArticle .category {margin-top:10px; font-size:12px; font-weight:bold; color:#6e78a6; text-transform:uppercase;}
.story .bodyRecentArticle .date {margin-top:10px; font-size:12px; font-weight:normal; color:#4b4b4c;}
.story .bodyRecentArticle h2{font-size:18px; font-weight:bold; line-height: 1em; color:#ea8c06; margin:0px 4px 8px 0; padding-right: 4px;}
.story .bodyRecentArticle h2 a:link, .story .bodyRecentArticle h2 a:visited{color:#ea8c06; text-decoration: none;}
.story .bodyRecentArticle h2 a:hover {text-decoration: underline; }
.story .teaser p{font-size: 90%;  margin: 0; padding: 0;}
.story .bodyRecentArticle .fullStory a:link, .story .bodyRecentArticle .fullStory a:visited{ margin:10px 10px 0px 10px; padding-left:20px; font-size:10px; color:#748290; background:transparent url(../images/arrow.gif) no-repeat; text-decoration:none; float:right;}
.story .bodyRecentArticle .fullStory a:hover{text-decoration:underline;}

#content #rightside #leftFloat p strong {color: #3C5179;}

/* Full article styles */
#content .article {width: 98%;}
#content .article .headline {margin-bottom: 10px;}
#content .article .headline h2 {font-size:1.2em; font-weight:bold; color:#ea8c06; margin:0; padding: 0;}
#content .article .headline p {font-size: 0.8em; margin:0px;padding: 0;}
#content .article .teaser {font-size:1.1em; line-height: 1.2em; color:#748290; font-style: italic; font-weight: bold; padding-bottom: 10px; margin: 0;}
#content .article_body {margin: 0; padding: 0;}
#content .article_body h3 {font-weight: bold; font-size: 16px;}
#content .article_body p {margin-top: 0; }
#content .article_body img {margin-right: 10px; margin-bottom: 10px; float:left;}

/*navigation*/
.navigation2 ul{margin-right:0px; margin-top:20px; color:#959FA8; list-style:none; font-family:arial; font-size:10px; font-weight:bold;}
#content #rightside .navigation2 ul li{margin:0 0px;display:inline;}
#content #rightside .navigation2 ul li a:link, #content #rightside .navigation2 ul li a:visited{background-color:#b8c2c2; padding:1px 4px;color:#fff; text-decoration:none;}
#content #rightside .navigation2 ul li a:hover{background-color:#384c77; color:#FFF;}
#content #rightside .navigation2 ul li a.selected{background-color:#384c77; color:#FFF;}
#content #rightside .navigation2 .text {font-family:arial; font-size:10px; color:#3D4B59; margin-top:-5px;}
#content #rightside .navigation2 ul li a.none{background-color:#f0f6e0;}
/*FINISH RIGHT COMPONENT*/

/*Right Sidebar - rightside */
#content #rightside .rightFloat{ width:214px; float:right; margin-top:0px; padding-top: 20px; margin: 0; }
#content #rightside .rightFloat #topArea{  background:#FFF url(../images/background-center-top-column.gif) repeat-y left top; width:100%; }
#content #rightside .rightFloat #topArea #headerTop{ background:transparent url(../images/center-column-header.gif) no-repeat; height:31px; font-weight:bold; font-size:16px; color:#1d3347; padding:5px 0px 0px 13px;}
#content #rightside .rightFloat #topArea .column{margin-top:10px; font-size:12px; font-weight:bold; color:#6e78a6; text-transform:uppercase;}
#content #rightside .rightFloat #topArea .date{font-size:12px; color:#4b4b4c;}
#content #rightside .rightFloat #topArea .padding{margin-left:13px;}
#content #rightside .rightFloat #topArea .title{color:#ea8c06; font-size:14px; font-weight:bold;padding:5px 0px 10px 13px; }
#content #rightside .rightFloat #topArea .teaserCenter{color:#434852; font-size:11px; padding:5px 0px 10px 13px; font-family:Georgia, "Times New Roman", Times, serif;}
#content #rightside .rightFloat #topArea .fullStory a:link, #content #rightside .rightFloat #topArea .fullStory a:visited{margin:0px 0px 10px 12px; padding:5px 20px; font-size:10px; color:#748290; background:transparent url(../images/arrow-white.gif) no-repeat 1px 3px; text-decoration:none;}
#content #rightside .rightFloat #topArea .fullStory a:hover{text-decoration:underline;}
#content #rightside .rightFloat #bottom{ background:transparent url(../images/bottom-center-top-column.jpg) no-repeat;  height:46px;}
.caption{clear:left; float:left; padding-left:10px; font-size:11px; color:#748290; margin-bottom: 10px; width: 208px;}

/* common sidebar elements  */
.header{ width:210px; height:36px; }
.header h2 { padding:4px 0px 0px 10px; font-size:14px; font-weight:bold; margin: 2px 0 0 0;}

/*START YOUR STORY AREA*/
#yourStory { background:#fff url(../images/background-center-top-column.gif) repeat-y left top; width:214px; font-size:10px; margin-top:10px;}

#yourStory .header{background:transparent url(../images/center-column-header.gif) no-repeat;}
#yourStory .header h2 {color:#434852;}
#yourStory .story{color:#434852; font-family:Georgia; font-size:11px; padding:5px 5px; margin-left:10px;}
#yourStory .teaser a:link, #yourStory .teaser a:visited{margin-left:10px;padding:5px 20px;list-style:none; background:url(../images/arrow-recent.jpg) no-repeat left 4px;color:#748290; font-size:10px; text-transform:uppercase; text-decoration:none;}
#yourStory .teaser a:hover{text-decoration:underline;}
#yourStory .sendUs{padding:10px; color:#6e78a6; font-family:Georgia; font-size:14px;}
#bottomStory{ background:transparent url(../images/bottom-center-top-column.jpg) no-repeat; width:218px; height:46px; border:0px solid #000;}

/*START YOUR IPHONE AREA*/
#iphone { background:#fff url(../images/background-center-top-column.gif) repeat-y left top; width:214px; font-size:10px; margin-top:0px;}

#iphone .header{background:transparent url(../images/center-column-header.gif) no-repeat;}
#iphone .header h2 {color:#434852;}
#iphone .story{color:#434852; font-family:Georgia; font-size:11px; padding:5px 5px; margin-left:10px;}
#iphone .teaser a:link, #iphone .teaser a:visited{margin-left:10px;padding:5px 20px;list-style:none; background:url(../images/arrow-recent.jpg) no-repeat left 4px;color:#748290; font-size:10px; text-transform:uppercase; text-decoration:none;}
#iphone .teaser a:hover{text-decoration:underline;}
#iphone .sendUs{padding:10px; color:#6e78a6; font-family:Georgia; font-size:14px;}
#bottomIphone{ background:transparent url(../images/bottom-center-top-column.jpg) no-repeat; width:218px; height:46px; border:0px solid #000;}

/*START Get Involved AREA*/
#getInvolved { color:#939ea9; font-size:10px; width:214px;  background:#fff url(../images/background-open-magazine.gif) repeat-y; margin: 0; padding-bottom: 2px;}
#getInvolved .header {
background:transparent url(../images/background-open-magazine-header.gif) no-repeat; }
#getInvolved .header h2 {color:#615131;}
#getInvolved h3 {color:#ea8c06; font-size:14px; font-weight:bold; margin:0 0 10px 10px;}
#getInvolved p {margin: 10px 0 0 10px; padding: 0;}
#getInvolved ul{ padding: 0; margin-top: 0px; margin-bottom: 6px; padding: 0; margin-left: 10px; color:#748290; font-family:Arial; font-size:10px; text-transform:uppercase;}
#getInvolved ul li{padding:5px 0px 0px 20px;list-style:none; background:url(../images/arrow-recent.jpg) no-repeat left 4px;}
#getInvolved a:link, #getInvolved a:visited{text-decoration:none; color:#748290; }
#getInvolved a:hover{text-decoration:underline; color:#748290;} 
.getInvolved_bottom { background:transparent url(../images/background-open-magazine-footer.gif) bottom left no-repeat; width:216px; height:29px; margin-top: -4px;}

/* Comment Styles */
#comments{margin-bottom:100px; font-size:10px;}
#comments h3 {color:#3c5179; font-size:16px; margin:2px 0px 20px 30px; float:left; width:300px;}
#comments #commentsIcon a:hover, #comments #commentsIcon2 a:hover {text-decoration:underline;}
#comments #commentsIcon a:link, #comments #commentsIcon a:visited, #comments #commentsIcon2 a:link, #comments #commentsIcon2 a:visited{ text-transform:uppercase; margin-right:10px; margin-top: 2px; padding-left:20px; font-size:10px; color:#748290;  text-decoration:none; float:right;}
#comments #commentsIcon a{background:transparent url(../images/arrow-down.gif) no-repeat right 2px;}
#comments #commentsIcon2 a{background:transparent url(../images/arrow-right.gif) no-repeat right 2px; }
#comments .text{color:#748290; width:500px; margin-left:30px; border:0px solid #000; float:left;}
#comments .textDetail{color:#5c523b; font-size:11px; float:right; width:150px; border:0px solid #000; text-align:right;}
#comments .textDetail .textMember{font-weight:bold;}
#comments .textDetail .textDate{font-weight:normal;}
#comments .space{height:20px;}
#comments input{margin:10px 70px 0px 0px;}
.commentsLogin a {text-transform:uppercase; font-size: 10px; color:#748290; text-decoration:none; font-family: Arial, Helvetica, sans-serif; font-weight: normal;}

/*START FOOTER*/
#footer{background: url(../images/background_footer.jpg) no-repeat; width:961px; height:42px; margin-top:15px; }
#footer #aulogo{margin:0px 20px; float:right; }
/*FINISH FOOTER*/

/*START FOOTER LINKS*/
#footerLink{color:#748290; background-color:#e8edef; width: 961px; margin-left: auto; margin-right: auto; text-align: right; padding-bottom: 40px;}
#footerLink ul{ margin-right:16px; margin-top:10px; color:#748290; list-style:none; font-size:10px;}
#footerLink ul li{margin:0 0px;display:inline;}
#footerLink ul li a:link, #footerLink ul li a:visited{padding:1px 4px; color:#748290; text-decoration:none;}
#footerLink ul li a:hover{text-decoration:underline;}
/*FINISH FOOTER LINKS*/

.clear{clear:both;}
.divide{border-bottom:1px solid #d1dcc3; margin-top:20px;}
.space{height:20px;}
textarea{background:#fff url(../images/background-textarea.gif) repeat-y left top; width:600px; border:1px solid #ccc; color:#666666; margin:10px 0px 0px 30px; }

/* Form Styles */

.formRow { padding: 6px 6px 6px 0px; width: 435px; margin: 0; text-align: left; float: left;}
.formRow label {text-align: left; display: block; width: 120px; float: left;}
.formRow input {float: left; margin: 0px 0px 0px 10px;}
.formRow #yourStory, .formRow #photoYourStory {font-size: 10px;}

.inputField{background:#fff url(../images/background-textarea.gif) repeat-y left top; width:290px; border:1px solid #ccc; color:#666666; margin:10px 0px 0px 0px; }
.requiredField{color:#991111;}
.textFieldBold{font-size:14px; font-weight:bold; color:#3c5179; text-align:right;}
.textFieldNormal{font-size:14px; color:#3c5179; text-align:right;}
.checkboxField{padding:10px 0px 0px 120px; color:#3c5179;}
.submitButton{margin:10px 30px; font-size:12px; font-family:Arial;}
form{margin:10px auto;}
.font9{font-size:9px;}

.share{float:right; margin:-20px 10px 0px 0px;}