/* REVISION:  Development Draft)
   UPDATED: 22 Dec 09
*/

/*Meyer reset reloaded - http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/*/
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, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin : 0; padding : 0; border : 0; outline : 0; font-weight : inherit; font-style : inherit; font-size : 100%; font-family : inherit; vertical-align: baseline; background : transparent; }

/* Andy Clarke's base.css from tutorials video */

/*
ol, ul { list-style : none; }
table { border-collapse : collapse; border-spacing : 0; }
caption, th, td { text-align : left; font-weight : normal; }
blockquote:before, blockquote:after, q:before, q:after { content : ""; }
blockquote, q { quotes : "" ""; }
*/

/* =body */
body { font: normal 14px/1.2  Verdana, Arial, sans-serif;  color: #333; }

/* =blocktext */
h1, h2, h3, h4, h5, p, blockquote, address, dl, ul, ol {padding :0; font-family : Verdana, Arial, sans-serif; font-weight : normal;}
h1, h2, h3 { font-family : Verdana, Arial, sans-serif; font-weight : normal; line-height : 1.2; }

/* =h1 */
h1 { font-size : 129%; }

/* =h2 */
h2 { font-size : 119%; color: #334466;}

/* =h3 */
h3 { font-size : 114%; }
li h3 { margin-left : 0; }

/* =h4 */
h4 { font-size : 109%; }
li h4 { margin-left : 0; }

/* =h5 */
h5 { font-size : 104%; }
li h5 { margin-left : 0; }

/* =p */
p { font-size : 100%; line-height : 1.3;}
li p { margin-left : 0; }
form div p { margin-left : 0; }
dd p { margin-left : 0; padding-top : 0; }

/* =blockquote */
li blockquote { margin-left : 0; }

/* =strong/b/em/i */
strong, b { font-weight : bold; }
em, i { font-style : italic; }

/* =address */
address { font-style : normal; }
address span { display : block; }

/* =dl/dt/dd */
dt { font-weight : bold; }
dd { padding-bottom : .5em; }

/* =ul */
ul { list-style-type : none; }
ul ul { margin-left : 0;  }

/* =ol */
ol ol { margin-left : 0; }

/* =img */
img, a img { border : none; }

/* =hr */
hr { display : none; }

/* =form */
input, select, textarea { font :99% "Lucida Grande", Verdana, Arial, sans-serif; }

h2 a, h3 a { font-weight : inherit; }

/*------------------------------------------------------*/
/* LINKS
/*------------------------------------------------------*/

a { text-decoration:none;} 
	
a img { border: 0 }

p a { text-decoration: none; color:#009999 }

a:link {text-decoration: none; color: #119c97}/* unvisited link */
a:visited {color: #336699}  /* visited link */
a:hover {background-color:#CCFFFF;}   /* mouse over link */
a:active {color:#333}  /* selected link */

a.light-link:link {text-decoration: none; color: #ccffff}/* unvisited link */
a.light-link:visited {color: #996}  /* visited link */
a.light-link:hover {background-color:rgb(59,83,105);}   /* mouse over link */
a.light-link:active {color:#333}  /* selected link */

/*------------------------------------------------------*/
/* OVERALL
/*------------------------------------------------------*/

body, html {
height: 100%;
}

body {
background: url(../images/common/background_main.jpg) center top no-repeat;
}

#container_outer {
width: 100%;
position: relative;
}

#container_inner {
width: 896px;
margin: 0 auto;
height: 100%;
position: relative;
}

#logo {
width:205px;
margin: 0 auto;
background: url(../images/common/fpa_main_logo.gif) no-repeat;
width : 205px; height : 223px; 
text-indent: -9999px;
}

/*------------------------------------------------------*/
/* NAV
/*------------------------------------------------------*/

#mainNav {
margin: 0 0 20px 0;
width: 895px;
float:left;
}

#mainNav ul li {
display:block;
float:left;
list-style-type:none;
}

#mainNav ul li a {
display:block;
height:48px; width:80px;
background:transparent url(../images/common/nav_links_image.png) no-repeat 0 0;
text-indent:-9009px;
}

/* NORMAL LINK STATES */

ul li#home_nav a:hover {width:80px;background-position: 0 0;}
ul li#about_nav a {width:115px; background-position: -80px 0;}
ul li#former_nav a {width:157px; background-position: -195px 0;}
ul li#events_nav a {width:101px;background-position: -352px 0;}
ul li#features_nav a {width:116px; background-position: -453px 0;}
ul li#membership_nav a {width:141px; background-position: -569px 0;}
ul li#links_nav a {width:90px; background-position: -710px 0;}
ul li#contacts_nav a {width:95px;background-position: -800px 0;}

/* HOVER STATES */
ul li#home_nav a:hover {background-position: 0 -48px;}
ul li#about_nav a:hover {background-position: -80px -48px;}
ul li#former_nav a:hover {background-position: -195px -48px;}
ul li#events_nav a:hover {background-position: -352px -48px;}
ul li#features_nav a:hover {background-position: -453px -48px;}
ul li#membership_nav a:hover {background-position: -569px -48px;}
ul li#links_nav a:hover {background-position: -710px -48px;}
ul li#contacts_nav a:hover {background-position: -800px -48px;}

/* ON STATES */
/*BLUE OPTION - UNDECIDED
#mainNav.home #globalnav li#home_nav a {background-position: 0 -48px; cursor: default;}
#mainNav.about #globalnav li#about_nav a {background-position: -80px -48px; cursor: default;}
#mainNav.former #globalnav li#former_nav a {background-position: -195px -48px; cursor: default;}
#mainNav.events #globalnav li#events_nav a {background-position: -352px -48px; cursor: default;}
#mainNav.features #globalnav li#features_nav a {background-position: -453px -48px; cursor: default;}
#mainNav.membership #globalnav li#membership_nav a {background-position: -569px -48px; cursor: default;}
#mainNav.links #globalnav li#links_nav a {background-position: -710px -48px; cursor: default;}
#mainNav.contacts #globalnav li#contacts_nav a {background-position: -800px -48px; cursor: default;}
*/

#mainNav.home #globalnav li#home_nav a {background-position: 0 -96px; cursor: default;}
#mainNav.about #globalnav li#about_nav a {background-position: -80px -96px; cursor: default;}
#mainNav.former #globalnav li#former_nav a {background-position: -195px -96px; cursor: default;}
#mainNav.events #globalnav li#events_nav a {background-position: -352px -96px; cursor: default;}
#mainNav.features #globalnav li#features_nav a {background-position: -453px -96px; cursor: default;}
#mainNav.membership #globalnav li#membership_nav a {background-position: -569px -96px; cursor: default;}
#mainNav.links #globalnav li#links_nav a {background-position: -710px -96px; cursor: default;}
#mainNav.contact #globalnav li#contacts_nav a {background-position: -800px -96px; cursor: default;}


/*------------------------------------------------------*/
/* ADVERT COLUMN
/*------------------------------------------------------*/

ul#advert_column {
width:188px; 
min-height: 660px;
display: block;
float: right;
margin-right: 0px;
}

/*------------------------------------------------------*/
/* SIDE TEXT COLUMN (INFO BOX)
/*------------------------------------------------------*/

.info_box {
width:188px; 
min-height: 660px;
display: block;
float: right;
margin-right: 0px;
margin-top: 20px;
padding: 10px 0 10px 0;
border-top: 1px solid #8CBEC8;
}


.info_box p {
padding: 10px 0 10px 0;
font-size: 90%;
border-bottom: 1px solid #8CBEC8;
}

/*------------------------------------------------------*/
/* FOOTER
/*------------------------------------------------------*/

.clearall{clear:all;}/* from net*/

/*------------------------------------------------------*/
/* FOOTER
/*------------------------------------------------------*/

#footer_container{
background: url(../images/common/footer_tile.jpg) top left repeat-x;
height: 140px;
float: left;
width:100%;
height: 120px;
}

#footer {
width:896px;
margin-left: auto;
margin-right: auto;
padding-top: 30px;
}

ul#footer_address {
font-size: 80%;
color: #334466;
width:200px;
float: left;
}

ul#footer_address h4 {
font-size: 100%;
padding-bottom: 5px;
}

ul#footer_para {
font-size: 80%;
color: #334466;
width:400px;
float: left;
}