body {
	background-color:#ccc;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
	}


/* DIV ELEMENTS */
#MainPage
{
background-color: #000;
padding: 20px 0px 30px 0px;
margin: 0px auto;
width: 1003px;

}
#PageFrame {
	width:900px;
	margin: 0px auto 0px auto;	
	background-image:url(../../images/generic/butterfly.jpg);
	background-position:center;
	background-repeat:repeat-y;
	background-color: #000;

}

#Header {
	width:auto;
	height:70px;
	background-color:#FFFFFF;
	background-image:url(../../images/generic/logo.jpg);
	background-position:left;
	background-repeat:no-repeat;
}
a#Header {
    width:250px;
	height:70px;
	display: block;
  
}
#Toolbar{
	width:auto;
	height:40px;
	border-width:20px;
	background-color:#000000;
	
}
#Toolbar ul li
{
margin: 0px 0px 0px 2px;
}


#Toolbar ul h1{
	/*width:auto;*/
	/*_width: 150px;*/
	height:40px;
	margin-right:5px;	
	margin-left:5px;
	margin-top: 0px;
	/*color:#CC0033;*/
	/*_margin: 0px; */
}

#Toolbar ul h2{
	/*width:auto;	*/
	/*_width: 80px;*/
	margin-right:5px;
	margin-top: 0px;
	/*_margin: 0px; */
}

#Toolbar ul h3{
	/*width:auto;	*/
	/*_width: 100px;*/
	margin-right:5px;	
	margin-top: 0px;
	/*_margin: 0px; */
}

#Toolbar ul h4{
	/*width:auto;	*/
	/*_width: 120px;*/
	margin-right:5px;	
	margin-top: 0px;
	/*_margin: 0px; */
}

#Toolbar ul h5{
	/*width:auto;	*/
	/*_width: 80px;*/
	margin-right:5px;
	margin-top: 0px;
	/*_margin: 0px; */
	
}

#Toolbar ul h6{
	/*width:auto;	*/
	/*_width: 80px;*/
	/*color:#CC0033;*/
	margin-top: 0px;
	/*_margin: 0px; */
	
}

#Opaque50px {
	height:60px;
	
}
#Opaque40px {
	margin: 0px;
	padding: 0px;
	height:30px;	
		
}


#Opaque90px {
	height:90px;

}

#testOpaque50px {
	width:auto;
	/*_background-image:url(../../images/generic/opaqueSq25.png);*/
	/*background-image:url(../../images/generic/opaqueSq25.png);*/
}

#Opaque50px, #Opaque40px, #Opaque90px, #ContentFrame {
	width:auto;
	_background-image:url(../../images/generic/opaqueSq25.png);
	background-image:url(../../images/generic/opaqueSq25.png);
	
}

#BlackRibbon {
	height:15px;
	width:auto;
	background-color:#000000;
	/*	opacity:0.4;
	filter:alpha(opacity=40) */
}



#PAIPEARSGLEOG
{
margin: 0px;
padding: 0px 0px 40px 0px;
display: none;
width: 100%;
}

#CLUICH 
{
margin: 0px;
padding: 0px 0px 40px 0px;
display: none;
width: 100%;
}

#BHIDEO
{
margin: 0px;
padding: 0px 0px 40px 0px;
display: none;
width: 100%;
}

#PAIPEARSGLEOG ul, #CLUICH  ul, #BHIDEO ul
{
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 30px;
height: 30px;
background-color: #ccff00;
}


#PAIPEARSGLEOG ul li, #BHIDEO ul li, #CLUICH  ul li
{
display: block;
float: left;
margin: 0px 0px 0px 0px;
padding: 0px 0px 3px 60px;
list-style: none;
font-size:10pt;
}

#PAIPEARSGLEOG ul li a, #CLUICH   ul li a, #BHIDEO ul li a
{
display: block;
text-decoration: none;
color: #000;
padding-top: 7px;
}

#PAIPEARSGLEOG ul li a:hover, #CLUICH   ul li a:hover, #BHIDEO ul li a:hover
{
background:url(../../images/generic/toolbar2-rollover-pointer.jpg) 50% top no-repeat;
}


#ArcHeader
{
float:left;
margin-bottom: 15px;

}

#SliderControl
{
float: right;
padding: 0px;

}

#Archives
{
	height: 520px;
	width: 230px;
	overflow: auto;
}

#textslider a
{
color:#ffffff;
text-decoration: none;
}

 
#FlashMovie {
	width:auto;
	height:380px;
	
}

