*{margin:0;padding:0;border:none;outline:none;}
html,
body {
color:#663399;
font-size:20px;
font-family:Verdana, Arial,sans-serif;
text-align:center;
background:#FFF;
}

a {color:#663399;}

.left {float:left;}
.right{float:right;}
.clear {clear:both;}

img.right{margin:0 0 0 25px;}

#header {
font-family:Times New Roman,sans-serif;
text-align:left;
width:885px;
height:172px;
margin:50px auto 0 auto;
background:transparent url(images/background.gif) no-repeat top left;
}

#menu {
height:130px;
padding:0 0 0 40px;
}

#menu a {
display:block;
_display:inline;
float:left;
font-size:17px;
text-transform:uppercase;
text-align:center;
text-decoration:none;
padding:45px 0 5px 0;
margin:59px 0 0 5px;
*margin:60px 0 0 5px;
background:transparent;
}

#menu a#home,
#menu a#profile,
#menu a#contact {width:130px;}
#menu a#news,
#menu a#aop {width:180px;}

#menu a#home:hover {background:transparent url(images/home_button.gif) no-repeat bottom right;}
#menu a#news:hover {background:transparent url(images/news_button.gif) no-repeat bottom right;}
#menu a#profile:hover  {background:transparent url(images/profile_button.gif) no-repeat bottom right;}
#menu a#aop:hover  {background:transparent url(images/aop_button.gif) no-repeat bottom right;}
#menu a#contact:hover  {background:transparent url(images/contact_button.gif) no-repeat bottom right;}


#item1 a#home,
#item2 a#news,
#item3 a#profile,
#item4 a#aop,
#item8 a#contact {color:#fff !important;}

#item1 a#home {background:transparent url(images/home_button.gif) no-repeat bottom left !important;}
#item2 a#news  {background:transparent url(images/news_button.gif) no-repeat bottom left !important;}
#item3 a#profile {background:transparent url(images/profile_button.gif) no-repeat bottom left !important;}
#item4 a#aop {background:transparent url(images/aop_button.gif) no-repeat bottom left !important;}
#item8 a#contact {background:transparent url(images/contact_button.gif) no-repeat bottom left !important;}


#menu ul {
list-style:none;
padding:0;margin:0;
}

#menu li {
position:relative;
float:left;
}
#menu li ul {
display:none;
position:absolute;
left:-27px;top:129px;
width:240px;
border:1px solid #bbbbbb;
border-top:1px solid #fff;
border-bottom:0;
background:#f0f0f0;
}

#menu li ul li {
float:none;
display:block ! important;
}

#menu li:hover ul {display:block;}

#menu li ul li a {
width:240px;
font-size:15px;
text-transform:none;
text-decoration:none;
padding:10px 0 9px 0;
border-bottom:1px solid #bbbbbb;
margin:0;
background:transparent;
}

#menu li ul li a:hover {
color:#fff;
border-bottom:1px solid #68328b;
background:#68328b;
}

#menu li ul li.current a {text-decoration:underline;}

#newsButton{
clear:right;
float:right;
text-align:center;
width:260px;
}

#newsButton a {font-size:18px;}

#breadcrumbs {height:42px;}

#breadcrumbs p {
font-size:17px;
padding:11px 10px 0 15px;
}

#aop_menu {
font-size:16px;
font-family:Times New Roman,sans-serif;
padding:10px;
border-top:1px dashed #ddd;
border-bottom:1px dashed #ddd;
background:#f5f5f5;
}

#aop_menu a {
color:#474747;
text-decoration:none;
margin:0 3px;
}

#aop_menu a.current,
#aop_menu a:hover{text-decoration:underline;}
	

#content {
color:#333;
font-size:14px;
text-align:left;
width:881px;
height:auto;
min-height:425px;
margin:0 auto;
padding:0 2px 10px 2px;
border-bottom:2px solid #d6d6d6;
background:transparent url(images/border.gif) no-repeat top left;
}

#text {padding:10px 15px;}

#text h2 {
font-size:15px;
padding:5px 0;
}

#text h3 {
font-size:13px;
padding:5px 0;
}

#text p {
font-size:13px;
padding:10px 0;
margin:0;
}

#text ul {margin:10px 35px;}

#text ul li {
font-size:13px;
margin:5px 0;
}

.blogpost {
margin:10px 0;
border-bottom:2px solid #bfb4c5;
}

.blogpost h2 {color:#68328b;}

.reactionlist {
display:block;
padding:10px;
}


#footer {
color:#474747;
font-size:12px;
width:850px;
height:30px;
margin:5px auto;
}

#footer a {
color:#474747;
text-decoration:none;
margin:0 10px 0 0;
}

#list {
color:#666;
font-size:9px;
width:90%;
height:30px;
margin:20px auto;
}

#map {
float:right;
margin:10px 0 0 10px;
width:300px;
}

#mapContainer {
width:300px;
height:318px;
border:1px solid #e6c7fb;
}

#map p {text-align:center;}

#contact_form {
float:right;
width:275px;
height:298px;
padding:10px 5px;
margin:10px 0 0 10px;
border:1px solid #e6c7fb;
background:#f8f8f8;
}

#contact_form table {height:300px;}

#contact_form td {padding:5px;}

#contact_form label {
font-size:12px;
font-weight:bold;
line-height:150%;
}

#contact_form label em {color:#ff0000;}

#contact_form input,
#contact_form textarea {border:1px solid #ccc;}

#contact_form input {
width:130px;
padding:2px 5px;
}

#contact_form textarea {
width:250px;
padding:2px 5px;
}


#contact_form input.submit_button {
cursor:pointer;
width:60px;
color:#fff;
padding:2px 6px 3px 5px;
margin:0 0 0 10px;
background:#663399;
}
