/* reset margins to 0 */
h1, h2, h3, h4, h5, h6, p, ul, li {margin:0; padding:0;
}



body {background-color:#03093d; color:#03093d; font-family:cambria, georgia, times, serif;
}

.container {background-color:#fff; width:784px; margin:0 auto; padding:12px 0;
}


/* the background image here sets the background image for the content area, i.e. the drop shadow and blue behind the sidebar. this is necessary since my columns are floated, so it ensures that the background is the correct height regardless of which column is longer. not sure how to handle this with tables. */
.content {background-color:#03093d; width:760px; margin:0 auto; padding:0; background-image:url(https://secure.aviel.com/worldwingsinternational.org/images/content_bg.jpg); background-repeat:repeat-y; background-position:center; position:relative; border:solid 1px #03093d;
}

.article_content {background-color:#fff; width:760px; margin:0 auto; padding:0; position:relative; border:solid 1px #03093d;
}


/* sets the height and background for the header area */
#branding {background:url(https://secure.aviel.com/worldwingsinternational.org/images/header_bg.jpg) no-repeat #030941; height:110px; border-bottom:solid 2px #fff; background-color:#4b8fd8;
}

/* image replacement - moves the text off the page. helps with search engine optimization and accessibility */
#branding h1, #branding p {text-indent:-9999px;
}




#nav_area {height:30px; width:760px; background-color:#4b8fd8; border-top:solid 5px #c12a22; font-size:1em; background:url(https://secure.aviel.com/worldwingsinternational.org/images/nav_bg.jpg) repeat-x #030941; z-index:99;
}

#nav_area ul {list-style:none; background-color:#4b8fd8; background:url(https://secure.aviel.com/worldwingsinternational.org/images/nav_bg.jpg) repeat-x #030941;
}

#nav_area ul li {float:left; height:30px; display:block; border-right:solid 1px #03093d; position: relative;
}

#nav_area ul li a {height:30px; line-height:30px; 
}

#nav_area ul li a, #nav_area ul li a:visited {color:#eef; padding:0 8px; font-size:0.75em; text-decoration:none; margin:0; display:block; float:left;
}

#nav_area ul li a:hover {background:url(https://secure.aviel.com/worldwingsinternational.org/images/nav_hover_bg.jpg) repeat-x; height:30px; display:block; float:left;
}


/* second-level lists - i left them set up as tables to match your code. */
#nav_area li ul { /* second-level lists */
	position:absolute; top:100%; left:-999em;
}

#nav_area ul li ul li {border:none; background:none;
}

#nav_area ul li ul li td {background:url(https://secure.aviel.com/worldwingsinternational.org/images/nav_bg.jpg) repeat-x; margin:0;
}

#nav_area ul li ul li td a {display:block; float:left;
}

#nav_area li:hover ul, #nav_area li.sfhover ul { /* lists nested under hovered list items */
	left:0; display:block; position:none; margin:0; padding:0;
}





#sidebar {width:250px; float:left; 
}

#main {width:510px; float:left; margin-bottom:20px;
}

.article_content #main {width:700px; margin-bottom:30px; float:none;
}

.article-top {font-size:1.4em; padding:5px 20px 0 20px;; border-top:solid 3px #03093d; font-weight:normal; letter-spacing:2.5px; ; 
}

.article_content .article-top {border:none;
}



/* i had to wrap the pods in a class="pod" */
.pod {padding:10px 0 0; background-image:url(https://secure.aviel.com/worldwingsinternational.org/images/module_top.jpg); background-position:0 0; background-repeat:no-repeat; border-top:solid 2px #fff; 
}


/* this is all in the footer */
#footer {width:740px; background-color:#03093d; border-bottom:solid 20px #4b8fd8; min-height:95px; border-top:solid 10px #c12a22; padding:10px; color:#fff;
}

.copyright {float:left; width:490px; display:inline;
}

.copyright p {font-size:0.9em; line-height:135%; margin-left:5px;
}

.carelogo {margin:0 0 0 10px; float:left; display:inline; background-color:#fff; border:solid 1px #03093d; width:230px; height:90px;
}

.carelogo img {height:85px; width:70px; float:left; display:inline;
}

.carelogo p {color:#03093d; font-size:0.8em; height:75px; padding:10px 5px 0 0;
}




/* for the article images. probably not necessary */
.article_content .lead_image {float:left; margin:10px 10px 10px 15px;
}

.article_content .second_image {float:right; margin:10px 0 10px 10px;
}


/* for the rotating images on the homepage */
#slideshow {width:500px; height:300px; margin-bottom:-10px;
}



.normaltextsmall {margin-bottom:10px; border-top:dotted 1px #03093d; padding:3px;
}

.normaltext {font-size:.9em; padding:5px 20px 0 20px; margin-bottom:5px; line-height:140%;
}

.subhead {color:#1b528d; line-height:100% !important;  padding:5px 20px 0 20px; !important;
}



.pod a {font-size:0.75em; color:#fff;
}

.pod a:hover {color:#03093d;
}

.pod p {line-height:125%; margin-bottom:10px; font-size:0.7em; 
}

.pod p .detail {color:#03093d; 
}

.pod-bottom1 {margin-bottom:20px; padding:2px 15px 0 10px; 
}

.pod-top1 {width:225px; color:#fff; margin:-7px 0 18px; line-height:20px; padding:0 15px 1px 10px; font-size:0.8em; font-weight:normal;
}



/* for the search area in the header. you might handle it differently */

form {margin:0 0 10px 0;
}

input {margin-bottom:8px; font-size:0.7em;
}

button {margin-left:65px; font-size:0.7em;
}

#search {position:absolute; left:512px; top:45px;
}

#search input {margin:5px 0 0; font-size:0.7em;
}

#search button {margin:5px 0 0 5px; font-size:0.7em;
}




a {text-decoration:underline; color:#c31f17; 
}

a:visited {text-decoration:underline;
}

a:hover {color:#03093d; text-decoration:none;
}

/* this is for the input labels in the login form. you are going to handle this with columns in a table, so no need to float. not sure how you want to differentiate from the "more" links. if it's not possible to have the border above the more link, that's fine. */
span.normaltextsmall {!important; float:left; font-size:0.8em; color:#03093d; text-align:left; padding-right:5px; border:none; margin:0 !important;
}

/* this is the "Read More" link under article summaries. Might not be necessary. */
#main .more {width:250px; margin:10px 0 20px 15px; font-size:0.9em;
}

.more {border-top:dotted 1px #03093d; padding-top:3px;
}




.clear {clear:both;
}



/* IE6 fixes */

* html #sidebar p, * html input, * html button, * html #sidebar a {font-size:0.7em; line-height:120%;
}

* html form span.normaltextsmall {font-size:0.7em;
}

* html #sidebar .pod .pod-top1 {font-size:0.7em; position:relative; line-height:25px; top:-13px; margin-bottom:5px;
}

* html .carelogo p {width:150px; font-size:0.7em;
}

* html .article_content .lead_image {margin:20px 10px 10px 15px;
}
.hellorow {
font-family : Arial, Helvetica, sans-serif; 
font-size : 11px; 
font-weight : normal; 
color : #CCCCCC;
line-height: 11px;
}
.hellorow a:link {  color: #CCCCCC;  }
.hellorow a:visited {  color: #CCCCCC; }
.hellorow a:hover {  color: #FFFF00;   }