/*****************Body - determines general characteristics for the site, background color is for the site outside the container***/
body {
	font-family: Verdana, Arial, Helvetica, sans-serif; /****sets font sytle for entire site. Change fonts in each div if you want one to be different***/
	font-size: 14px; /***color outside of page, any extra area seen on large screens*****/
	text-align:center;  /******puts the container in center of the browser screen*******/
	background-image: url(../images/brickbackground.png);
	background-repeat: repeat;
}
/************************General**************************************/
img{
 border:none;   /****If hyperlinked, there wont' be a blue border around it****/
 padding:0px;  /***allows for space around the image*****/ }

p {
/****usually set to either 12px or 14px ****/
line-height:1.2 em;  /****sets how much space is between the lines in each paragraph******/
}

a {text-decoration:none; }
/*********header tags can be changed to any size, color, font weight, alignment***********/
h1 {  
font-size:18px;
color:#000040;
font-weight:bold; 
margin-bottom:5px;/****space below the heading*******/
text-align:center; /***can be right, left or center*****/
}

h2{
font-size:16px;
color:#800040;
font-weight:bold; 
margin-bottom:5px;/****space below the heading*******/
text-align:center; /***can be right, left or center*****/
 }
 h3{ 
 font-size:14px;
color:#400040;
font-weight:bold; 
margin-bottom:5px;/****space below the heading*******/
text-align:center; /***can be right, left or center*****/
}

ul li{margin:0px;
padding:0px;
list-style:none;
}
/******************Container - sets up the entire page*****************/
#container {
	position:relative;
	margin: 0 auto;
	width: 946px;/****change this to be what ever size you want the page to be do not maximize above 1024px******/
	
}

/**********************************Header******************************/
#header {
	position:relative;
	color: #000000;
	width: 936px;
	padding: 0px;
	
	height: 240px;
	margin: 0px 0px 0px 0px;/****sets margin for all four sides, starting at top, right, bottom, left***/
	background-image: url(../images/header.png);
	background-repeat:no-repeat;
	
}


#header  h1{
	position:absolute;
	top:150px;
	float:left;
	left:20px;
	font-family:verdana;
	text-align:left;
	color: #000000;
	font-size: 19px;
font-weight:normal;
	
}

/********************************Horizontal Navigation*********************/


#topnav{
	float:left;
	height: 35px;
	width:936px;
	margin: 0px;
	padding:0px;
	font-weight: bold;
        margin-top:10px;
	background-image: url(../images/nav1.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}
#topnav ul { margin: 0px 0px 0px 11px; padding: 0; width: auto; float: left; list-style-type:none; }
#topnav ul li{ margin: 0; padding: 0; height: 49px; float: left; position: relative; }
#topnav ul li a{ color: #FFFFFF; font-weight: bold; text-decoration: none; padding: 13px 10px 0px 10px; height:36px; display: block; float: left; }
#topnav ul li a:hover{ background-color: #444444; text-decoration: none; font-weight: bold; color: #fff; }
#topnav ul li ul ul { margin: -50px 0 0 11em; }
#topnav ul li li { width:auto; height: 35px; }
#topnav ul li li a { color: #000000; text-transform: none; display: block; background: none; width: 277px; border-top: 1px solid #DDDDDD; border-left: 0px; padding: 9px 10px 6px 10px; height:20px; }
#topnav ul li li a:hover{ background: none; background-color: #333333; left: 0; width: 277px; padding: 9px 10px 6px 10px; height:20px; border-top: 1px solid #DDDDDD; }
#topnav ul li ul { left: -999em; top: 49px; left: 0; display: block; height: 36px; width: 277px; position: absolute; z-index: 99; left: -999em; clear: left; margin-top: 0px; margin-left: 0px; }
#topnav ul li:hover ul ul, #topnav ul li:hover ul ul ul { left: -999em; }
#topnav ul li:hover ul, #topnav ul li li:hover ul, #topnav ul li li li:hover ul { left: auto; }
/****these set the margins for each word in the list**/








div#main_bg{
	margin:0px auto;
	width: 938px;
	text-align:left;
	padding-top:25px;
}


#leftcolumn

{
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	width: 200px;
	float: left;


	
}

#leftcolumn h3{
	text-align: center;
	padding-left: 0px;
	height: 35px;
	width: 200px;
	line-height: 35px;
	color: #ffffff;
	font-size: 16px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom:5px;
	margin-left: 0px;
	font-weight: bold;

	background-image: url(../images/nav1.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	background-attachment: scroll;
	
}


#leftcolumn div.module {

   
       width: 200px;
        margin-top:10px;
        margin-bottom:10px;
}
#leftcolumn div.module div{



}
#leftcolumn div.module div div{
    
}

#leftcolumn div.module  div div div h3{ 
	
 
 
}

#leftcolumn div.module  div div div{

 background: #ffffff ;margin-top:-5px;  

      

       

}

