/* CSS Document */
*{margin: 0; padding: 0;}

body, html{
background-color:#daecfe;
width: 100%;
height: 100%;
background-image:url(../images/template/bckgrd.gif);
background-repeat:repeat-x;
}

#wrapper {
	margin: auto;
	text-align: center;
	width: 805px;
	height: 100%;}


#container{
	width:805px;
	margin: 0 auto;
	text-align: left;
	background: #ffffff;
	padding-top: 17px;
	float:left;
	padding-bottom: 17px;
	}
	
#container2{
	width:800px;
	margin: 0 auto;
	text-align: left;
	background-color:#996666;
	height: 100%;
	padding-top: 17px;
	float:left;
	}

#header{
width:323px;
height:69px;
background-image:url(../images/template/logo.gif);
background-repeat:no-repeat;
margin: 0 0 0 12px;
float:left;
overflow: hidden;
display:inline;
}

#header a{
width:323px;
height:69px;
display:block;
text-indent:-9999px;
text-decoration:none;
}

#navigationholder{
float:left;
width: 457px;
height: 44px;
margin: 27px 0 0 5px;
}


#lfnavbckgrd{
width: 5px;
height: 36px;
background: url(../images/template/lfnav.gif) no-repeat;
float:left;
}

#rtnavbckgrd{
width: 3px;
height: 36px;
background:url(../images/template/rtnav.gif) no-repeat;
float:left;
}

#btmmainnav{
width: 457px;
height: 8px;
background:url(../images/template/navbtm.gif) no-repeat;
float:left;
}

/**************************************** Start Top Navigation *********************/
ul#navmain {
width:449px;
height: 36px;
float:left;
list-style-type:none;
position:relative;
top: 0;
left: 0;
}

/*** Lynn ***/
li#navlynn {
float: left;
overflow: hidden;
width:58px;
height:36px;
}

li#navlynn  a{
background: url(../images/template/navlynn.gif) no-repeat;
display:block;
height:36px;
width:58px;
text-indent:-9999px;

text-decoration:none;
}

li#navlynn a:hover{
background-position: 0 -36px;
}

/*** Swap Shop ***/
li#navss {
float: left;
overflow: hidden;
width:95px;
height:36px;
}

li#navss  a{
background:url(../images/template/navswapshop.gif) no-repeat;
display:block;
height:36px;
width:95px;
text-indent:-9999px;
text-decoration:none;
}

li#navss a:hover{
background-position: 0 -36px;
}

/*** Mentoring ***/
li#navmentor {
float: left;
overflow: hidden;
width:89px;
height:36px;
}

li#navmentor  a{
background:url(../images/template/navmentor.gif) no-repeat;
display:block;
height:36px;
width:89px;
text-indent:-9999px;
text-decoration:none;
}

li#navmentor a:hover{
background-position: 0 -36px;
}

/*** training ***/
li#navtrain{
float: left;
overflow: hidden;
width:74px;
height:36px;
}

li#navtrain  a{
background:url(../images/template/navtraining.gif) no-repeat;
display:block;
height:36px;
width:74px;
text-indent:-9999px;
text-decoration:none;
}

li#navtrain a:hover{
background-position: 0 -36px;
}

/*** e-store ***/
li#navstore{
float: left;
overflow: hidden;
width:70px;
height:36px;
}

li#navstore a{
background:url(../images/template/navstore.gif) no-repeat;
display:block;
height:36px;
width:70px;
text-indent:-9999px;
text-decoration:none;
}

li#navstore a:hover{
background-position: 0 -36px;
}

/*** login ***/
li#navlogin{
float: left;
overflow: hidden;
width:63px;
height:36px;
}

li#navlogin a{
background:url(../images/template/navlogin.gif) no-repeat;
display:block;
height:36px;
width:63px;
text-indent:-9999px;
text-decoration:none;
}

li#navlogin a:hover{
background-position: 0 -36px;
}

/************ End Top nav ***********/


#winport{
float:left;
background:url(../images/template/winport.jpg);
width: 546px;
height: 254px;
background-color: #c5d8d8;
margin: 14px 0 0 12px;
display:inline;
}

