body {

margin:0px;
padding:0px;
background-color: #ffffff; 
background: url("../images/bg.gif");
background-repeat:repeat-x;
font-size:11pt;
font-family:Arial,verdana,sans Sans-Serif;
color:#484847;
min-height: 100%;
width: 100%;
   height: 100%;
   
}


html, body, #wrapper {
   min-height: 100%; /*Sets the min height to the
   height of the viewport.*/
   width: 100%;
   height: 100%; /*Effectively, this is min height
    for IE5+/Win, since IE wrongly expands
    an element to enclose its content.
    This mis-behavior screws up modern  
    browsers*/
   }

html>body, html>body #wrapper {
   height: auto; /*this undoes the IE hack, hiding it
    from IE using the child selector*/
   }
 
body {
   margin: 0;
   font-family: Arial, helvetica, sans-serif;
   }

#wrapper {
   position: absolute;
   top: 0;
   left: 0;
   }

#footer {
   position: absolute;
   bottom: 0;
   background-color: #ccffcc;
   width: 100%;
   }

#main {
   margin-bottom: 70px; /*Modify value as needed for  
     footer height.*/
   height: auto;
   padding: .0px;
   }




a
{
   color: #8e6bd8;

}

h1
{
    font-size:1.4em;
    color: #434343;
    margin-bottom:5px;
}

h2
{
    font-size:1.2em;
    color: #434343;
    margin-bottom:5px;
}



HR
{
    border-top :dashed 0px gray;
    border-bottom :dashed 1px gray;
    height:1px;
    margin-top:10px;
    margin-bottom:0px;
}

img
{
    border:0;
}


#breadcrumb
{
    margin-top:10px;
font-weight:bold;
}

#breadcrumb a
{
color:Gray;
text-decoration:none;
font-weight:normal;
}

#breadcrumb a:hover
{
    color:#8e6bd8;
    text-decoration:underline;
}








#fullwidth_main, #fullwidth_black
{
    width:100%;
    overflow:auto;
}


#fullwidth_main
{
background: url("../images/bg_lowerfade.gif");
background-repeat:repeat-x;
}

#fullwidth_footer
{
    width:100%;
    background-color:#8064b8;
border:solid 0px red;
overflow:auto;
}

#fullwidth_black
{
    background-color:#c6aef8;
    color:White;
}



#header
{
    width:923px;
    height:105px;
    margin-left:auto;
    margin-right:auto;
    border:solid 0px red;
    position:relative;
}

#header_logo
{
    width:170px;
    height:92px;

    border:solid 0px red;
    position:absolute;
top:10px;
left:5px;
}

#header_logo a
{
    width:170px;
    height:92px;
display:block;
    background: url("../images/CirclesNetworkLogo2.png");
background-repeat:no-repeat;

}



#header_fontsize, #header_search, #header_social
{
    position:relative;
    border:solid 0px green;

}

#header_fontsize
{
position:absolute;
right:0px;
top:2px;
text-align:right;
color:White;
}
#header_fontsize a
{
color:White;
text-decoration:none;
}




#header_search
{
position:absolute;
right:0px;
top:60px;
text-align:right;
width:300px;
border:solid 0px red;
}

#header_search fieldset
{
padding:0px;
margin:0px;
border:none;}



#header_social
{
    position:absolute;
    left:200px;
    top:48px;
    font-size:11pt;
}

#header_social a
{
text-decoration:none;
}


#header_social ul
{
border:solid 0px red;
margin-top:5px;
margin-left: 0;
margin-bottom: 0;
padding-left: 0;

list-style: none;
}

#header_social li
{
padding-left: 40px;
    line-height:46px;
background-repeat: no-repeat;
background-position: 0 .5em;
float:left;
margin-right:10px;
}

#header_social li a
{
color:Gray;
text-decoration:none;
float:left;
}

#header_social li a:hover
{
   color: #8e6bd8;
text-decoration:underline;

}







#menuholder, #mainholder
{
    width:923px;
    margin-left:auto;
    margin-right:auto;
    border:solid 0px red;

}

#menu
{
    width:914px;
    margin-left:9px;
    background: #dedee0 url("../images/menubar.png");
    background-repeat:no-repeat;
    border-bottom: solid 1px #c3c3c5;
overflow:auto;
margin-bottom:1px;
}


#menu ul
{
  list-style: none;
  margin: 0;
  padding: 0em;
  padding-left: 15px;
font-size:11pt;
border:solid 0px green;

overflow:hidden;

}
#menu li

