body { margin:0; padding:0; font-size:11px; line-height:16px; font-family: Arial, Tahoma;}

a { text-decoration:none; color:#663366; font-weight:bold; border-bottom:1px dashed #aaa; }
a:hover { color:#000; border-bottom:1px solid #C00; background-color:#FBF4FF }

.orange { color:#620a63;}

#header { background: url(../images/header_bg.gif) repeat-x ; height:120px;  }

#logo { width:990px; margin:0 auto; padding:50px 0 0 20px; clear:both; padding-top:30px; padding-right:50px; height:58px;}
#logo a { color:#FFFFFF; text-decoration:none; font-weight:bold; height:12px; font-size:20px; text-transform:uppercase;}
#logo img { border:0px; float:right }

#menu {color:#fff; text-align:center; height:40px; text-align:center}
#menu ul{ width:990px; margin:0 auto;list-style:none; padding:0; text-align:left;}
#menu ul li{display:inline}
#menu ul a { border:none; display:block; float:left; font-weight:bold; font-size:13px; text-decoration:none; color:#fff; background:url(../images/menu_off.gif) no-repeat bottom center; padding:8px 10px; width:118px; text-align:center; text-transform:uppercase;}
#menu ul a:hover { background:url(../images/menu_over.gif) no-repeat bottom center; color:#232323;}
#menu ul a.active { background:url(../images/menu_on.gif) no-repeat bottom center; color:#232323;}
#menu ul a.active:hover { background:url(../images/menu_on.gif) no-repeat bottom center; color:#232323;}

#main { width:100%; margin:0 0 20px 0; min-height:400px; float:left;}

#head_image { margin:0 auto; height:180px; background:url(/images/purple_box.png) no-repeat; padding:10px 20px 30px 30px; margin-top:15px; line-height:24px; width:730px;}
#head_image #text{ float:left; width:300px; margin-top:20px; }
#head_image #messages {  float:right; }
#head_image a { text-decoration:none !important; border:none !important; background-color:none!important; }

#logo a:hover, #head_image a:hover { background-color:none!important; }

#content { margin:0 auto; padding:0; width:990px; min-height:100px; }
#content h1, #content h2 { margin:10px 0 5px 0; text-transform:uppercase; font-size:20px; color:#620a63; font-weight:normal;}
#content h2 { text-transform:capitalize; font-size:17px; color:#620a63; font-weight:normal; border-bottom:1px dashed #620a63; padding-bottom:2px }

#text #slogan { color:#fff; font-family: "Arial Narrow", Arial, Tahoma; font-size:21px; text-transform:capitalize; }
#text #slogan strong { font-size:25px; text-transform:capitalize; }
#text #under_slogan_text { color:#ffff00; font-size:11px; line-height:12px; padding-top:15px;}
#text { float:right; width:710px; padding-left:10px; }
#text h2 { clear:both }

#social { margin:0 auto; width:990px; min-height:35px; margin-top:10px; border-bottom:1px solid #ddd }
	#social .fb { float:left; }
	#social .add { float:right; }
	#social .add a { border-bottom:none; }

#rightnav { width:250px;  float:left;  vertical-align:top; min-height:200px; border:1px solid #eee; margin-top:10px;  }
#sidebar { background:url(../images/sidebar_bg.gif) repeat-x;color:#6f6e6e; padding:10px; margin:5px; }
#sidebar h2 {color:#620a63; margin:0 0 15px 0; font-size:14px; font-weight:bold; text-transform:uppercase;}
#sidebar ul { margin:0px 0 0 5px; padding:0px; list-style:none; font-size:12px; line-height:18px; }
#sidebar ul ul { margin-left:10px; padding-left:10px; list-style:disc }

#footer {background:url(../images/footer_bg.gif) repeat-x #3f3e3e 0 2px; height:94px; margin-top:20px; clear:both;}

#left_footer { float:left; padding:40px 0 0 30px; text-transform:capitalize; color:#FFFFFF; font-weight:bold; font-size:11px;}
#left_footer a { color:#FFFFFF;}
#left_footer a:hover { text-decoration:none;}

#right_footer { float:right;  padding:40px 30px 0 0; text-transform:uppercase; color:#FFFFFF; font-weight:bold; font-size:11px; text-align:right;}
#right_footer a { color:#FFFFFF;}
#right_footer a:hover { text-decoration:none;}

.project {  padding:3px; text-align:center; float:left; margin-left:5px; margin-top:5px; }
.project h3 { text-align:center; margin:4px 0 0 4px }
.project img { border:2px solid silver; padding:2px; }
.project a:hover img { border:2px solid #cc0000; }
.project a { color:#333; text-decoration:none; border:none; }
.project h3 a { color:#333; text-decoration:none }
.project p { margin:3px 5px 4px 5px; }

#content .project { width:210px; margin:0 0 10px 20px; }
#sidebar .project { border:none; width:200px!important; margin:0 auto; }

.floatleft { float:left; margin:-5px 10px 5px 0 }
.floatright { float:right; margin:-5px 0 15px 5px }

.buttonbar { -moz-border-radius:6px; -webkit-border-radius:6px; background-color:#66C; color:#FFF; padding:15px; margin:10px; border:2px solid #636; text-align:center }
.clear { clear:both; }