/*
THEME NAME: Sandbox
THEME URI: http://www.plaintxt.org/themes/sandbox/
DESCRIPTION: Rich with powerful and dynamic semantic class selectors, Sandbox is a canvas for CSS artists
VERSION: 1.6.1
AUTHOR: Andy Skelton & Scott Allan Wallick
AUTHOR URI:
TAGS: sandbox, microformats, hcard, hatom, xoxo, widgets, blank slate, starter theme, minimalist, developer
*/
/**
* Default CSS Drop-Down Menu Theme
*
* @file default.css
* @name Default
* @version 0.1
* @type transitional
* @browsers Windows: IE5+, Opera7+, Firefox1+
* Mac OS: Safari2+, Firefox2+
*
* @link http://www.lwis.net/
* @copyright 2008 Live Web Institute. All Rights Reserved.
*
* Module Classes: *.dir {} *.on {} *.open {} li.hover {} li.first {} li.last {}
* Expected directory tag - li
*
*/
@import "helper.css";
/*-------------------------------------------------/
* @section Base Drop-Down Styling
* @structure ul (unordered list)
* ul li (list item)
* ul li a (links)
* /*\.class|(li|a):hover/
* @level sep ul
*/
ul.dropdown {
font-family:Century gothic; font-size:12px;
font-weight: bold;
}
ul.dropdown li {
padding: 4px 10px;
border-style: solid;
border-width: 0px 0px 0px 0;
border-color: #000000;
background-color: #000000;
color: #82794E;
}
ul.dropdown li.hover,
ul.dropdown li:hover {
background-color: #000000;
color: #ffffff;
}
ul.dropdown a:link,
ul.dropdown a:visited { color: #82794E; text-decoration: none; padding-right: 7px; }
ul.dropdown a:hover { color: #ffffff; }
ul.dropdown a:active { color: #82794E; }
/* -- level mark -- */
ul.dropdown ul {
width: 500px;
margin-top: 1px;
}
ul.dropdown ul li {
font-weight: normal;
}
/*-------------------------------------------------/
* @section Support Class `dir`
* @level sep ul, .class
*/
ul.dropdown *.dir {
padding-right: 7px;
background-position: 100% 50%;
background-repeat: no-repeat;
}
/* -- Components override -- */
ul.dropdown-horizontal ul *.dir {
padding-right: 2px;
background-position: 100%;
background-repeat: no-repeat;
}
ul.dropdown-upward *.dir {
}
ul.dropdown-vertical *.dir,
ul.dropdown-upward ul *.dir {
}
ul.dropdown-vertical-rtl *.dir {
padding-right: 10px;
padding-left: 15px;
background-position: 100%;
}
body{margin:0px; padding:0px; background:#ffffff}
#headWrap{width:100%; height:227px; margin:0px; padding:0px; float:left; background:url(images/headBg.jpg) repeat-x}
#headpanel{width:934px; height:227px; margin:0 auto; padding:0px}
#logo{width:190px; height:148px; margin:31px 0 0 0; padding:0px; float:left; background:url(images/logo.jpg) no-repeat}
/* nav */
#nav ul li .gap{width:1px; height:28px; margin:0px; padding:0 11px 0 11px; float:left; background:url(images/menuspace.jpg) no-repeat center top}
#nav ul li .gap2{width:300px; height:28px; margin:0px; padding:0 11px 0 11px; float:left;}
#contentWrap{width:100%; height:auto; margin:0px; padding:0px; float:left; background:#ffffff repeat-x}
#contentPanel{width:950px; margin:0 auto; padding:10px 0 0 0}
/* sidebar */
#leftPanel{width:259px; margin:0px; padding:0 0 10px 0; float:left; border-right:#c6d09d }
#leftPanel .toplinks{width:259px; margin:0px; padding:0px; float:left}
/* contact page */
#leftPanel .pic9{width:250px; height:190px; margin:0px; padding:50px 0 0 50px ; float:left; background:url(images/fphoto.jpg) no-repeat}
#leftPanel .pic1{width:250px; height:600px; margin:0px; padding:0px; float:left; background:url(images/homepage.jpg) no-repeat}
/* founder pic */
#leftPanel .pic2{width:240px; height:280px; margin:0px; padding:0px; float:left; background:url(images/ada.jpg) no-repeat}
#leftPanel .pic3{width:240px; height:280px; margin:0px; padding:0px; float:left; background:url(images/beth.jpg) no-repeat}
/* team pic */
#leftPanel .pic4{width:240px; height:280px; margin:0px; padding:200px 0 0 50px ; float:left; background:url(images/cindy.jpg) no-repeat}
#leftPanel .pic5{width:240px; height:280px; margin:0px; padding:200px 0 0 50px ; float:left; background:url(images/gwen.jpg) no-repeat}
#leftPanel .pic6{width:240px; height:280px; margin:0px; padding:50px 0 0 50px ; float:left; background:url(images/sharon.jpg) no-repeat}
#leftPanel .toplinks p{width:224px; margin:10px 0 0 0; padding:0px; float:left; font-family:Arial; font-size:12px; color:#252525; line-height:16px}
#leftPanel .toplinks ul{width:224px; margin:8px 0 0 0; padding:0px; float:left; display:block}
#leftPanel .toplinks ul li{width:224px; margin:0px; padding:0px; float:left; display:block}
#leftPanel .toplinks ul li a{width:205px; height:19px; margin:0px; padding:0 0 0 19px; float:left; font-family:Arial; font-size:12px; color:#363636; line-height:16px; text-decoration:none; border-bottom:#c6d09d solid 1px; background:url(images/lisstyle.jpg) no-repeat 0 -18px}
#leftPanel .toplinks ul li a:hover{color:#c46706; background:#FFFFFF url(images/lisstyle.jpg) no-repeat}
#leftPanel .toplinks ul li a.bottom{width:205px; height:19px; margin:0px; padding:0 0 0 19px; float:left; font-family:Arial; font-size:12px; color:#363636; line-height:16px; text-decoration:none; border-bottom:0px; background:url(images/lisstyle.jpg) no-repeat 0 -18px}
#leftPanel .toplinks ul li a.bottom:hover{color:#c46706; background:#FFFFFF url(images/lisstyle.jpg) no-repeat}
/* dating journey, FAQ, */
#leftPanel2{width:660px; margin:0px; padding:0 0 10px 0; float:left; border:0}
#leftPanel2 .toplinks{width:670px; margin:0px; padding:0px; float:left}
#leftPanel2 .toplinks h1{width:529px; margin:0px; padding:0px; float:left; font-family:Century Gothic; font-size:20px; color:#82794E; line-height:32px; font-weight:bolder; list-style: none; border: 0px solid white;}
#leftPanel2 .pic7{width:529px; height:626px; margin:0px; padding:50px 50px 50px 50px ; float:left; background:url(images/datingjourney.jpg) no-repeat}
#leftPanel2 .pic8{width:577px; height:243px; margin:0px; padding:00px 00px 00px 00px ; float:left; background:url(images/FAQ.jpg) no-repeat}
#leftPanel2 .toplinks h2, #leftPanel2 .service .toplinks h2{width:577px; margin:0px; padding:0px; float:left; font-family:Century Gothic; font-size:20px !important; color:#82794E !important; line-height:24px !important; font-weight:bolder}
#leftPanel2 .toplinks h3{width:577px; margin:9px 0 0 0; padding:0px; float:left; font-family:Century Gothic; font-size:13px; color:#000000; line-height:16px; font-weight:normal; text-align: justify; border-bottom:#82794E dashed 1px;}
#leftPanel2 .toplinks h4, #leftPanel2 .toplinks p{
width:577px;
margin:0;
padding:0;
float:left;
font-family:Century Gothic;
font-size:13px;
color:#000000;
line-height:25px;
font-weight:normal;
text-align: justify;
vertical-align: top;
}
#leftPanel2 .toplinks h5{width:500px; margin:0; padding:0px 0px 0px 18px; float:left; font-family:Century Gothic; font-size:13px; color:#000000; line-height:16px; font-weight:normal; text-align: justify; }
#leftPanel2 .toplinks h6{width:500px; margin:0; padding:20px 0px 20px 20px; float:left; font-family:Century Gothic; font-size:20px; color:#000000; line-height:16px; font-weight:bold; text-align: left; }
#leftPanel2 .toplinks ul{
width:500px;
padding:0px;
float:left;
display:block;
margin-top: 0px;
margin-right: 0;
margin-bottom: 0;
margin-left: 0;
}
#leftPanel2 .toplinks ul li{width:600px; margin:0px; padding:10px 0 23px 0; float:left; display:block; border-bottom:#82794E dashed 1px;}
#leftPanel2 .toplinks ul li .result1{width:208px; height:230px; margin:0px 20px; padding:0px 0 0 0; float:left; font-family:Century Gothic; font-size:13px; color:#ffffff; line-height:20px; text-align:center; font-weight:bold; background:url(images/avatar1.jpg) no-repeat}
#leftPanel2 .toplinks ul li .result2{width:208px; height:230px; margin:0px 20px; padding:0px 0 0 0; float:left; font-family:Century Gothic; font-size:13px; color:#ffffff; line-height:20px; text-align:center; font-weight:bold; background:url(images/avatar2.jpg) no-repeat}
#leftPanel2 .toplinks ul li .result3{width:208px; height:230px; margin:0px 20px; padding:0px 0 0 0; float:left; font-family:Century Gothic; font-size:13px; color:#ffffff; line-height:20px; text-align:center; font-weight:bold; background:url(images/avatar3.jpg) no-repeat}
#leftPanel2 .toplinks ul li .result4{width:208px; height:230px; margin:0px 20px; padding:0px 0 0 0; float:left; font-family:Century Gothic; font-size:13px; color:#ffffff; line-height:20px; text-align:center; font-weight:bold; background:url(images/avatar4.jpg) no-repeat}
#leftPanel2 .toplinks ul li .result5{width:208px; height:230px; margin:0px 20px; padding:0px 0 0 0; float:left; font-family:Century Gothic; font-size:13px; color:#ffffff; line-height:20px; text-align:center; font-weight:bold; background:url(images/avatar5.jpg) no-repeat}
#leftPanel2 .toplinks ul li p{
width:505px;
margin:0px 0 0 0;
padding:10px 0px 0px 230px;
float:left;
font-family:Century Gothic;
font-size:12px;
color:#363636;
line-height:16px;
text-align: justify;
}
/* News/Events */
#leftPanel2 .services{width:500px; margin:0px; padding:0px; float:left; }
#leftPanel2 .services h1{width:529px; margin:0px; padding:0px; float:left; font-family:Century Gothic; font-size:20px; color:#82794E; line-height:32px; font-weight:bolder; border: 0px solid white;}
#leftPanel2 .services h2, #leftPanel2 .services h2.entry-title a{width:505px; margin:0px; padding:0px 0px 0px 8px;; float:left; font-family:Century Gothic; font-size:16px; color:#000000; line-height:32px; font-weight:bolder;text-decoration:none;}
#leftPanel2 .services p{width:530px; margin:10px 0 0px 0; padding:0px 0px 12px 10px; float:left; font-family:Century Gothic; font-size:0.94em; color:#363636; line-height:16px; text-align:justify;}
#leftPanel2 .services p span{
color:#363636;
font-family:Century Gothic!important;
font-weight:normal;
font-size:0.94em !important;
padding-left: 1.6em;
}
#leftPanel2 .services ul{
width:505px;
padding:0px;
float:left;
display:block;
margin-top: 10px;
margin-right: 0;
margin-bottom: 0;
margin-left: 0;
}
#leftPanel2 .services ul li{width:650px; margin:0px; padding:10px 0 23px 0; float:left; display:block; border-bottom:#82794E dashed 1px;}
#leftPanel2 .services ul li .cal{width:53px; height:53px; margin:0px 20px; padding:0px 0 0 0; float:left; font-family:Century Gothic; font-size:12px; color:#ffffff; line-height:20px; text-align:center; font-weight:bold; background:url(images/calendar.jpg) no-repeat}
#leftPanel2 .services ul li .cal span{width:53px;height:20px;float:left; padding:0px; font-family:Century Gothic; font-size:20px; color:#000000; text-align:center; font-weight:bold; margin:0px}
#leftPanel2.services ul li p{width:240px; margin:0px 0 0 0; padding:0 0 0 10px; float:left; font-family:Century Gothic; font-size:13px; color:#000000; line-height:16px; text-indent:0px;}
#leftPanel2 .services ul li a, #leftPanel2 .services a{
/* width:218px;*/
/* float:left;*/
font-family:Century Gothic;
font-size:13px;
font-weight:bold;
color:#82794E;
/* line-height:30px;*/
margin: 0;
padding:0;
}
#leftPanel2 .services ul li a:hover, #leftPanel2 .services a:hover{text-decoration:underline;color: #666666;}
/*ARCHIVES */
#leftPanel2 .services2{width:500px; margin:0px; padding:0px; float:left; }
#leftPanel2 .services2 h1{width:529px; margin:0px; padding:0px; float:left; font-family:Century Gothic; font-size:20px; color:#82794E; line-height:32px; font-weight:bolder; border: 0px solid white;}
#leftPanel2 .services2 h2, #leftPanel2 .services2 h2.entry-title a{width:505px; margin:0px; padding:0px 0px 0px 8px;; float:left; font-family:Century Gothic; font-size:16px; color:#000000; line-height:32px; font-weight:bolder;text-decoration:none;}
#leftPanel2 .services2 h3, #leftPanel2 .services2 h3.entry-title a{width:505px; margin:0px; padding:0px 0px 0px 20px;; float:left; font-family:Century Gothic; font-size:16px; color:#FF0066; line-height:32px; font-weight:bolder;text-decoration:none;}
#leftPanel2 .services2 h4, #leftPanel2 .services2 h4.entry-title a{
width:505px;
height:50px;
margin:0px;
padding:7px 0px 7px 35px;
;
float:left;
font-family:Century Gothic;
font-size:20px;
color:#FFFFFF;
line-height:32px;
font-weight:bold;
text-decoration:none;
background:url(images/archive_year.jpg) no-repeat;
list-style: none;
}
#leftPanel2 .services2 p{width:530px; margin:10px 0 0px 0; padding:0px 0px 12px 8px; float:left; font-family:Century Gothic; font-size:13px; color:#363636; line-height:16px; text-align:justify; list-style: none;}
#leftPanel2 .services2 p span{
color:#363636;
font-family:Century Gothic!important;
font-weight:normal;
font-size:0.94em !important;
padding-left: 0px;
list-style: none;
}
#leftPanel2 .services2 ul{
width:505px;
padding-left:0px;
float:left;
margin-top: 10px;
list-style: none;
}
#leftPanel2 .services2 ul li{width:650px; margin:0px; padding:20px; float:left; font-family:Century Gothic; font-size:11px; color:#FF0066; font-weight:normal;list-style: none;}
#leftPanel2.services2 ul li p{width:240px; margin:0; padding:0 0 0 0px; float:left; font-family:Century Gothic; font-size:13px; color:#000000; line-height:16px; text-indent:0px;}
#leftPanel2 .services2 ul li a, #leftPanel2 .services2 a{
/* width:218px;*/
/* float:left;*/
font-family:Century Gothic;
font-size:16px;
font-weight:bold;
color:#82794E;
/* line-height:30px;*/
margin: 0;
padding-left:20px;
text-decoration:none;
background:url(images/archive_heart.jpg) no-repeat
}
#leftPanel2 .services2 ul li a:hover, #leftPanel2 .services2 a:hover{text-decoration:underline;padding-left:20px;color: #666666;;background:url(images/archive_heart.jpg) no-repeat}
/*MEDIA */
#leftPanel2 .media{width:500px; margin:0px; padding:0px; float:left; }
#leftPanel2 .media h1{width:529px; margin:0px; padding:0px; float:left; font-family:Century Gothic; font-size:20px; color:#82794E; line-height:32px; font-weight:bolder; border: 0px solid white;}
#leftPanel2 .media h3, #leftPanel2 .media h3.entry-title a{width:505px; margin:0px; padding:5px 0px 0px 5px;; float:left; font-family:Century Gothic; font-size:14px; color:#000000; line-height:32px; font-weight:bolder;text-decoration:none;}
#leftPanel2 .media p{width:530px; margin:10px 0 0px 0; padding:0px 0px 12px 10px; float:left; font-family:Century Gothic; font-size:0.94em; color:#363636; line-height:16px; text-align:justify;}
#leftPanel2 .media p span{
color:#363636;
font-family:Century Gothic!important;
font-weight:normal;
font-size:0.94em !important;
padding-left: 1.6em;
}
#leftPanel2 .media ul{
width:505px;
padding:0px;
float:left;
display:block;
margin-top: 10px;
margin-right: 0;
margin-bottom: 0;
margin-left: 0;
}
#leftPanel2 .media ul li{width:650px; margin:0px; padding:10px 0 23px 0; float:left; display:block; border-bottom:#82794E dashed 1px;}
#leftPanel2 .media ul li .cal{width:53px; height:53px; margin:0px 20px; padding:0px 0 0 0; float:left; font-family:Century Gothic; font-size:12px; color:#ffffff; line-height:20px; text-align:center; font-weight:bold; background:url(images/calendar.jpg) no-repeat}
#leftPanel2 .media ul li .cal span{width:53px;height:20px;float:left; padding:0px; font-family:Century Gothic; font-size:20px; color:#000000; text-align:center; font-weight:bold; margin:0px}
#leftPanel2.media ul li p{width:240px; margin:0px 0 0 0; padding:0 0 0 10px; float:left; font-family:Century Gothic; font-size:13px; color:#000000; line-height:16px; text-indent:0px;}
#leftPanel2 .media ul li a, #leftPanel2 .media a{
/* width:218px;*/
/* float:left;*/
font-family:Century Gothic;
font-size:13px;
font-weight:bold;
color:#82794E;
/* line-height:30px;*/
margin: 0;
padding:0;
}
#leftPanel2 .media ul li a:hover, #leftPanel2 .media a:hover{text-decoration:underline;color: #666666;}
/* Quiz */
.contentbullet {
background-repeat: no-repeat;
margin: 0px;
margin-bottom: 10px;
float: left;
width: 600px;
}
.contentbullet_head {
font-family: "Century Gothic";
font-size: 15px;
font-weight: bold;
color: #000000;
text-decoration: none;
background-image: url(images/1.jpg);
background-repeat: no-repeat;
margin: 10px;
width: 577px;
height: auto;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 5px;
padding-left: 40px;
float: left;
background-position: 0px 0px;
margin-bottom: 0px;
text-align: justify;
}
.contentbullet_head2 {
font-family: "Century Gothic";
font-size: 15px;
font-weight: bold;
color: #000000;
text-decoration: none;
background-image: url(images/2.jpg);
background-repeat: no-repeat;
margin: 10px;
width: 577px;
height: auto;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 5px;
padding-left: 40px;
float: left;
background-position: 0px 0px;
margin-bottom: 0px;
text-align: justify;
}
.contentbullet_head3 {
font-family: "Century Gothic";
font-size: 15px;
font-weight: bold;
color: #000000;
text-decoration: none;
background-image: url(images/3.jpg);
background-repeat: no-repeat;
margin: 10px;
width: 577px;
height: auto;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 5px;
padding-left: 40px;
float: left;
background-position: 0px 0px;
margin-bottom: 0px;
text-align: justify;
}
.contentbullet_head4 {
font-family: "Century Gothic";
font-size: 15px;
font-weight: bold;
color: #000000;
text-decoration: none;
background-image: url(images/4.jpg);
background-repeat: no-repeat;
margin: 10px;
width: 577px;
height: auto;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 5px;
padding-left: 40px;
float: left;
background-position: 0px 0px;
margin-bottom: 0px;
text-align: justify;
}
.contentbullet_head5 {
font-family: "Century Gothic";
font-size: 15px;
font-weight: bold;
color: #000000;
text-decoration: none;
background-image: url(images/5.jpg);
background-repeat: no-repeat;
margin: 10px;
width: 577px;
height: auto;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 5px;
padding-left: 40px;
float: left;
background-position: 0px 0px;
margin-bottom: 0px;
text-align: justify;
}
.contentbullet_head6 {
font-family: "Century Gothic";
font-size: 15px;
font-weight: bold;
color: #000000;
text-decoration: none;
background-image: url(images/6.jpg);
background-repeat: no-repeat;
margin: 10px;
width: 577px;
height: auto;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 5px;
padding-left: 40px;
float: left;
background-position: 0px 0px;
margin-bottom: 0px;
text-align: justify;
}
/* eventpanel */
#eventPanel{width:257px; height:182px; margin:31px 0 0 0; padding:0px; float:left; list-style: none;background:url(images/event_panel.jpg) no-repeat}
#eventPanel h2{width:224px; margin:0px; padding:10px; float:left; font-family:century Gothic; list-style: none;font-size:18px; color:#82794E; line-height:24px; font-weight:bolder}
#eventPanel h3{width:224px; margin:1px 0 0 0; padding:8px; float:left; list-style: none;font-family:century Gothic; font-size:14px; color:#ffffff; line-height:16px; font-weight:bold}
#eventPanel h4{width:224px; margin:1px 0 0 0; padding:8px; float:left; list-style: none;font-family:century Gothic; font-size:12px; color:#CCCCCC; line-height:16px; font-weight:normal}
#eventPanel .blank{width:11px; height:10px; margin:0px; padding:10px; float:leftlist-style: none;}
#eventPanel p{width:218px; margin:9px 0 0 0; padding:8px; float:left; list-style: none;font-family:century Gothic; font-size:11px; color:#ffffff; font-weight:bold}
#eventPanel p a{color:#CCCCCC; text-decoration:none}
#eventPanel ul {width:218px; margin:5px 0 0 0; padding:0 0 0 10px; float:left; font-family:century gothic; font-size:11px; font-weight:bold; color:#ffffff; line-height:30px;list-style: none;}
#eventPanel ul li a{width:218px; margin:0; padding:0 0 0 25px; float:right; font-family:century gothic; font-size:11px; font-weight:bold; color:#ffffff; line-height:30px;list-style: none;}
#eventPanel ul li a:hover{list-style: none; text-decoration:none}
/*socialmediapanel */
#projectPanel{width:100%; margin:0 ; padding:0; float:left}
#projectsPanel .social1{width:100%; height:100%; margin:0; padding:0; float:left; list-style: none; border: 0 solid white;}
#projectsPanel .social1 ul{width:100%; margin:0; padding:0; float:left; list-style: none; border: 0 solid white; }
#projectsPanel .social1 ul li{width:100%; margin:0; padding:0; float:left; list-style: none; border: 0 solid white; }
#projectsPanel .social1 ul li a{width:100%; height:100%; margin:0; padding:0; float:left; color:#ffffff; line-height:16px;list-style: none; border: 0 solid white;text-decoration:none; background:url(images/subscribe_mail.jpg) no-repeat}
#projectsPanel .social1 ul li a:hover{ background:#FFFFFF ;background:url(images/subscribe_mail.jpg) no-repeat}
#projectsPanel .social2{width:213px; height:51px; margin:10px 0 0 0; padding:0; float:left; list-style: none; border: 0px solid white; }
#projectsPanel .social2 ul{width:224px; margin:8px 0 0 0; padding:0px; float:left; list-style: none; border: 0px solid white; }
#projectsPanel .social2 ul li{width:224px; margin:0; padding:0; float:left; list-style: none; border: 0px solid white; }
#projectsPanel .social2 ul li a{width:205px; height:56px; margin:0; padding:0 0 0 19px; float:left; font-family:Arial; font-size:12px; color:#ffffff; line-height:16px;list-style: none; border: 0px solid white;text-decoration:none; background:url(images/tellafriend.jpg) no-repeat}
#projectsPanel .social2 ul li a:hover{ background:#FFFFFF ;background:url(images/tellafriend.jpg) no-repeat}
#projectsPanel .social3{width:148px; height:54px; margin:10px 0 0 0; padding:0; float:left; list-style: none; border: 0px solid white;}
#projectsPanel .social3 ul{width:148px; margin:8px 0 0 0; padding:0; float:left; list-style: none; border: 0px solid white; }
#projectsPanel .social3 ul li{width:148px; margin:0; padding:0px; float:left; list-style: none; border: 0px solid white; }
#projectsPanel .social3 ul li a{width:148px; height:54px; margin:0px; padding:0 0 0 0px; float:left; font-family:Arial; font-size:12px; color:#ffffff; line-height:16px;list-style: none; border: 0px solid white;text-decoration:none; background:url(images/rss_feed.jpg) no-repeat}
#projectsPanel .social3 ul li a:hover{ background:#FFFFFF ; background:url(images/rss_feed.jpg) no-repeat}
#projectsPanel .social4{width:92px; height:41px; margin:10px 0 0 0; padding:0; float:left; }
#projectsPanel .social4 ul{width:92px; margin:8px 0 0 0; padding:0; float:left; list-style: none; border: 0px solid white; }
#projectsPanel .social4 ul li{width:92px; margin:0; padding:0; float:left; list-style: none; border: 0px solid white; }
#projectsPanel .social4 ul li a{width:92px; height:41px; margin:0; padding:0 0 0 0px; float:left; font-family:Arial; font-size:12px; color:#ffffff; line-height:16px;list-style: none; border: 0px solid white;text-decoration:none; background:url(images/facebook-banner.png) no-repeat}
#projectsPanel .social4 ul li a:hover{ background:#FFFFFF ; background:url(images/facebook-banner.png) no-repeat}
#projectsPanel .social5{width:187px; height:54px; margin:10px 0 0 0; padding:0; float:left; }
#projectsPanel .social5 ul{width:92px; margin:8px 0 0 0; padding:0; float:left; list-style: none; border: 0px solid white; }
#projectsPanel .social5 ul li{width:92px; margin:0; padding:0; float:left; list-style: none; border: 0px solid white; }
#projectsPanel .social5 ul li a{width:187px; height:54px; margin:0; padding:0; float:left; font-family:Arial; font-size:12px; color:#ffffff; line-height:16px;list-style: none; border: 0px solid white;text-decoration:none; background:url(images/contact_button.jpg) no-repeat}
#projectsPanel .social5 ul li a:hover{ background:#FFFFFF ; background:url(images/contact_button.jpg) no-repeat}
#projectsPanel .blank{width:20px; height:10px; margin:10px 0 0 0; padding:0px; float:left}
#projectsPanel a{width:55px; height:16px; margin:7px 0 0 0; margin-left:5px; padding:0px; float:none; font-family:Arial; font-size:10px; color:#000000; line-height:14px; text-align:center; text-decoration:none; border:#bdbcbd solid 1px; background:#FFFFFF}
/*#projectsPanel a:hover{background:#CCCCCC}*/
/* Main Middle Column */
#middlePanel{width:388px; margin:0px; padding:0 0 38px 32px; float:left}
#middlePanel .top{width:350px; margin:0px; padding:0 0 0 0px; float:left}
#middlePanel .top ul{width:92px; margin:0px 0 0 0; padding:0px; float:left; list-style: none; border: 0px solid white; }
#middlePanel .top ul li{width:92px; margin:0px; padding:1px; float:left; list-style: none; border: 0px solid white; }
#middlePanel .top ul li a{width:341px; height:57px; margin:0px; padding:0 0 0 0px; float:left; font-family:"Century Gothic"; font-size:13px; color:#000000; font-weight:bold; line-height:60px;list-style: none; border: 0px solid white;text-decoration:none; text-indent: 10px; background:url(images/tag.jpg) no-repeat}
#middlePanel .top ul li a:hover{
background-color: #EDDDBF;
background-image: url(images/tag.jpg);
background-repeat: no-repeat;
text-align: left;
text-indent: 10px;
}
#middlePanel .top h1{
width:350px;
margin:0px;
padding:0px;
float:left;
font-family:Century Gothic;
font-size:12px;
color:#000000;
line-height:16px;
font-weight:normal;
text-align: justify;
text-decoration:none;
border-bottom-color: #FFFFFF;
}
#middlePanel .top {border-bottom:#82794E dashed 1px;}
#middlePanel .top h2{width:350px; margin:0px; padding:0px; float:left; font-family:Century Gothic; font-size:20px; color:#82794E; line-height:32px; font-weight:bolder}
#middlePanel .top h3, #middlePanel .top p{width:350px; margin:9px 0 5px 0; padding:0px; float:left; font-family:Century Gothic; font-size:13px; color:#000000; line-height:16px; font-weight:normal; text-align: justify; }
#middlePanel .top p {border-bottom:none 0px;margin-bottom:1em !important;}
/* team */
#middlePanel .top h4{width:350px; margin:0px; padding:5px 0 0 0; float:left; font-family:Century Gothic; font-size:16px; color:#82794E; line-height:32px; font-weight:bolder}
#middlePanel .top h5{
width:350px;
margin:9px 0 0 0;
float:left;
font-family:Century Gothic;
font-size:13px;
color:#000000;
line-height:16px;
font-weight:normal;
text-align: justify;
padding-top: 0em;
}
#middlePanel .top p{width:350px; margin:0px 0 0 0; padding:0px; float:left; font-family:Century Gothic; font-size:13px; color:#000000; line-height:16px}
#middlePanel .top p span{color:#c46706; font-weight:bold}
#middlePanel .top a{width:75px; height:16px; margin:10px 0 0 0; padding:0px; float:left; font-family:Century Gothic; font-size:12px; color:#82794E; line-height:14px; text-align:left; text-decoration:underline;}
#middlePanel .top a:hover{
color:#666;
}
#middlePanel .services{width:350px; margin:0px; padding:0px; float:left; border-bottom:#82794E dashed 1px;}
#middlePanel .services h2{width:340px; margin:0px; padding:0px; float:left; font-family:Century Gothic; font-size:20px; color:#82794E; line-height:32px; font-weight:bolder}
#middlePanel .services ul{width:340px; margin:23px 0 0 0; padding:0px; float:left; display:block}
#middlePanel .services ul li{width:340px; margin:0px; padding:0 0 23px 0; float:left; display:block}
#middlePanel .services ul li .cal{width:53px; height:53px; margin:0px; padding:0px 0 0 0; float:left; font-family:Century Gothic; font-size:12px; color:#ffffff; line-height:20px; text-align:center; font-weight:bold; background:url(images/calendar.jpg) no-repeat}
#middlePanel .services ul li .cal span{width:53px;height:20px;float:left; padding:0px; font-family:Century Gothic; font-size:20px; color:#000000; text-align:center; font-weight:bold; margin:0px}
#middlePanel .services ul li h2, #middlePanel .services ul li h2 a{width:240px; margin:0px; padding:0 0 0 3px; float:left; font-family:Century Gothic; font-size:14px; color:#000000; line-height:16px; font-weight:bold; text-decoration:none;}
#middlePanel .services ul li p{
/* width:250px;*/
margin:0px 0 0 0;
padding:5px 0 0 7px;
float:left;
font-family:Century Gothic;
font-size:13px;
color:#000000;
line-height:16px;
text-indent:0px;
text-align: justify;
}
#middlePanel .services ul li a{width:218px; margin:14px 0 0 0; padding:0 0 0 7px; float:left; font-family:Century Gothic; font-size:11px; font-weight:bold; color:#82794E; line-height:30px}
#middlePanel .services ul li a:hover{text-decoration:none}
#middlePanel .services ul li .author{width:186px; height:21px; margin:14px 0 0 0; padding:0 0 0 32px; float:left; font-family:Century Gothic; font-size:11px; color:#343434; line-height:20px; background:#fefde7 url(images/author.jpg) no-repeat 10px 0}
#middlePanel .services ul li .author span{font-weight:bold}
#middlePanel .bottom{width:358px; margin:0px 0 0 0; padding:0px; float:left}
#middlePanel .services1{width:380px; height:30em; margin:0px; padding:0px; float:left;background:url(images/form.jpg) no-repeat}
#middlePanel .services1 h1{
float:left;
font-family:Century Gothic;
font-size:0.75em;
color:#FFFFFF;
line-height: 12px;
height: 12px;
width: 320px;
text-align: left;
padding-top: 5px;
padding-right: 0;
padding-bottom: 0;
padding-left: 38px;
}
#middlePanel .services1 p{
float:left;
font-family:Century Gothic;
font-size:0.75em;
color:#FFFFFF;
line-height: 12px;
width: 320px;
text-align: left;
padding-top: 5px;
padding-right: 0;
padding-bottom: 0;
padding-left: 38px;
}
#middlePanel .services1 a{width:75px; height:16px; margin:0px; padding:0px; float:left; font-family:Century Gothic; font-size:12px; color:#82794E; line-height:14px; text-align:left; text-decoration:underline;}
#middlePanel .services1 a:hover{
color:#666;
}
#middlePanel .services1 h3{width:350px; margin:0px; padding:15px 0 0 0; float:left; font-family:Century Gothic; font-size:16px; color:#82794E; line-height:32px; font-weight:bolder}
#middlePanel .services1 h4{width:350px; margin:0px; padding:5px 0 0 0; float:left; font-family:Century Gothic; font-size:16px; color:#82794E; line-height:32px; font-weight:bolder}
#middlePanel .services1 h5{
width:350px;
margin:9px 0 0 0;
float:left;
font-family:Century Gothic;
font-size:13px;
color:#000000;
line-height:16px;
font-weight:normal;
text-align: justify;
padding-top: 0em;
}
#middlePanel .services1 h4 a{width:75px; height:16px; margin:0px; padding:0px; float:left; font-family:Century Gothic; font-size:12px; color:#82794E; line-height:14px; text-align:left; text-decoration:underline;}
#middlePanel .services1 h4 a:hover{
color:#666;
}
#middlePanel .bottom h2{width:126px; height:123px; margin:0px; padding:0 0 0 3px; float:left; font-family:Century Gothic; font-size:16px; color:#000000; line-height:29px; font-weight:normal;background:url(images/sdu_trust.jpg) no-repeat}
#middlePanel .bottom h3{width:350px; margin:12px 0 0 0; padding:0 0 0 3px; float:left; font-family:Century Gothic; font-size:13px; color:#000000; line-height:16px; font-weight:normal; text-align: justify;}
#middlePanel .bottom h3 a{color:#82794E; line-height:16px; text-align: justify;}
#middlePanel .bottom h3 a:hover{color:#666}
#middlePanel .bottom .pic3{width:358px; height:109px; margin:19px 0 0 0; padding:0px; float:left; background:url(images/pic3.jpg) no-repeat}
#middlePanel .bottom ul{width:349px; margin:16px 0 0 0; padding:0px; float:left; display:block}
#middlePanel .bottom ul li{width:349px; margin:0px; padding:0px; float:left; display:block}
#middlePanel .bottom ul li a{width:334px; height:24px; margin:0px; padding:0 0 0 15px; float:left; font-family:Arial; font-size:12px; color:#1e2316; line-height:20px; text-decoration:none; border-bottom:#8bb5a2 dashed 1px; background:url(images/liststyle.jpg) no-repeat}
#middlePanel .bottom ul li a:hover{color:#c46706; background:url(images/liststyle.jpg) no-repeat 0 -24px}
#middlePanel .bottom ul li a.bottom{width:334px; height:24px; margin:0px; padding:0 0 0 15px; float:left; font-family:Arial; font-size:12px; color:#1e2316; line-height:20px; text-decoration:none; border-bottom:0px; background:url(images/liststyle.jpg) no-repeat}
#middlePanel .bottom ul li a.bottom:hover{color:#c46706; background:url(images/liststyle.jpg) no-repeat 0 -24px}
/* Sidebar- quiz & promotion banner */
#rigtPanel{width:240px; margin:0; padding:0 0 0 0px; float:left}
#rigtPanel .services{width:218px; margin:0; padding:0; float:left}
#rigtPanel .services ul{width:218px; margin:23px 0 0 0; padding:0; float:left; display:block}
#rigtPanel .services ul li{width:218px; margin:0; padding:0 0 23px 0; float:left; display:block}
#rigtPanel .services1{width:243px; height:321px; margin:0; padding:15px 0 0 0; float:left; }
#rigtPanel .services1 ul li{width:224px; margin:0; padding:0; float:left; list-style: none; border: 0px solid white; }
#rigtPanel .services1 ul li a{width:243px; height:321px; margin:0; padding:0 0 0 19px; float:left; color:#ffffff; line-height:16px;list-style: none; border: 0px solid white;text-decoration:none; background:url(images/promotion_banner.jpg) no-repeat}
#rigtPanel .services1 ul li a:hover{ background:#FFFFFF ;background:url(images/promotion_banner.jpg) no-repeat}
#rigtPanel .services2{width:244px; height:321px; margin:0; padding:15px 0 0 0; float:left}
#rigtPanel .services2 ul li{width:224px; margin:0; padding:0; float:left; list-style: none; border: 0px solid white; }
#rigtPanel .services2 ul li a{width:244px; height:321px; margin:0; padding:0 0 0 19px; float:left; color:#ffffff; line-height:16px;list-style: none; border: 0px solid white;text-decoration:none; background:url(images/quiz_banner1.jpg) no-repeat}
#rigtPanel .services2 ul li a:hover{ background:#FFFFFF ;background:url(images/quiz_banner1.jpg) no-repeat}
#rigtPanel .services3{width:241px; height:133px; margin:0px; padding:15px 0 0 0; float:left}
#rigtPanel .services3 ul li{width:224px; margin:0; padding:0px; float:left; list-style: none; border: 0px solid white; }
#rigtPanel .services3 ul li a{width:241px; height:133px; margin:0; padding:0 0 0 19px; float:left; color:#ffffff; line-height:16px;list-style: none; border: 0px solid white;text-decoration:none; background:url(images/quiz_banner2.jpg) no-repeat}
#rigtPanel .services3 ul li a:hover{ background:#FFFFFF ;background:url(images/quiz_banner2.jpg) no-repeat}
#rigtPanel .services4{width:242px; height:133px; margin:0; padding:15px 0 0 0; float:left}
#rigtPanel .services4 ul li{width:224px; margin:0; padding:0; float:left; list-style: none; border: 0px solid white; }
#rigtPanel .services4 ul li a{width:242px; height:133px; margin:0; padding:0 0 0 19px; float:left; color:#ffffff; line-height:16px;list-style: none; border: 0px solid white;text-decoration:none; background:url(images/quiz_banner3.jpg) no-repeat}
#rigtPanel .services4 ul li a:hover{ background:#FFFFFF ;background:url(images/quiz_banner3.jpg) no-repeat}
#rigtPanel a,#rigtPanel img {border: 0 !important;}
/* footer */
#footWrap{width:100%; height:auto; margin:0px; padding:0 0 26px 0; float:left; ;text-decoration:none;background:url(images/footBg.jpg) repeat-x}
#footPanel{width:934px; margin:0 auto; padding:0px;text-decoration:none}
#footNav{width:934px; margin:25px 0 0 0; padding:0px; float:left;text-decoration:none}
#footNav ul{width:558px; margin:0 auto; padding:0px; display:block;text-decoration:none;}
#footNav ul li{width:auto; margin:0px; padding:0px; float:left; display:block;text-decoration:none;}
#footNav ul li .blank{width:auto; margin:3px 0 0 0; padding:0 10px 0 10px; float:left; font-family:Arial; font-size:12px; color:#ffffff; line-height:16px; font-weight:bold;text-decoration:none;}
#footNav ul li a{font-family:Arial; font-size:12px; color:#e5df85; line-height:16px; font-weight:bold; text-decoration:none; margin:0px; padding:0px}
#footNav ul li a:hover{text-decoration:none}
#footPanel p{width:934px; margin:12px 0 0 0; padding:0px; float:left; font-family:Arial; font-size:11px; color:#fffcd5; line-height:15px; font-weight:bold; text-align:center;text-decoration:none}
#footer-left {
float: left;
width: 100%;
text-decoration:none;
height: 60px;
}
#footer-left p{
float: right;
width: 100%;
height:48px;
font-family:century gothic;
font-size:10px;
color:#FFFFFF;
padding:0 0px 0 0px;
line-height:22px;
font-weight:lighter;
text-align:left;
text-decoration:none;
border-bottom-color: #000000;
}
#footer-left h1{
float: right;
width: 100%;
height:48px;
font-family:century gothic;
font-size:10px;
color:#FFFFFF;
line-height:24px;
font-weight:lighter;
text-align:left;
text-decoration:none;
border-bottom-color: #000000;
}
#footer-left .sdu{width:400px; height:65px; margin:0px; padding:0px 0 0 0px; float:left; }
#footer-left .sdu ul li{width:400px; margin:0px; padding:0px; float:left; list-style: none; border: 0px; }
#footer-left .sdu ul li a{width:400px; height:65px; margin:0px; padding:0 0 0 0px; float:left; font-family:Century Gothic; font-size:16px; color:#000000;font-weight:normal;background:url(images/sdu_black.jpg) no-repeat}
#footer-left .sdu ul li a:hover{background:url(images/sdu_black_hover.jpg) no-repeat}
#footer-right {float: right; width: 22%; text-decoration:none; }
#footer-right h1{
float: right;
width: 100%;
height:48px;
font-family:century gothic;
font-size:10px;
color:#FFFFFF;
padding:0 0px 0 0px;
line-height:24px;
font-weight:lighter;
text-align:left;
text-decoration:none;
border-bottom-color: #000000;
}
#footer-right h2{
width:50px; height:48px; margin:0px; padding:0 0 0 10px; float:right; font-family:Century Gothic; font-size:16px; color:#000000; line-height:20px; font-weight:normal;}
#footPanel p a{color:#ffffff; text-decoration:none}
#footPanel p a:hover{text-decoration:none}
.tellafriend,.social {
margin-left:-5px;
float:left;
height:56px;
}
.tellafriend a, .tellafriend a img, .social a, .social a img{
border:0 !important;
width:auto !important;
}
.sya_container ul {
display:block !important;
float:none !important;
margin:0 !important;
padding:0 !important;
width:auto !important;
}
.sya_container ul li{
font-size: 0.8em;
border-bottom:none !important;
display:block !important;
float:none !important;
margin:0;
padding:0px !important;
width:auto !important;
}
.sya_container ul li a{
display:block;
padding-bottom:0.6em !important;
}
.c-news, .c-events {
display:none;
}