{  float:left;
text-align:center;
height:2.3em;
font-weight:bold;
border:solid 0px pink;
white-space:nowrap;
}



#menu li:hover,  #menu li .active{
background: #765fa9 url("../images/menubar_fade.jpg");
background-repeat:repeat-x;
color:White;
}


#menu li a 
{
    float:left;
  color: #665191;
display:block;
padding:10px 9px 5px 9px;

height:1.6em;
text-decoration:none;
}

#menu li a:hover {
  color: #fff;
}


/*sub menu*/


#content_submenu ul
{
margin-top:5px;
margin-left: 5px;
padding-left: 0;
list-style: none;
margin-bottom:40px;
}

.level1
{
padding-left: 30px;
background-image: url(../images/level1.gif);
background-repeat: no-repeat;
background-position: .5em 2px;

margin-bottom:10px;

}

.level1 a
{
    color:gray;
text-decoration:none;    
font-weight:bold;
font-size:.95em;
}

.level1 a:hover
{
    color:#8e6bd8;
text-decoration:underline;    
}

.level2
{
padding-left: 40px;
background-image: url(../images/level2.gif);
background-repeat: no-repeat;
background-position: 1em 2px;
font-weight:bold;
margin-bottom:10px;
}

.level2 a
{
    color:gray;
text-decoration:none;    
}

.level2 a:hover
{
    color:#8e6bd8;
text-decoration:underline;    
}




/*main content*/


.hidden
{
    display:none;
}


#content
{
    width:914px;
    margin-left:9px;
overflow:auto;
    border:solid 0px blue;
}


#content_mainholder
{
    border:solid 0px blue;
overflow:auto;
}

#content_submenu
{
    float:left;
border:solid 0px red;
width:200px;
margin-right:20px;
}

#content_main
{
    float:left;
border:solid 0px red;
width:650px;
overflow:hidden;
}



#homebanner
{
    width:914px;
    height:162px;
background: #4d308c url("../images/banner1.jpg");
    border-bottom:solid 10px #7c68af;
}





#homebreak
{
    width:914px;
    height:10px;
background: #c6aef8;
    display:none;
}


.homebutton-holder
{
    overflow:auto;
    width:600px;
    border-right:solid 0px gray;
    border-bottom:solid 0px gray;
    
}

.homebutton
{
    width:285px;
    border:solid 0px gray;
    color:Gray;
    float:left;
    padding:5px;
}


.homebutton h1
{
font-size:14pt;
margin-top:0px;
margin-bottom:3px;}

.homebutton img
{
    float:left;
    margin:0px;
border:solid 0px red;
}

.homebutton_text
{
float:left;
border:solid 0px red;
width:190px;
margin-left:8px;
}


#homemainpanel
{
    width:914px;
    border:solid 0px green;
    overflow:auto;
margin-top:10px;
margin-bottom:20px;

}

#homemainpanel_left
{
    float:left;
width:560px;
overflow:auto;
border:solid 0px red;
}

#homemainpanel_left h1
{
margin-top:0px;}



#hometext img, #content_main img
{
border:solid 1px #e1dcdc;
padding:3px;
margin:0px 2px 0px 2px;

}




#homemainpanel_right
{
    float:right;
width:333px;
border:solid 0px red;
}

.right_buttonholder
{
border-bottom:solid 10px white;

}



#footer_black, #footer_purple
{
    color:White;
    margin-left:auto;
    margin-right:auto;
    width:904px;
padding: 0px 0px 10px 0px;
}

#footer_purple
{
height:10px;

}



#footer_black
{
padding: 10px 0px 20px 0px;
    color:#665191;
margin-bottom:10px;

}


#address
{
    margin:10px 10px 10px 10px;
    text-align:center;

}

#address h1
{
    margin-top:0px; margin-bottom:5px;
    color:White;
}

#address a
{
    color:White;
}

.copyright
{
    float:left;
width:300px;
border:solid 0px white;
padding: 0px 0px 10px 0px;
font-size: 9pt;

}

.regnums
{
    float:right;
width:500px;
border:solid 0px white;
margin-left:100px;
font-size: 9pt;
text-align:right;
}



#footer_logo
{
    margin-top:10px;
    width: 153px;
    height: 58px;
    float:left;
}

.contact_bigger
{
    font-size:1.3em;
    line-height:1.5em;
}