#wincon{
margin: 5px 5px 0 8px;
width: 518px;
height: 195px;
padding: 5px;
overflow: hidden;
}

#wincon img{
border: 1px solid #a8c4d1;
float: right;
margin: 0 0 5px 10px;
width:190px; 
max-width:190px; 
width:auto;
}

* html #wincon img{width:190px;}

#wincon h3{
font-size:16px;
font-weight:bold;
color:#000066;
}

#wincon p{
font-size:12px;
line-height: 120%;
}


#wincon a{
font-size: 12px;
color:#990000;
font-weight:bold;
text-decoration: none;
}

/************** Portal Window Navigation **************/
ul#portnav{
width: 150px;
height: 21px;
float: right;
margin: 5px 20px 0 0;
list-style-type:none;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
}

ul#portnav li a{
color: #333536;
font-weight:bold;
}

ul#portnav li a:hover{
color: #823334;
}
/******* first button *******/
#portfirst{
float: left;
overflow: hidden;
background: url(../images/template/portltn.gif) no-repeat;
width:4px;
height:21px;
}


/******* middle buttons *******/
li#portmid{
float: left;
overflow: hidden;
width:21px;
height:21px;
text-align: center;
}

li#portmid  a{
background:url(../images/template/portmid.gif) no-repeat;
display:block;
height:18px;
padding-top: 3px;
width:21px;
text-decoration:none;
}

li#portmid a:hover{
background-position: 0 -21px;
}

/******* last buttons *******/
#portlast{
float: left;
overflow: hidden;
background:url(../images/template/portrtn.gif) no-repeat;
width:4px;
height:21px;
}



#searchholder{

background:url(../images/template/searchbckgrd.gif) no-repeat;
float:left;
padding: 23px 0 0 20px;
width: 220px;
height: 64px;
background-color: #c5d8d8;
margin: 14px 0 0 0;

}

#videoholder{
float:left;
width: 232px;
height: 130px;
background: url(../images/template/welcomebckgrd.gif) no-repeat;
background-color: #c5d8d8;
padding: 35px 0 0 8px
}

#contentholder{
float:left;
width: 546px;
height: 176px;
background:url(../images/template/introbckgrd.gif) no-repeat;
background-color: #c5d8d8;
margin: 0 0 0 12px;
display:inline;
}

#contentbody{
height:300px;
}

#introtext{
width: 508px;
height: 138px;
padding: 5px 10px 5px 15px;
margin:20px 0 0 5px;
}

#introtext p{
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
color: #810a0a;
}

#introtext a{
font-size:12px;
font-weight: bold;
color: #810a0a;
}

#contentpage{
float: left;
width: 780px;
margin: 11px 0 0 12px;
background-color: #c5d8d8;
min-height: 250px;
padding: 5px;
}

#blogholder{
background:url(../images/template/blogbckgrd.jpg) no-repeat;
float:left;
width: 240px;
height: 176px;
background-color: #c5d8d8;
}

#blogcon{
margin: 40px 5px 0 11px;
height: 62px;
width: 217px;
}

#blogcon p{
margin: 4px 0 0 4px;
font-size:13px;
font-family:Arial, Helvetica, sans-serif;
}

#blogcon a{
color: #144067;
}

#blogcon a:hover{
color: #990000;
text-decoration:none;
}

#blogmore, #blogcon a a{
color: #990000;
font-size:13px;
font-family:Arial, Helvetica, sans-serif;
margin: 4px 0 0 4px;
}

#blogmore a{
color: #990000;
text-decoration:none;
}

#blogmore a:hover{
color: #144067;
text-decoration:underline;
}

#toolholder{
float:left;
background:url(../images/template/toolboxbckgrd.jpg);
width: 255px;
height: 102px;
background-color: #c5d8d8;
margin-left: 12px;
overflow: hidden;
display:inline;
}

#toolholder a{
display:block;
width: 230px;
height: 88px;
text-decoration:none;
overflow: hidden;
}

#toolholder a img{
border: 0;
}

#toolpic{
margin: 7px 0 0 10px;
width: 100px;
height: 88px;
}




