@charset "utf-8";

 body  {
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
  	padding:0 0 <length> 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #ffffff;
	}



/* TOP LOGIN SECTION */

#top {
	float:left;
	width:1002px;
	height:88px;
	}
	
#top_left {
	float:left;
	width:438px;
	height:58px;
	margin-top:20px;
	
	}
#top_login {
	
	float:left;
	width:194px;
	height:64px;
	margin-left:170px;
	margin-top:12px;
	background-image:url(images/login_bg.jpg);
	background-repeat:repeat-x;
	background-color:#f8f8f8;
	border: 1px solid #b7b7b7;
	}
#top_login p {
	font-size:14px;
	color:#5e5e5e;
	margin-top:6px;
	}	
	
.login_button {
	margin-top:8px;
	}

	
#top_cisco {
	width:85px;
	height:63px;
	float:right;
	margin-top:14px;
	margin-right:15px;
	}


#buttons {
	float:left;
	width:1001px;
	height:40px;
	background-image:url(images/menu_bar_bg.gif);
	background-repeat:repeat-x;
	text-align:left;
	border-right: 1px solid #b8b8b8;
	}



p {
	font-size:16px;
	color:#5e5e5e;
	margin-top:3px;
	}
	
ul, li, ol {
	font-size:16px;
	color:#5e5e5e;
	margin:0px;
	margin-bottom:10px;
}	


#right li {
	font-size:16px;
	color:#5e5e5e;
	margin:0px;
	margin-bottom:10px;
}	


li {
margin-bottom:5px;
}
	
	
h3 {font-family:Arial, Helvetica, sans-serif;
	color:#236ea2;
	font-size:22px;
	margin-bottom:0px;
	font-variant:normal;
	font-style:normal;
	font-weight:100;
	margin-top: 0px;
	}	
	
h4 {font-family:Arial, Helvetica, sans-serif;
	color:#333333;
	font-size:20px;
	margin-bottom:0px;
	font-variant:normal;
	font-style:normal;
	font-weight:100;
	margin-top: 0px;
	}	
		


#container {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	width: 1002px;
	margin-right:auto;
	margin-left:auto;
	margin-bottom:0px;
	}


img {
	margin-top:0px;
	margin-bottom:0px;
	padding-top:0px;
	padding-bottom:0px;
	}

#menu {
	margin-bottom:20px;
	}

#bottom_box {
	float:left;
	width: 1002px;
	height: 389px;
	margin-top: 16px;
	}


#movie {
	background-image:url(images/cpa_topbg.jpg);
	background-repeat:no-repeat;
	float:left;
	margin-bottom:15px;
	width:1002px;
	height:270px;
	margin-top:16px;
	}

/* MAIN SECTION */
#left {
	float: left;
	font-family:Arial, Helvetica, sans-serif;
	text-align:left;
	width: 332px;
	}

#left_box {
	float:left;
	width:332px;
	border: 1px solid #b7b7b7;
	background-color:#fafafa;
	}


#left_inside {
	margin-top:8px;
	margin-left:25px;
	margin-right:25px;
	margin-bottom:8px;
	}
/* END MAIN */

#wide {
	float:left;
	width:730px;
	border: 1px solid #b7b7b7;
	background-color:#fafafa;
	}
	
#wide_box {
	text-align:left;
	margin:15px;
	}	

#white_box {
	background-color:#FFFFFF;
	padding:5px;
	border: 1px solid #666666;
	}


/* MIDDLE */

#middle {
	float:left;
	margin-left:16px;
	width:384px;
	}

#middle_box {
	float:left;
	width: 384px;
	border: 1px solid #b7b7b7;
	background-color:#fafafa;
	text-align:left;
	min-height:420px;
	}


#footer {
	float:left;
	width:1002px;
	height:50px;
	border: 1px solid #b7b7b7;
	background-color:#fafafa;
	margin-top:16px;
	margin-bottom:16px;
	}

#footer_inside {
	margin-top:12px;
	margin-left:24px;
	margin-right:24px;
	margin-bottom:0px;
	
	}


#footer p {
	font-size:15px;
	}


#box {
	height:auto;
	float:left;
	width:629px;
	border:1px solid #666;
	margin-top:10px;
	margin-bottom:10px;
	background-image:url(images/box_gradient.gif);
	background-repeat:repeat-x;
	}
	
	
#activebox {
	height:auto;
	float:left;
	width:629px;
	border:1px solid #666;
	margin-top:10px;
	margin-bottom:10px;
	background-image:url(images/box_gradient.gif);
	background-repeat:repeat-x;
	}	

#box_inside {
	margin-top:8px;
	margin-left: 15px;
	margin-right: 15px;
	margin-bottom:5px;
	}

#box_right {
	height:auto;
	float:right;
	width:293px;
	margin-top:10px;
	margin-bottom:10px;
	}
	
#box_right_g {
	height:auto;
	float:right;
	width:295px;
	background-color:#f9f7f7;
	border: black solid 1px;
	margin-top:10px;
	margin-bottom:10px;
	}

#box_right_inside {
	margin-top:8px;
	margin-left:15px;
	margin-right:10px;
	margin-bottom:8px;
	}


/* */







#pages {
	float: left;
	font-family:Arial, Helvetica, sans-serif;
	width: 680px;
	}

#right {
	float: right;
	font-family:Arial, Helvetica, sans-serif;
	width: 249px;
	border: 1px solid #b7b7b7;
	background-color:#fafafa;
	text-align:left;	
	min-height:256px;
	}


