/* 
WOO CUSTOM STYLESHEET
---------------------

Instructions:

Add your custom styles here instead of style.css so it 
is easier to update the theme. Simply copy an existing 
style from style.css to this file, and modify it to 
your liking.

*/

/* ------ Top Menu Hover Over Colour
ul#nav li.page_item a:hover {
background:#ccc;
}
*/

/* Custom Code for Drop Down Menu 1 (dd1)*/

#dd1 {
width: 15em; /* set width of menu */
} 

#dd1 ul { /* remove bullets and list indents */
/*  list-style: none;  */
width: 350px;
margin: 0;
padding: 0;
}

/* style, color and size links and headings to suit */
#dd1 a, #menu h2 {
font: bold 11px/16px arial, helvetica, sans-serif;
width: 350px;
display: block;
margin: 0px;
padding: 0px 8px;
color: #fff;
}

#dd1 h2 {
color: #fff;
text-transform: uppercase;
}

#dd1 a {
color: #fff;
text-decoration: none;
}

#dd1 a:hover {
color: #fff;
text-decoration: underline
}

/* Custom Code for Drop Down Menu 2 (dd2)*/

#dd2 {
width: 15em; /* set width of menu */
list-style: none;
} 

#dd2 ul { /* remove bullets and list indents */
/*  list-style: none; */
width: 220px;
margin: 0;
padding: 0;
list-style-type: none;
list-style: none;
}

/* style, color and size links and headings to suit */
#dd2 a, #menu h2 {
font: bold 11px/16px arial, helvetica, sans-serif;
width: 220px;
display: block;
margin: 0px;
padding: 0px 8px;
color: #fff;
list-style: none;
}

#dd2 h2 {
color: #fff;
text-transform: uppercase;
}

#dd2 a {
color: #fff;
text-decoration: none;
list-style: none;
}

#dd2 a:hover {
color: #fff;
text-decoration: underline
}

/* Custom Code for Drop Down Menu 3 (dd3)*/

#dd3 {
width: 15em; /* set width of menu */
list-style: none;
} 

#dd3 ul { /* remove bullets and list indents */
/*  list-style: none; */
width: 250px;
margin: 0;
padding: 0;
list-style-type: none;
list-style: none;
}

/* style, color and size links and headings to suit */
#dd3 a, #menu h2 {
font: bold 11px/16px arial, helvetica, sans-serif;
width: 250px;
display: block;
margin: 0px;
padding: 0px 8px;
color: #fff;
list-style: none;
}

#dd3 h2 {
color: #fff;
text-transform: uppercase;
}

#dd3 a {
color: #fff;
text-decoration: none;
list-style: none;
}

#dd3 a:hover {
color: #fff;
text-decoration: underline
}

#social {
vertical-align: middle
padding: 0px 8px;
}

/* Custom Code for Side Bar Links (side1)*/

#side1 {
width: 15em; /* set width of menu */
} 

#side1 ul { /* remove bullets and list indents */
/*  list-style: none; */
width: 200px;
margin: 0;
padding: 0;
}

/* style, color and size links and headings to suit */
#side1 a, #menu h2 {
font: bold 11px/16px arial, helvetica, sans-serif;
width: 200px;
display: block;
margin: 0px;
padding: 0px 5px;
color: #121212;
}

#side1 h2 {
color: #121212;
text-transform: uppercase;
}

#side1 a {
color: #121212;
text-decoration: none;
}

#side1 a:hover {
color: #121212;
text-decoration: underline
}

/* Custom Sidebar Width */

#sidebar {
width:200px;
padding: 5px 5px;
}