#FlashMovie_quiz {
	width:auto;
	height:auto;
	padding-left:135px;
	
}

#Toolbar ul, #Toolbar li, #Level2Toolbar ul, 
#Level2Toolbar li, #SectionLinks li, #SectionLinks ul {
	display:inline-block;	
}

#Toolbar ul, #Level2Toolbar ul,
#SectionLinks ul {
	margin:0px;
	margin-left:5px;
	padding:0px;
	height: 30px;
	
}

#Toolbar li, #Level2Toolbar li,
#SectionLinks li {
	display: block;
	float: left;
	height: 40px;
	list-style:none;
	height:inherit;
	padding: 0px 45px 0px 10px;
	margin:0px 5px 0px 0px;
}

#Toolbar li a, #Level2Toolbar li a,
#SectionLinks li a{
	display: block;
	padding-top: 10px;
	height: 40px;
}



#Toolbar li a:hover {
	background: url(../../images/generic/toolbar-rollover-pointer.jpg) 50% top no-repeat;
}



#Toolbar .selected a{
	background: url(../../images/generic/toolbar-rollover-pointer.jpg) 50% top no-repeat;
}


#Level2Toolbar li:hover {
	background: url(../../images/generic/toolbar2-rollover-pointer.jpg) 50% -1px no-repeat;
}

#Toolbar li a, #Opaque90px a, #Footer a, #SectionLinks li a {
	color:white;
	text-decoration:none;
	}

#Level2Toolbar a {
	text-decoration:none;
	color:#000000;
}

#Toolbar li a:hover, #Level2Toolbar a:hover {
	text-decoration:none;
}

#Footer a:hover, #SectionLinks li a:hover {
	text-decoration:underline;
}

#Level2Toolbar {
	height:40px;
	line-height:40px;
	background-color:#b3f819;
	
}


#Footer a:hover, #SectionLinks li a:hover {
	text-decoration:underline;
	
}


#Footer {
	padding-top:30px;
	height:60px;
	color:white;
	font-size:smaller;
	background-color:#1b1b1d;
	background-image:none;	
}

#PartnerPanel {
	display:inline-block;
	padding:2px;
	margin:auto;
	float:right;
}

#SplashImage {
	width:900px;
	height:330px;
}
#SplashImage_CO {
	width:400px;
	height:40px;	
	padding-left:5px;
	margin-top:10px
}

#ContentFrame {
	min-height:300px;
	height: auto !important;
	height: 300px;
	 padding:25px;
	
}



#LeftColumn {
	width:530px;
	padding-right:25px;
	text-align:justify;
	
}

#LeftColumn img
{
float: left;
padding: 10px;
}


#LeftColumn #Period_videos ul
{

list-style: none;
float: left;
font-weight:bold;
margin-bottom: 10px;
}


#LeftColumn #Period_videos ul li
{
list-style: none;
float: left;
padding-left: 30px;
}

#LeftColumn #Period_videos ul li a
{
color: #fff;
text-decoration: none;
}

#LeftColumn #Period_videos ul li a:Hover
{
color: #b3f819;
text-decoration: none;
}

#LeftColumn #Period_videos ul li .selected
{
color: #b3f819;
text-decoration: none;
font-weight: bold;

}




#LeftColumn #Period ul
{
list-style: none;
float: right;
font-weight:bold;
margin:0px;
padding:0px;
width:100%;
}


#LeftColumn #Period ul li
{
list-style: none;
float: left;
padding-right:10px;
margin:0px;
}

#LeftColumn #Period ul li a
{
color: #fff;
text-decoration: none;
}

#LeftColumn #Period ul li a:Hover
{
color: #b3f819;
text-decoration: none;
}

#LeftColumn #Period ul li .selected
{
color: #b3f819;
text-decoration: none;
font-weight: bold;

}

#LeftColumn, #RightColumn {
	float: left;
	color:white;
	font-size:0.85em;
}

#LeftColumn h1, #RightColumn h1 {
	font-weight:bold;
	font-size:10px;
	
} 

#LeftColumn_co {
	width:637px;
	padding-right:40px;
	
}
#BottomColumn_co {
	width:598px;
	height:auto;
}

#BottomColumn_comp {
	margin-left:398px;
	width:598px;
	height:auto;
}


#BottomColumn_co3 {
	width:auto;
    height:auto;
	margin-left:398px;
	
}


#LeftColumn, #RightColumn {
	float:left;
	color:white;
	font-size:0.85em;
}

