/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.stunicholls.com/menu/simple.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

/* CORE THEMES PAGE */
.themes { font-size:1.8em; font-weight:bold; letter-spacing:.02em; margin-bottom:0; clear:left; }
.themedesc { width:90%; margin:auto; font-size:14px; margin-top:3px; margin-bottom:12px; line-height:18px; }
p.themeheads { font-size:16px !important; text-align:left; color:#ef3829 !important; }

/* First Core Theme - Align Social Media */
#align { color:#00a2e5; border-bottom:1px solid #00a2e5; }

#core { list-style-type:none; width:644px; padding:0; margin:0 auto; position:relative; z-index:800; }
#core ul { list-style-type:none; padding:0; margin:0; border:3px solid #00a2e5; margin-top:13px; }
#core li { float:left; margin:1px 1px 0 0; position:relative; }
#core li.sub { background-image:url(../images/M2200_core1-background.jpg); background-repeat:no-repeat; height:35px; font-size:18px !important; }
#core li { display:block; color:#474747; font-size:14px; padding:8px 0 2px 0; line-height:18px; width:675px; text-decoration:none; text-align:center; cursor:pointer; font-weight:bold;}
#core li p { font-size:13px; color:#000000; text-align:left; padding-left:10px; margin:2px; }
#core li.sub a { display:block; color:#00a2e5 !important; padding:3px 0 2px 0; line-height:18px; width:675px; text-decoration:none; text-align:center; cursor:pointer; font-weight:bold;}
#core li:hover, #core li a:hover { color:#474747; }
#core ul  { position:absolute; left:-9999px; }
#core li.click {  }
#core li.click ul { left:0; top:24px; background:url(transparent.gif); background-color:#FFFFFF; } /* the background image is for IE7 */

/* Second Core Theme - Create uber loyalists */
#uber { color:#603c8c; border-bottom:1px solid #603c8c; }

#core2 { list-style-type:none; width:644px; padding:0; margin:0 auto; position:relative; z-index:700; }
#core2 ul { list-style-type:none; padding:0; margin:0; border:3px solid #603c8c; margin-top:13px;}
#core2 li { float:left; margin:1px 1px 0 0; position:relative; }
#core2 li.sub2 { background-image:url(../images/M2200_core2-background.jpg); background-repeat:no-repeat; height:35px; font-size:18px !important; }
#core2 li { display:block; color:#474747; font-size:14px; padding:8px 0 2px 0; line-height:18px; width:675px; text-decoration:none; text-align:center; cursor:pointer; font-weight:bold;}
#core2 li p { font-size:13px; color:#000000; text-align:left; padding-left:10px; margin:2px; }
#core2 li.sub2 a { display:block; color:#00a2e5 !important; padding:3px 0 2px 0; line-height:18px; width:675px; text-decoration:none; text-align:center; cursor:pointer; font-weight:bold;}
#core2 li:hover, #core2 li a:hover { color:#474747; }
#core2 ul  { position:absolute; left:-9999px; }
#core2 li.click {}
#core2 li.click ul { left:0; top:24px; background:url(transparent.gif); background-color:#FFFFFF; } /* the background image is for IE7 */

/* Third Core Theme - Strategic Leadership and Customer-Centric Culture */
#strategic { color:#acbe39; border-bottom:1px solid #acbe39; }

#core3 { list-style-type:none; width:644px; padding:0; margin:0 auto; position:relative; z-index:600; }
#core3 ul { list-style-type:none; padding:0; margin:0; border:3px solid #acbe39; margin-top:13px; }
#core3 li { float:left; margin:1px 1px 0 0; position:relative; }
#core3 li.sub3 { background-image:url(../images/M2200_core3-background.jpg); background-repeat:no-repeat; height:35px; font-size:18px !important; }
#core3 li { display:block; color:#474747; font-size:14px; padding:8px 0 2px 0; line-height:18px; width:675px; text-decoration:none; text-align:center; cursor:pointer; font-weight:bold;}
#core3 li p { font-size:13px; color:#000000; text-align:left; padding-left:10px; margin:2px; }
#core3 li.sub3 a { display:block; color:#00a2e5 !important; padding:3px 0 2px 0; line-height:18px; width:675px; text-decoration:none; text-align:center; cursor:pointer; font-weight:bold;}
#core3 li:hover, #core3 li a:hover { color:#474747; }
#core3 ul  { position:absolute; left:-9999px; }
#core3 li.click {  }
#core3 li.click ul { left:0; top:24px; background:url(transparent.gif); background-color:#FFFFFF; } /* the background image is for IE7 */

/* Fourth Core Theme - Organizational and Operational Excellence */
#organize { color:#f6873d; border-bottom:1px solid #f6873d; }

#core4 { list-style-type:none; width:644px; padding:0; margin:0 auto; position:relative; z-index:500; }
#core4 ul { list-style-type:none; padding:0; margin:0; border:3px solid #f6873d; margin-top:13px; }
#core4 li { float:left; margin:1px 1px 0 0; position:relative; }
#core4 li.sub4 { background-image:url(../images/M2200_core4-background.jpg); background-repeat:no-repeat; height:35px; font-size:18px !important; }
#core4 li { display:block; color:#474747; font-size:14px; padding:8px 0 2px 0; line-height:18px; width:675px; text-decoration:none; text-align:center; cursor:pointer; font-weight:bold;}
#core4 li p { font-size:13px; color:#000000; text-align:left; padding-left:10px; margin:2px; }
#core4 li.sub4 a { display:block; color:#00a2e5 !important; padding:3px 0 2px 0; line-height:18px; width:675px; text-decoration:none; text-align:center; cursor:pointer; font-weight:bold;}
#core4 li:hover, #core4 li a:hover { color:#474747; }
#core4 ul  { position:absolute; left:-9999px; }
#core4 li.click {  }
#core4 li.click ul { left:0; top:24px; background:url(transparent.gif); background-color:#FFFFFF; } /* the background image is for IE7 */

/* Fifth Core Theme - Innovate the Customer Experience */
#innovate { color:#00a2e5; border-bottom:1px solid #00a2e5; }

#core5 { list-style-type:none; width:644px; padding:0; margin:0 auto; position:relative; z-index:400; }
#core5 ul { list-style-type:none; padding:0; margin:0; border:3px solid #00a2e5; margin-top:13px; }
#core5 li { float:left; margin:1px 1px 0 0; position:relative; }
#core5 li.sub5 { background-image:url(../images/M2200_core1-background.jpg); background-repeat:no-repeat; height:35px; font-size:18px !important; }
#core5 li { display:block; color:#474747; font-size:14px; padding:8px 0 2px 0; line-height:18px; width:675px; text-decoration:none; text-align:center; cursor:pointer; font-weight:bold;}
#core5 li p { font-size:13px; color:#000000; text-align:left; padding-left:10px; margin:2px; }
#core5 li.sub5 a { display:block; color:#00a2e5 !important; padding:3px 0 2px 0; line-height:18px; width:675px; text-decoration:none; text-align:center; cursor:pointer; font-weight:bold;}
#core5 li:hover, #core4 li a:hover { color:#474747; }
#core5 ul  { position:absolute; left:-9999px; }
#core5 li.click {  }
#core5 li.click ul { left:0; top:24px; background:url(transparent.gif); background-color:#FFFFFF; } /* the background image is for IE7 */