.linktop
{
    height:13px;
    width:263px;
background-image: url(../images/link_top_white.gif);
background-repeat:no-repeat;
margin:0px;
}

.linkbottom
{
    height:13px;
    width:263px;
background-image: url(../images/link_bottom_white.gif);
background-repeat:no-repeat;
margin:0px;}

.linkmiddle
{
    width:263px;
background-image: url(../images/link_middle_white.gif);
background-repeat:repeat-y;
margin:0px;
border-bottom: solid 1px #fff;
}


.linkmiddle_text
{
    margin-left:10px;
    margin-right:10px;
    
}


.button_shop
{
background-image: url(../images/button_store.gif);
background-repeat: no-repeat;
background-position: 0 .5em;
float:left;
margin-right:20px;
height:50px;
padding-left:40px;
padding-top:15px;
}


.button_donate
{
background-image: url(../images/button_donate.gif);
background-repeat: no-repeat;
background-position: 0 .5em;
float:left;
height:50px;
padding-left:40px;
padding-top:5px;
padding-top:15px;

}

.button_phone
{
background-image: url(../images/button_phone.gif);
background-repeat: no-repeat;
background-position: 0 .5em;
float:left;
margin-right:20px;
height:50px;
padding-left:40px;
padding-top:5px;
}




.textresizer
{
float:left;   
border:solid 0px blue; 
 margin-left:5px;}
    

.textresizer ul
{
margin:0px;
padding:0px;
float:left;
}

.textresizer li
{
list-style: none;
padding: 0;
margin-right: 2px;
border:solid 0px red;    
    width:13px;
    height:16px;
    float:left;
    line-height:20px;
    }
    
#topbar_access
{float:left;
}


.newsletter
{
background-image: url(../images/newsletter.jpg);
background-repeat: no-repeat;
height:158px;
width:263px;
margin-top:10px;
margin-left:auto;
margin-right:auto;

}

#footer
{
    clear:both;
    position:absolute;
    bottom:0px;
border:solid 0px red;
    height:80px;
        background-color:#c6aef8;
}

#social
{
width:200px; 
border:solid 0px red;
margin-left:auto;
margin-right:auto;
margin-top:20px;
}


#signup
{
    margin-top:5px;
border:solid 0px red;
}

#signup fieldset
{
    border:0px;
    margin-left:10px;
 margin-top:0px;   
}


.newsletter_text
{
    padding-top:40px;
    margin-left:10px;
color:black;
border:solid 0px red;
}



.calendar {
  background-color: #FAF4C8;
  border-right: 1px solid #E3DE9F;
  border-bottom: 1px solid #E3DE9F;
  width: 40px;
  text-align: center;
  font-size: 0.7em;
  float: left;
  margin: 0px 5px 5px 0px;
  line-height: 1.5em;
  font-weight: normal;

}

.jobsTxt {float:none;margin-left:10px;}
.jobsTxt a {font-weight:bold;text-decoration:none;}
.jobsTxt a:hover {font-weight:bold;text-decoration:underline;}


.eventTxt {float:none;margin-left:50px;}

.eventTxt a {font-weight:bold;text-decoration:none;}
.eventTxt a:hover {font-weight:bold;text-decoration:underline;}

.StandardRecordSet {float:none;margin:1em 0 1em 0;}

.StandardRecordSet a {font-weight:bold;text-decoration:none;}
.StandardRecordSet a:hover {font-weight:bold;text-decoration:underline;}

.eventItem {
  clear: both;
  margin-bottom: 1.5em;
border:solid 1px #d1d1cc;
overflow:auto;
padding:10px;
/*background-color:#f6f5f0;*/
background-image:url(../images/smallfade.jpg);
background-repeat:repeat-x;

}