#partnerholder{
background:url(../images/template/partner.jpg) no-repeat;
float:left;
width: 295px;
height: 102px;
background-color: #c5d8d8;
overflow: hidden;
}

#partnerholder a{
display:block;
margin: 7px 0 0 10px;
width: 270px;
height: 88px;
text-indent: -9999px;
text-decoration:none;
overflow: hidden;
}

#eupdateholder{
background: url(../images/template/update.gif) no-repeat;
float:left;
width: 236px;
height: 102px;
background-color: #c5d8d8;
overflow: hidden;
}

#eupdateholder a{
display:block;
margin: 7px 0 0 10px;
width: 218px;
height: 88px;
text-indent: -9999px;
text-decoration:none;
overflow: hidden;
}


#bottombck{
background:url(../images/template/bluebonnet.jpg) no-repeat;
height: 172px;
width: 786px;
margin-left: 12px;
float: left;
}

p, h1, h2, h3{
font-family:Arial, Helvetica, sans-serif;
}

a{
font-family:Arial, Helvetica, sans-serif;
}

p{
margin: 7px 0 7px 0;
}

hr {
margin: 7px 0 7px 0;
}

#rtfloat{
float: right;
}

#rtfloat p img{
border: 1px solid #000066;
}

#footer{
width: 786px;
margin:auto;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
text-align:center;
color: #144067;
}

.underline{
text-decoration:underline;
}


/***********************************This starts themes for mods**********************************/

/***************Calendar**********************/
.calendarBG {
 background-color: #000; 
}

.calendarBlank { 
 background-color: #9DB7A7;
}

.calendarHeader { 
 font-weight: bold; 
 color: #fff; 
 text-align: center;
 background-color: #000; 
}

.calendarMonthLinks {
 font-family:       Arial, Trebuchet MS, Tahoma, Verdana, Sans-serif;
 font-size:         11px;
 font-weight:		bold;
 letter-spacing:	.1em;
 text-decoration:   none;
 color:             #fff;
 background-color:  transparent;
}

.calendarMonthLinks a {
 color:             #fff;
 text-decoration:   none;
 background-color:  transparent;
}
  
.calendarMonthLinks a:visited {
 color:             #fff;
 text-decoration:   none;
 background-color:  transparent;
}

.calendarMonthLinks a:hover {
 color:             #ccc;
 text-decoration:   underline;
 background-color:  transparent;
}

.calendarDayHeading {
 font-weight: bold; 
 font-size:	11px;
 color: #fff; 
 background-color: #663300; 
 text-align:  center;
 vertical-align: middle;
}

.calendarToday { 
 font-family:       Arial, Trebuchet MS, Tahoma, Verdana, Sans-serif;
 font-size:         12px;
 font-weight:		bold;
 letter-spacing:	.1em;
 text-decoration:   none;
 text-align:  center;
 vertical-align: middle;
 color:             #000;
 background-color: 	#ccc;
}

.calendarCell {
 width: 14.28%;
 height: 50px;
 font-family:       Arial, Trebuchet MS, Tahoma, Verdana, Sans-serif;
 font-size:         12px;
 font-weight:		bold;
 letter-spacing:	.1em;
 text-decoration:   none;
 text-align:  center;
 vertical-align: middle;
 color:             #666;
 background-color:  #fff;
}

.calendarCell a {
 color:             #000;
 text-decoration:   underline;
 background-color:  transparent;
}
  
.calendarCell a:visited {
 color:             #000;
 text-decoration:   underline;
 background-color:  transparent;
}

.calendarCell a:hover {
 color:             #fff;
 text-decoration:   none;
 background-color:  transparent;
}

/***************Comment**********************/

#commentprebox{
width: 550px;
background-color: #fff;
color: #660000;
padding: 10px;
border: 1px solid #000099;
}

#commentbluebox{
width: 550px;
background-color: #aaaaff;
padding: 10px;
margin: 0 0 10px 0;
}

#commentwhitebox{
width: 550px;
background-color: #ffffff;
padding: 10px;
margin: 0 0 10px 0;
}

.txt14{
font-size:14px;
}