#right p {
	margin-top: 5px;
	margin-bottom: 2px;
	}

	
a:link {
	color: #0066CC;
	text-decoration: none;
	}
	
a:visited {
	text-decoration: none;
	color: #0066CC;
	}
	
a:hover {
	text-decoration: none;
	color:#C91D1D;
	}
	
a:active {
	text-decoration: none;
	color: #0066CC;
	}



.style3 {
	color: #666666;
	font-size: 18px;
	}


.red {
	color:#FF0000;
	}


.caption {
	color:#666666;
	font-size:10px;
	}
	
	
#alertbox {
	width: 490px;
	width:auto;
	height:auto;
	padding:10px;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 0px;
	margin-right: 0px;
	color:#333333;
	background-color:#FFFFCC;
	border: 1px solid #FFCC00;
	}


#warningbox {
	width:auto;
	height:auto;
	padding:10px;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 0px;
	margin-right: 0px;
	color:#333333;
	background-color:#fcd9d9;
	border: 1px solid #cd8989;
	}
	

	
/* Comments */

#comment_container {
	margin-bottom:0px;
	float:left;
	}

#comment_pic {
	width:60px;
	float:left;
	margin-right:8px;
	height:auto;
	}

#comment_text {
	float:right;
	width:600px;
	
	}


#comment_sep {
	margin-top:5px;
	width: 682px;
	height:10px;
	float:left;
	}

.comment_name {
	color: #377eb5;
	font-weight: bold;
	}
	
/* End */
	
	
/* CALENDAR EVENTS */
#event_container {
	width:230px;
	height:70px;
	margin-bottom:5px;
	}

#event_date {
	padding-top:4px;
	float:left;
	width:56px;
	height:60px;
	background-image:url(images/date_bg.gif);
	background-repeat:no-repeat;
	text-align:center;
	color:#FFFFFF;
	}

.event_day {
	font-size:22px;
	}

#event_day {
	margin-top:3px;
	}

.event_month {
	font-size:14px;
	}

.event_name {
	font-size:14px;
	color:#0066CC;
	margin:0;
	padding:0;
	}
		
	
/* End */
	
.story_name {
	font-size:15px;
	font-weight:bold;
	color:#417ca9;
	margin:0;
	padding:0;
	}	
	
	
.inputs1 {
	font-size: 18px;
	color:#333333;
	border: 1px solid #525252;
	margin-bottom: 3px;
	margin-top: 3px;
	}	
	
	
	
.caption {
	font-size: 12px;
	}
	
	
		
	
	
div.content {
    border: #48f solid 0px;
    clear: left;
    padding: 1em;
	text-align:left;
}

div.content.inactive {
	display: none;
}

ol#toc {
    height: 2em;
    list-style: none;
    margin: 0;
    padding: 0;
	
}

ol#toc a {
    background: #bdf url(images/tabs.gif);
    color: #ffffff;
    display: block;
    float: left;
    height: 2em;
    padding-left: 8px;
    text-decoration: none;
}

ol#toc a:hover {
    background-color: #3af;
    background-position: 0 -120px;
}

ol#toc a:hover span {
    background-position: 100% -120px;
}

ol#toc li {
    float: left;
    margin: 0 0px 0 0;
	font-size:14px;
}

ol#toc li a.active {
    background-color: #48f;
    background-position: 0 -60px;
    color: #fff;
   /* font-weight: bold;*/
}

ol#toc li a.active span {
    background-position: 100% -60px;
}

ol#toc span {
    background: url(images/tabs.gif) 100% 0;
    display: block;
    line-height: 2em;
    padding-right: 8px;
}	



/* Calendar Popup with Details  */
#blanket {
background-color:#111;
opacity: 0.65;
filter:alpha(opacity=65);
position:absolute;
z-index: 9001;
top:0px;
left:0px;
width:100%;
}
#popUpDiv {
position:absolute;
background-color:#eeeeee;
width:300px;
height:300px;
z-index: 9002;
}

#popUp_inside {
margin:20px;}


dt, dd {
margin:0;
padding:0;
}

/* jQuery lightBox plugin - Gallery style */
	#gallery {
		padding: 0px;
		width: 680px;
		font-size:9px;
		margin-bottom:50px;
		height:auto;
		float:left;
	}
	
	#gallery ul { list-style: none;
	margin:0;
	padding:0;
	}
	#gallery ul li { display: inline; 
	padding:2px;}
	#gallery ul img {
		border: 5px solid #ebebeb;
		border-width: 5px 5px 5px;
	}
	
	#gallery ul a:hover img {
		border: 5px solid #d6dfee;
		border-width: 5px 5px 5px;
		color: #fff;
		font-size:9px;
	}
	
	#gallery ul a:hover { color: #fff; }

	#gallery_photo {
		float:left;
		width:100px;
		height:100px;
		background-color:#ebebeb;
		text-align:center;
		margin: 1px 1px 1px 1px;
	}
	
	#gallery_video {
		float:left;
		width:140px;
		height:130px;
		background-color:#ebebeb;
		text-align:center;
		margin: 1px 1px 1px 1px;
	}	

	#dialog_link {padding: .4em 1em .4em 20px;text-decoration: none;position: relative;}
	#dialog_link span.ui-icon {margin: 0 5px 0 0;position: absolute;left: .2em;top: 50%;margin-top: -8px;}
	ul#icons {margin: 0; padding: 0;}
	ul#icons li {margin: 2px; position: relative; padding: 4px 0; cursor: pointer; float: left;  list-style: none;}
	ul#icons span.ui-icon {float: left; margin: 0 4px;}