.more {float:right;padding:2px;margin:-30px 4px 4px 4px;font-size:0.8em;background-color:#86a2c0;color:#fff;border:1px solid #ccc;width:80px;}
.smaller {
  font-size: 0.8em;
}


/*******************************************************************
  Calendar Styles
*******************************************************************/

 #arrow-left {background: #e5eef8 url("../images/arrow_left.gif") no-repeat; background-position: center center; padding:2px; height:16px;width:16px;border:1px solid #ccc;}
 #arrow-right {background: #e5eef8 url("../images/arrow_right2.gif") no-repeat; background-position: center center; padding:2px; height:16px;width:16px;border:1px solid #ccc;}

.DayNotInMonth {background-color:#edede8;}

.DayInMonth {background-color:#e4e2ea;}

.EventOnDay {background-color:#ffffcc;}

.Months {background:#8e6bd8;font-weight:bold;text-align:center;color:#fff}
.Date {font-size:0.7em;}
a.Date  {color:#046380;text-decoration:none;}
a:hover.Date  {text-decoration:underline;}
.Event-Title {font-size:0.7em;min-height:40px;}
.More-Events {font-size:0.7em;border-top:1px solid #fff;margin-top:10px;}

.Event-Box {background: #e5eef8;border:1px solid #ccc;margin:5px;padding:5px;height:0.01%;}
.Event-Box h3{letter-spacing:0px;}
.OnBlueLink {background: #ffffcc ;padding:2px;border:1px solid #ccc;font-size:0.8em;margin:10px 0px 0px 0px;}
.HideFromMain {Display:None;}


.textboxer

{
   clear: both;
  margin-bottom: 1.5em;
border:solid 1px #d1d1cc;
overflow:auto;
padding:10px;
/*background-color:#f6f5f0;*/
background-image:url(../images/smallfade.jpg);
background-repeat:repeat-x;
   
}



/*******************************************************************
  Comp form
*******************************************************************/

#compform

{
   clear: both;
  margin-bottom: 1.5em;
border:solid 1px #d1d1cc;
overflow:auto;
padding:10px;
/*background-color:#f6f5f0;*/
background-image:url(../images/smallfade.jpg);
background-repeat:repeat-x;
   
}



form.compform label.error, label.error {
	/* remove the next line when you have trouble in IE6 with labels in list */
	color: red;
	font-style: italic
}

#compform div.error { display: none; }
#compform input {	border: 1px solid #7f9db9; }

#compform input.checkbox { border: none }
#compform input:focus { border: 1px dotted black; }
#compform input.error { border: 1px dotted red; }
#compform form .gray * { color: gray; }



.m4j_required
{
    color:Red;
}





    
    
    
    .tooltip {
	display:none;
	background:transparent url(../images/black_arrow.png);
	font-size:12px;
	height:70px;
	width:160px;
	padding:25px;
	color:#fff;	
}



#videobox
{
    width: 630px;
    overflow:auto;
	background: url(../images/videoback.gif);
    background-repeat:no-repeat;
    padding:10px;
}

#videobox h2
{
margin-top:0px;
margin-bottom:0px;
margin-left:10px;
}


.videoimage

{
    float:left;
    height:90px;
    width:120px;
    border:solid 1px white;
margin:10px;
}


.newsletterbutton
{
height:36px;
width: 125px;
margin-left:auto;
margin-right:auto;
margin-top:10px;
}

.newsletterbutton a 
{
height:36px;
width: 125px;
	background: url(../images/clickhere_new.png);
    background-repeat:no-repeat;
display:block;
}

.newsletterbutton a:hover
{
	background-position: 0px -36px;

}

.courseTxt h1
{
color: #434343;
font-size:1em;
margin-bottom:0px;
}

.homerowtitle
{
    font-weight:bold;
    color:#808080;
}


.homemainpanel_right_courses
{

  clear: both;
  margin-bottom: 10px;
  margin-top:15px;
border:solid 1px #d1d1cc;
overflow:hidden;
padding:10px 10px 0px 10px;
/*background-color:#d1d1cc;*/
background-image:url(../images/smallfade.jpg);
background-repeat:repeat-x;

}

.homemainpanel_right_courses h1
{
    margin-top:0px;
    margin-bottom:10px;
color:#8064b8;
}


.homerow

{
    overflow:auto;
border-bottom: 1px dashed #d1d1cc;
padding:3px;
}


.evenrow, .oddrow

{
    overflow:auto;
    margin-bottom:10px;
}


.showas_calendar, .showas_list, .showas_newscur, .showas_newsarch
{
background-repeat:no-repeat;
height:32px;
margin-bottom:10px;
float:right;
}


.showas_calendar a, .showas_list a, .showas_newscur a, .showas_newsarch a

{
margin-left:35px;
text-decoration:none;
display:block;
line-height:30px;
color:Gray;
}

.showas_calendar a:hover, .showas_list a:hover,  .showas_newscur a:hover, .showas_newsarch a:hover

{
text-decoration:underline;
    color:#8e6bd8;

}

.showas_calendar
{
background-image:url(../images/calendar.png);
}

.showas_list

{
background-image:url(../images/application_view_list.png);
}


.showas_newscur

{
background-image:url(../images/newspaper.png);
}


.showas_newsarch

{
background-image:url(../images/hourglass.png);
}

























.morenews
{
background-repeat:no-repeat;
height:32px;
margin:0 0 10px 10px;


background-image:url(../images/newspaper.png);

}


.morenews a
{
margin-left:35px;
text-decoration:none;
display:block;
line-height:30px;
color:Gray;
}

.morenews a:hover

{
text-decoration:underline;
    color:#8e6bd8;

}

.moreevents
{
background-repeat:no-repeat;
height:32px;
margin-bottom:10px;
margin-left:10px;
background-image:url(../images/calendar.png);

}


.moreevents a
{
margin-left:35px;
text-decoration:none;
display:block;
line-height:30px;
color:Gray;
}

.moreevents a:hover

{
text-decoration:underline;
    color:#8e6bd8;

}


.other_academy

{
border:solid 1px gray;
overflow:auto;
}


#other_academy_img
{
    float:left;
    width:160;
border:solid 1px pink;

}


#other_academy_sub
{
    float:right;
    width:160;
border:solid 1px green;

}




.other_ttr

{
    background-image: url(../images/sm_ttr.png);
background-repeat:no-repeat;
padding-left:150px;
}


.other_academy h3, .other_ttr h3
{
    margin-bottom:0px;
}

#features

{
    height:225px;
    width:333px;
    border:solid 0px red;
}


.CSboc
{
    width:220px;
    overflow:auto;
    float:right;
 padding:2px;
    border:solid 0px red;
}




.CSbocbox

{
    overflow:hidden;
    border-top:dashed 1px white;
    padding:5px 0px 5px 0px;
    border:solid 0px red;
width:99%;
}



.CSbocbox_img
{
    height:88px;
    width:86px;
background-image:url(../images/lscirclesmall.gif);
background-repeat:no-repeat;
    float:left;

}



.CSbocbox_img img

{
    position:relative;
    border:solid 3px white;
top:15px;
left:17px;

}

.CSbocbox_text

{
    width:130px;
    float:left;
    border:solid 0px blue;
padding-top:15px;
}


.CSbocbox_justtext
{

background-image:url(../images/lscirclesmall.gif);
background-repeat:no-repeat;
padding-left:50px;
margin-bottom:10px;
}




.ls_picholder
{
    float:right;
background-image:url(../images/lscircle.gif);    
background-repeat:no-repeat;
padding-left:29px;
padding-top:30px;
}

.ls_picholder img

{
    border:solid 3px white;
}


.fblike
{margin-top:10px;
    padding:15px 5px 5px 10px;
   background-color:White;
height:100px;
border-top:dashed 1px gray;
}



.homeshortcuts
{

  clear: both;
  margin-bottom: 1.5em;
border:solid 1px #d1d1cc;
overflow:hidden;
padding:10px 10px 10px 10px;
/*background-color:#d1d1cc;*/
background-image:url(../images/smallfade.jpg);
background-repeat:repeat-x;

}



.homeshortcuts h1
{
margin:0px;
font-size:14pt;
}


.homeshortcuts ul
{
list-style:none;
margin:5px 0px 0px 5px;
padding:0px;
border:solid 0px red;
float:left;
width:300px;
}

.buttonholder
{
float:left;
}


.homeshortcuts li
{
border-top:1px dashed #d1d1cc;
}

.homeshortcuts li a
{
display:block;
padding:6px 4px 0px 0px ;
text-decoration:none;

}

.homeshortbullets
{
height: 137px;
width:301px;
}



.homeshort1 a, .homeshort2 a, .homeshort3 a, .homeshort4 a, .homeshort5 a
{
height: 137px;
width:301px;
line-height:240px;
color:White;
padding:0px;
border:0px solid red;
display:block;
text-decoration:none;
}


.homeshort1, .homeshort2, .homeshort3, .homeshort4,  feature1
{
    display:none;
}


.homeshort1, .homeshort2, .homeshort3, .homeshort4 {
height: 137px;
width:301px;
position:relative;
text-align:center;
border:1px solid #d1d1cc;
margin:0px 0px 2px 4px;
}


.homeshort1
{
    background-image: url(../images/home1.jpg);

}


.homeshort2
{
    background-image: url(../images/home2.jpg);
}

.homeshort3
{
    background-image: url(../images/home3.jpg);

}

.homeshort4
{
    background-image: url(../images/home4.jpg);

}