#LeftColumn h1, #RightColumn h1 {
	font-weight:bold;
	font-size:medium;
	 margin-top: 20px;
	 margin-bottom:0px;

} 

#table_left {
	width:850px;
	height:300px;
	float:left;
	border:1px solid #888;
}

#table_centre {
	width:865px;
	height:auto;
	
}
#table_centre0 {
	width:398px;
	height:400px;
	float:left;
	
}
#table_centre1 {
	width:450px;
	height:398px;
	float:right;
	border:1px solid #888;	
	
}
#table_centre2 {
	width:450px;
	height:30px;
	float:left;
	margin-right:auto;
	border:1px solid #888;	
	
}
#table_centre3 {
	width:450px;
	height: auto;
	float:left;
	margin-right:auto;	
	border:1px solid #888;	
	
}
	
#RightColumn_img {
	width:220px;
	padding:20px;
	margin-left:20px;
	padding-right:25px;
	background-color:#000000;
}


#QuizHeader {
	width:800px;
	height:50px;
	/*border:1px solid #0000FF;*/
	text-align:center;
	/*padding-right:50px;*/
	/*background-color:#FFFF00;*/
}

#answerfooter {
	margin-top:0px;
	padding-top:0px;
	padding-left:102px;
	padding-right:12px;
	float:left;
	width:700px; 
	min-height:110px;
	clear : both;
	}

#quizquestion {
	margin-top:10px;
	/*background-color:black;*/
	padding-top:12px;
	/*padding-bottom:12px;*/
	padding-left:102px;
	padding-right:12px;
	float:left;
	width:700px; 
	/*height:121px;*/
	min-height:110px;
	clear : both;
	border-style: solid;
	border-top-width: 0px;
	border-bottom-width: 0px;	
	border-left-width: 0px;
	border-right-width: 0px;
	border-color: #00ADCE;
	}

#quizimage {
	float:left;
	border:0px solid #FFFF00;
}

#quiztext {
	width:360px;
	float:right;
	min-height:75px;
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	border-style: solid;
	border-top-width: 0px;
	border-bottom-width: 0px;	
	border-left-width: 0px;
	border-right-width: 0px;
	border-color: #FF0000;
}

#quizanswer {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#FFFFFF;
}

#quizfooter {
	clear:both;
	text-align:center;
	/*font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;*/
	color:#FFFFFF;
}

#RightColumn {
	width:220px;
	padding-right:50px;
		
}
/*
#RightColumn div {

	background-color:white;
	width:inherit;
	padding:5px;
	height:60px;
	margin-top:5px;
	color:black;
}
*/
#LeftColumnimages {
	width:800px;
	padding-left:55px;
	
}
#RightColumnimages {
	width:350px;
	padding-right:20px;
		
}




#Clear {
	clear:both;
}

.Clear {
	clear:both;
}


#SectionLinks {	
	border:1px solid grey;
}








/* CLASS STYLES */

.selected {

}

.ribbonText {
	background-color:#13171b;
	color:#60b3cb;
}

#VideoPlayer {
	float:left;
	width:400px;

}

#VideoThumbnails {

	margin-left:420px;
	width:300px;
	

}

#VideoThumbnails div {
	width:inherit;
	height:40px;
	margin-bottom:5px;
	padding:5px;
	background-color:#FFFFFF;
	color:black;
}

.aire-yellow{
	color:#F4F295;
}

.style9-yell {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10pt;
	color:#F4F295;
	}
	
.style7-yell {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12pt;
	color:#F4F295;
	}

.linkwithgreen li
	{
	color:#b3f819;
	display: inline;
	font-size:0.85em;
	font-weight:bold;
	}

.linkwithgreen li a
	{
	color: #fff;
	text-decoration: none;
	}

.linkwithgreen li a:Hover
	{
	color: #b3f819;
	text-decoration: none;
	}

.linkwithgreen li .selected
	{
	color: #b3f819;
	text-decoration: none;
	font-weight: bold;
	}

.linkwithgreen 
	{
	color:#b3f819;
	display: inline;
	font-size:0.85em;
	font-weight:bold;
	}

.linkwithgreen a
	{
	color: #fff;
	text-decoration: none;
	}

.linkwithgreen a:Hover
	{
	color: #b3f819;
	text-decoration: none;
	}

.linkwithgreen .selected
	{
	color: #b3f819;
	text-decoration: none;
	font-weight: bold;
	}