#leftcolumn div.module_menu div div div div {

	
}
#leftcolumn div.module div div div div {background: #ffffff ;margin-top:0px; 

}

#leftcolumn div.fc-day-number {font-size:9px;}

#leftcolumn div.fc-content{font-size:10px;}


table.poll thead td {
	text-align: left;
	padding-left:10px;
}
table.poll td {
	text-align: left;
}
#leftcolumn ul.menu li ul{
	list-style: none;height:auto;
}
.pollstableborder {
	margin: 5px 0px 10px 0px;
}
.poll td div{
	display:inline;
}

/* forms */

#leftcolumn .moduletable ul,
{
	margin: 6px 0;
	padding: 0;
	list-style: none;
}

#leftcolumn .moduletable ul li,
{
	margin: 0;
	padding: 0 2px;
}
.moduletable ul {
	padding:0px 10px 5px 12px;
	margin:0px;
}

.moduletable ul li {
	padding:0px 10px 5px 15px;
	margin:0px;
	line-height:18px;
}
#leftcolumn ul.menu li#current ul li,
 {
	margin: 0px;
	padding: 0px;
}
ul.menu {
	padding:5px 5px 5px 5px;
	
}
ul.menu li{
	padding:0px 10px 5px 15px;
	margin:0px;
        
}

ul.menu li ul {
	padding:0px 0px 5px 0px;
	margin:0px;
}
ul.menu li ul li{
	padding:0px 0px 0px 15px;
	border:none;
}
ul.menu li#current ul li a{
	margin-left:15px;
	text-decoration:none;
}
ul.mostread {
	padding:5px 10px 5px 12px;
	margin:0px;
}
ul.mostread li{
	padding:0px 10px 5px 15px;
	margin:0px;
	line-height:18px;
}
ul.latestnews {
	padding:5px 10px 5px 12px;
	margin:0px;
}
ul.latestnews li{
	padding:0px 10px 5px 15px;
	margin:0px;
	line-height:18px;
}


div.componentheading{
	font-size:16px;
	font-size:19px;
	margin:7px auto;
}
td.contentheading{
	font-weight:normal;
	vertical-align:top;
	font-size:19px;
	height:30px;
	color:#363636;
	
}
table.contentpaneopen td.contentheading{
	padding-left:34px;
}
table.contentpaneopen{
	border-collapse: collapse;
	margin-left:5px;
}
td.buttonheading{
	padding:0px 2px 0px 2px;
}
table.contentpaneopen td{
	padding:0px;
}
.contentpaneopen p{
	line-height:22px;
}
span.small, td.createdate, td.modifydate{
	font-size:11px;
	color:#999999;
}
span.pagination span, span.pagination a{
	padding:5px;
}



.search{
font-size:12px;
color:#000066;
text-align:left;
height:50px;
padding:10px;

}


/**********************Vertical  Navigation*********************************/




/*********************Area for content**************************************/






.left_box{
	
	width:356px;
	height:275px;
	float:left;
	padding-left:5px;
padding-top:5px;
padding-bottom:5px;
	position: relative;
	margin-left: 10px;
	margin-top: 5px;
	margin-right: 5px;
text-align:center;
	
background-image: url(../images/user1-boxes.png);
background-repeat:no-repeat;
}


.left_box h2{
color:#ff9900;
font-size:16px;
}

.left_box p{
color:#ffffff;
font-size:12px;
line-height:none;
}
.right_box{
	
	width:356px;
	height:275px;
	float:left;
padding-left:5px;
padding-top:5px;
padding-bottom50px;
	position: relative;
	text-align:center;
	margin-top: 5px;
display:inline-block;
margin-left:0px;
	
	
background-image: url(../images/user1-boxes.png);
background-repeat:no-repeat;
}


.right_box h2{
color:#ff9900;
font-size:16px;
}

.right_box p{
color:#ffffff;
font-size:12px;
line-height:none;
}

.right_box a{color:#ffcc00;
text-decoration:underline;
}

.right_box a:hover{color:#ffffff;}

#content {
	position:relative;
	color: #333;
	margin: 5px 0px 0px 0px;

	width: 729px;
	text-align: left;
	float: right;
}
.content-top{
	width:729px;
	background-image: url(../images/contenttop.png);
	background-repeat: no-repeat;
	background-position: top center;
	height: 15px;
}
.content-mid{padding:10px;
margin-top:-5px;
width:709px;
background-image: url(../images/contentmid.png);
	background-repeat: repeat;
	

}

.content-bottom{
	width:729px;
	background-image: url(../images/contentbot.png);
	background-repeat:no-repeat;
	background-position: top center;
	height: 15px;
}

/*********************Footer************************************************/
#footer {
	position:relative;
	width: 857px;
	clear: both;
	margin: 0px 0px 0px 0px;
	padding: 10px;
	
}

#footer a{
color:#000000;
}

#footer a:hover{
color:#FFFFFF;}
