/* ############### */
/* ## HTML Tags ## */
/* ############### */

body {
background:#333;
margin:0px;
padding:0px;
border:0px;
text-align:center;
background-image:url('images/body_background.jpg');
background-repeat:repeat;
font:11pt arial,san-serif;
color:#333;
}

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

h2 {
text-align:center;
}

b {
font-weight:bold;
}

/* p {
margin:0px;
padding:0px;
border:0px;
} */



/* ########### */
/* ## Links ## */
/* ########### */

a {
text-decoration:none;
border:0px;
outline:none;
}

a:link {
color:#f76c00;
border-bottom:1px dotted;
}

a:visited {
color:#333;
border-bottom:1px dotted;
}

a:hover {
color:#f76c00;
border-bottom:1px solid;
}

a:active {
color: #ff3c00;
border-bottom:0px;
}


a.footer:link {
color:#ccc;
border-bottom:1px dotted;
}

a.footer:visited {
color:#ccc;
border-bottom:1px dotted;
}

a.footer:hover {
color:white;
border-bottom:1px solid;
}

a.footer:active {
color:white;
border-bottom:0px;
}


a.image:link, a.image:visited, a.image:hover, a.image:active {
text-decoration:none;
border:0px;
outline:none;
}



/* ############# */
/* ## Classes ## */ 
/* ############# */

/* MENUBAR */
a.home, a.about_tamara, a.news, a.issues, a.photos, a.coronation_park, a.get_involved, a.contact {
background:url('images/menubar.jpg');
display:block;
float:left;
height:36px;
text-decoration:none;
border:0px;
outline:none;
}

a.home:hover, a.about_tamara:hover, a.news:hover, a.issues:hover, a.photos:hover, a.coronation_park:hover, a.get_involved:hover, a.contact:hover {
height:36px;
text-decoration:none;
border:0px;
outline:none;
}

a.home {
width: 70px;
}

a.about_tamara {
background-position:-70px 0px;
width:136px;
}

a.news {
background-position:-206px 0px;
width:75px;
}

a.issues {
background-position:-281px 0px;
width:76px;
}

a.photos {
background-position:-357px 0px;
width:86px;
}

a.coronation_park {
background-position:-443px 0px;
width:155px;
}

a.get_involved {
background-position:-598px 0px;
width:121px;
}

a.contact {
background-position:-719px 0px;
width:81px;
}

a.home:hover {
background-position:0px -36px;
}

a.about_tamara:hover {
background-position:-70px -36px;
}

a.news:hover {
background-position:-206px -36px;
}

a.issues:hover {
background-position:-281px -36px;
}

a.photos:hover {
background-position:-357px -36px;
}

a.coronation_park:hover {
background-position:-443px -36px;
}

a.get_involved:hover {
background-position:-598px -36px;
}

a.contact:hover {
background-position:-719px -36px;
}


/* TOPBAR */
a.facebook, a.twitter {
background:url('images/topbar.jpg');
display:block;
float:right;
height:36px;
text-decoration:none;
border-width:0px;
border-style:none;
}

a.facebook:hover, a.twitter:hover {
text-decoration:none;
border-width:0px;
border-style:none;
}

a.facebook {
background-position:-597px 0px;
width: 107px;
}

a.twitter {
background-position:-704px 0px;
width:96px;
}

a.facebook:hover {
background-position:-597px -36px;
}

a.twitter:hover {
background-position:-704px -36px;
}


/* OTHER */
h4.sidebar {
text-align:center;
text-decoration:underline;
}

ul.sidebar {
margin:0px;
padding:0px;
padding-left:15px;
}

li.sidebar {
padding-bottom:.25em;
}

.center {
text-align:center;
margin:0px auto 0px auto;
}

.nobreak {
margin-top:0px;
}



/* ########## */
/* ## Divs ## */ 
/* ########## */

#topbar_wrapper {
background:black;
background-image:url('images/menubar_background.jpg');
background-repeat:repeat-x;
border-width:0px;
padding:0px;
margin:0px;
color:white;
text-align:center;
}

#topbar {
width:800px;
height:36px;
margin:0px auto 0px auto;
padding:0px;
border:0px;
text-align:left;
}

#banner_wrapper {
background:#f76c00;
background-image:url('images/bg_banner_tile3.jpg');
background-position:center center;
background-repeat:repeat-x;
border-width:0px;
padding:0px;
margin:0px;
text-align:center;
}

#banner {
width:800px;
height:250px;
border:0px;
margin:0px auto;
padding:0px;
background-image:url('images/banner-rev2.jpg');
}

#menubar_wrapper {
background:black;
background-image:url('images/menubar_background.jpg');
background-repeat:repeat-x;
border:0px;
padding:0px;
margin:0px;
text-align:center;
}

#menubar {
width:800px;
height:36px;
margin:0px auto 0px auto;
padding:0px;
border:0px;
text-align:left;
}

#body_wrapper {
text-align:center;
}

#body {
margin:0px auto;
width:800px;
text-align:left;
}

#main_wrapper {
float:left;
width:800px;
background:white;
position:relative;
right:257px;
border-right:1px dotted #333;
}

#main {
float:left;
width:523px;
position:relative;
left:267px;
overflow:hidden;
padding:10px 0px;
}

#sidebar_wrapper {
background:#ccc;
float:left;
width:794px;
position:relative;
overflow:hidden;
border-left:3px solid black;
border-right:3px solid black;
}

#sidebar {
float:left;
width:230px;
position:relative;
left:288px;
overflow:hidden;
padding:10px 0px;
}

#footer_wrapper {
background:#007f00;
background-image:url('images/footer_gradient.jpg');
background-repeat:repeat-x;
clear:both;
border-width:0px;
padding:0px;
margin:0px;
color:white;
text-align:center;
}

#footer {
height:100px;
padding:10px 0px;
}