/*
Original design: Daleri Mega (v1.0 - July 10, 2008) - A free xhtml/css website template by Andreas Viklund.
For more information, see http://andreasviklund.com/templates/daleri-mega/
*/

/* Body */
* {margin:0; padding:0;}
/* body {background:#303030 url(images/bodybg.gif) top center repeat-x; color:#eee; font:76% Verdana,Arial,Tahoma,"Trebuchet MS",sans-serif; line-height:1.4em; text-align:center; padding:0;} */
body {background:#99CCFF url(images/background.png) top center repeat; color:#eee; font:76% Verdana,Arial,Tahoma,"Trebuchet MS",sans-serif; line-height:1.4em; text-align:center; padding:0;}

#wrap {width:95%; min-width:750px; background-color:#fff; color:#555; padding:1%; margin:0 auto 0 auto; text-align:left; border:1px solid #555;}
#top {width:95%; margin:15px auto 15px auto;}
/* #skiplinks {width:40%; float:right; color:#ddd; font-size:1.1em; text-align:right; margin:0; padding:0;} */
#skiplinks {width:40%; float:right; color:#000; font-size:1.1em; text-align:right; margin:0; padding:0;}
/* #skiplinks a {color:#bacac8; border-bottom: 1px dotted #aaa;} */
#skiplinks a {color:#000066; border-bottom: 1px dotted #000066;}
#skiplinks a:hover {color:#fff; text-decoration:none; border-bottom:1px dotted #fff;}

/* Header and title */
#sitetitle {float:left; text-align:left;}
/* #sitetitle h1 {font-weight:700; font-size:2.4em; color:#ddd; letter-spacing:-1px; line-height:1.3em; margin:0; padding:0;} */
#sitetitle h1 {font-weight:700; font-size:2.8em; color:#000; letter-spacing:1px; line-height:1.3em; margin:0; padding:0;}
/* #sitetitle h1 a {font-weight:700; letter-spacing:-1px; color:#bacac8;} */
#sitetitle h1 a {font-weight:700; letter-spacing:1px; color:#000;}
#sitetitle h1 a:hover {color:#fff;}
/* #sitetitle p {margin:5px 0 0 0; padding:0; letter-spacing:-1px; font-size:1.3em; color:#ccc;} */
#sitetitle p {font-family: "Tw Cen MT",Verdana,Arial,Tahoma,"Trebuchet MS",sans-serif; margin:5px 0 0 0; padding:0; letter-spacing:1px; font-size:1.3em; color:#000;}

/* Main menu */
#mainmenu {margin:0 200px 10px 0; display: block; width: 100%;}
/* #mainmenu dl {float:left; display:block; width:16%; margin: 0 0.5% 5px 0.5%;} */
#mainmenu dl {float:left; display:block; width:18.5%; margin: 0 0.5% 5px 0.5%;}
#mainmenu dl.introduction {float:left; display:block; width:31%; margin: 0 0 5px 0.5%;}
#mainmenu dl dt {border-bottom:1px solid #ccc; padding:0; font-weight:700; margin:0; color:#777;}
/* #mainmenu dl dt a {font-weight:700; color:#555; font-size:1.1em;} */
#mainmenu dl dt a {font-weight:700; color:#555; font-size:1.1em; display:block; padding:1px 0 1px 5px;}
/* #mainmenu dl dt a:hover {color:#444;} */
#mainmenu dl dd {padding:0; margin:0; border-bottom:1px solid #eee;}
#mainmenu dl dd a {font-weight:400; padding:1px 0 1px 10px; color:#4d699d; display:block;}
/* #mainmenu dl dd a:hover {color:#444; background:#eaeaea;} */
#mainmenu dl dd a:hover, #mainmenu dl dt a:hover {color:#444; background:#eaeaea;}
#mainmenu dl dd.navhere a, #mainmenu dl dt.navhere a {color: #fff; background: #4d699d;}
/* #mainmenu dl dd.navhere a {cursor:default;} NOT SURE IF WE WANT TO DO THIS */

#mainmenumodule {width: 200px; float:right;}
/* THIS STUFF IS COPIED-AND-PASTED FROM THE SIDEBAR SECTION, WITH #sidebar REPLACED WITH #wrap */
#mainmenumodule .module {text-align:left; width:194px; float:right; margin:-13px 0 5px 0; padding:2px; border:1px solid #ccc;}
#mainmenumodule .module h1 {font-size:1.0em; padding:0 0 2px 0; margin:0 5px 5px 5px; border-bottom: 1px solid #ccc; text-align:center; width:184px;}
#mainmenumodule .module ul {list-style:circle outside; margin: 0 5px 0 25px;}
#mainmenumodule .module li {text-align:left;}
#mainmenumodule .module .calendar {float:left; width:175px; margin:0 8px 0 9px;}
#mainmenumodule .module .calendar ul {list-style-type:none; margin:0px; padding:0;}
#mainmenumodule .module .calendar ul li {text-align:center; height:23px; width:23px; float:left; margin:1px; padding:0; background:#eee; line-height:23px; color: #444;}
#mainmenumodule .module .calendar ul li.odd_month {background:#eee;}
#mainmenumodule .module .calendar ul li.even_month {background:#ccc;}
#mainmenumodule .module .calendar ul li.today {border:1px solid red; margin:0} 
#mainmenumodule .module .calendar ul li a {color:#444; display:block; height:23px;}
#mainmenumodule .module .calendar ul li.empty {background:#fff;}
#mainmenumodule .module .calendar ul li a.event {background:#66FF66;}
#mainmenumodule .module .calendar ul li a.social {background:#FF99FF;}
#mainmenumodule .module .calendar ul li a.general {background:#3399FF;}
#mainmenumodule .module .calendar ul li a.study {background:#FF6666;}
#mainmenumodule .module .calendar ul li a.community {background:#FFCC66;}
#mainmenumodule .module .calendar ul li a:hover {color:#444; background:#fff;}

/* Headline */
#headline {text-align:center; margin:5px 0 15px 0; border:1px solid #e0e0e0; background-color:#f0f0f0; color:#777; font-size:0.9em;}
#headline p {margin:2px; padding:0;}

/* Headers */
h2, h3, h4 {margin:0 0 12px; padding-bottom:5px; color:#555; font-weight:700;}

/* Data -- this is a special DIV element that I'm creating to hold both content and sidebar--all because sidebar has to be at (0,0) of the parent element for me to make it static width with content's width being dynamic */
#data {position:relative; zoom:1;}

/* Content */
/* #content {text-align:left; width:70%; float:right;} */
#content {text-align:left; margin: 0 0 0 210px; float:left;}
#content h2 {font-size:1.7em; letter-spacing:-1px; clear:left; border-bottom:2px solid #ccc;}
#content h3 {font-size:1.4em; margin-bottom:7px;}
#content h4 {font-size:1.1em; margin-bottom:0px;}
#content h2 a, #content h3 a {font-weight:700; border:0;}
#content p {margin:0 0 15px;}
#content a {border-bottom:1px dotted #888;}
#content a:hover {color: #222; border-bottom:1px dotted #000;}
#content ul, #content ol {margin:0 0 15px 10px; padding:0 0 0 5px;}
#content ul li, #content ol li {margin:0 0 4px 5px;}
#content ul ul, #content ol ol {margin:5px 0 5px 10px;}
#content img.photo {border:1px solid #b0b0b0; float: left; margin:0px 15px 6px; padding:5px;}

/* Sidebar */
/* #sidebar {text-align:left; float:left; margin:0; width:29%;} */
#sidebar {text-align:left; width:200px; float:left; margin: 0 -210px 0 0;}
#sidebar h2, #sidebar h3 {font-size:1.4em; padding:0 0 2px 0; margin:0 0 5px 0; border-bottom:2px solid #ccc;}
#sidebar p, #sidebar ul, #sidebar ol {margin:0 0 15px 0; padding:0;}
/*#sidebar ul li {list-style:none; margin:0 0 3px 0;}*/
#sidebar ul li a {font-weight:400; font-size:1.1em;}
#sidebar ul ul {margin:3px 0 3px 10px; font-size:1em;}
#sidebar ul ul li {margin:2px 0;}
#sidebar ul ul li a {font-weight:400;}
#sidebar ul.sidemenu li {list-style: none; padding:0; margin:0 0 2px 0;}
#sidebar ul.sidemenu li a {display: block; overflow: visible; padding:2px 0 2px 5px; background-color:#f4f4f4; font-weight:400; border:1px solid #e0e0e0; font-size:1.1em; }
#sidebar ul.sidemenu li a:hover, #sidebar ul li.current a {border:1px solid #ddd; color:#444; background-color:#fff;}
#sidebar ul.sidemenu li.current li a {background-color:#f8f8f8; color:#467aa7; border:1px solid #eee; border-bottom:1px solid #ddd;}
#sidebar ul.sidemenu ul {margin:0; padding:2px 0 0 15px;}
#sidebar ul.sidemenu ul li {letter-spacing:0;}
#sidebar ul.sidemenu ul li a {font-size:0.9em; padding:1px 0 1px 5px;}

/* Module -- creates a module inside the sidebar */
#sidebar .module {text-align:left; width:194px; float:left; margin:5px 0 5px 0; padding:2px; border:1px solid #ccc;}
#sidebar .module h1 {font-size:1.0em; padding:0 0 2px 0; margin:0 5px 5px 5px; border-bottom: 1px solid #ccc; text-align:center; width:184px;}
#sidebar .module ul {list-style:circle outside; margin: 0 5px 0 25px;}
#sidebar .module li {text-align:left;}
#sidebar .module .calendar {float:left; width:175px; margin:0 8px 0 9px;}
#sidebar .module .calendar ul {list-style-type:none; margin:0px; padding:0;}
#sidebar .module .calendar ul li {text-align:center; height:23px; width:23px; float:left; margin:1px; padding:0; background:#eee; line-height:23px; color: #444;}
#sidebar .module .calendar ul li.odd_month {background:#eee;}
#sidebar .module .calendar ul li.even_month {background:#ccc;}
#sidebar .module .calendar ul li.today {border:1px solid red; margin:0} 
#sidebar .module .calendar ul li a {color:#444; display:block; height:23px;}
#sidebar .module .calendar ul li.empty {background:#fff;}
#sidebar .module .calendar ul li a.event {background:#66FF66;}
#sidebar .module .calendar ul li a.social {background:#FF99FF;}
#sidebar .module .calendar ul li a.general {background:#3399FF;}
#sidebar .module .calendar ul li a.study {background:#FF6666;}
#sidebar .module .calendar ul li a.community {background:#FFCC66;}
#sidebar .module .calendar ul li a:hover {color:#444; background:#fff;}

/* Footer */
/* #footer {clear:both; width:95%; line-height:1.6em; color:#ccc;  margin: 0 auto; padding:10px 0;} */
#footer {clear:both; width:95%; line-height:1.6em; color:#000;  margin: 0 auto; padding:10px 0; min-height:25px;}
#footer p {margin:0; padding:0;}
/* #footer a {color:#bacac8; border-bottom: 1px dotted #aaa;} */
#footer a {color:#0000cc; border-bottom: 1px dotted #0000cc;}
#footer a:hover {color:#fff; text-decoration:none; border-bottom:1px dotted #fff;}
#footer .left {float:left; width:73%; text-align:left;}
#footer .right {float:right; width:23%; text-align:left;}
#footer .textright {text-align:right;}

/* Links and tags */
a {color:#4d699d; font-weight:400; text-decoration:none;}
a:hover {color:#444; text-decoration:none;}
img, a img {border:0;}

/* Various classes */
.left {float:left; width:48%; text-align:left;}
.right {float:right; width:48%; text-align:left;}
.trio1 {float:left; width:31%; padding:0 2% 0 0;}
.trio2 {float:left; width:31%; padding:0 2% 0 0;}
.trio3 {float:left; width:33%; padding:0;}
.textleft {text-align:left;}
.textright {text-align:right;}
.textcenter {text-align:center;}
.introtext, .introtext a {font-weight:700;}
.inputtext {border: 1px solid #bdc7d8; font-family: "lucida grande",tahoma,verdana,arial,sans-serif; font-size: 11px; color: #a0a0a0; padding: 3px 3px 3px 3px;}
.clear {visibility:hidden; clear:both; height:2px;}
.hide {display:none;}

td {padding: 5px;}