/************** PX to EM ***************
Child px/ Parent px = Child em
13/13 = 1
14/13 = 1.0769
15/13 = 1.1538
16/13 = 1.2307
***************************************/

/*********** General Styles ***********/
body {
	margin:0;
	padding:0;
	background-color:#0c2a4c;
	background-image: url(../Images/bg.png);
	background-repeat: repeat-x;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px; /*100%; Parent px*/
	margin: 0px;
	padding: 0px;
	text-align: center;
}

img{border: 0;}

table
{
	border-collapse: collapse;
}

/*
table td, table th
{
	padding: 0;
	vertical-align: text-top;
}
*/

a {
   color: #003767;/*#0c2a4c;*/
   text-decoration: none;
}

a:visited {
   color:#003767;
}
a:hover {
   color: #003767;
   text-decoration: underline;
   font-weight:normal;   
}
a:active {
   color: #003767;
}

p 
{
	text-align: justify;
	margin:0px;
	padding-bottom: 25px;
}

h1
{	
	font-size: 1.2307em;
	font-weight:bold;
	color: #D6A200;
	margin: 15px 0px 4px 0px;
	padding: 3px 0px 3px 0px;	
	text-transform:uppercase;
}

h2
{	
	font-size: 1.1538em;
	font-weight:bold;
	color: #D6A200;
	margin: 10px 0px 4px 0px;
	padding: 3px 0px 3px 0px;
	text-transform:uppercase;
}

h3
{	
	font-size: 1.0769em;
	font-weight:bold;
	color: #D6A200;
	margin: 10px 0px 4px 0px;
	padding: 3px 0px 3px 0px;
	text-transform:uppercase;
}

h4
{	
	font-size: 1.0em;
	font-weight:bold;
	color: #D6A200;
	margin: 10px 0px 4px 0px;
	padding: 3px 0px 3px 0px;
	text-transform:uppercase;
}

.clear {
   clear:left;
}

/********** Page Layout **********/
#container {	
	width: 850px;
	margin: 0 auto;
	background-image: url(../Images/YellowBg.png);
	background-repeat: repeat-y;	
}

#header {
	background-image: url(../Images/ChampionsOfLiberty.jpg);
	background-repeat: no-repeat;
	height:48px;	
}

#topMenu 
{
	margin:0px;
	background-color:#D6A200;
	width:100%;
	border-top:solid 1px #A88C33;	
	padding-bottom:10px;	
	height:30px;
}

#rightColumn 
{
	float: right;
	width: 623px;
	text-align:left;
	height:100%;
	background: #EBEBDB;		
}

#innerColumn
{
	margin: 10px 20px 10px 10px;
	padding-bottom: 20px;
}

#leftColumn 
{
	float:left;
	width:227px;
	text-align:left;
	padding-bottom:150px;
}

#footer
{
	clear:both;
	width:100%;
	font-size: 0.846em; /*11px*/
	color:#FFFFFF;
	padding:10px 0px 0px 0px;
	background-color:#0C2A4C;
}

*.html #footer 
{
	height:1px;
}

.back-to-top 
{
	text-align:right;
}

/** form elements ***/
.cssform 
{
	font: 1.0em Arial; margin-top: 5px;
	width: 100%;
	margin-left:-5px;
}

.cssform .required {font-size:1em; font-weight:bold; color:Red; margin-right:3px;}
.cssform .csslabel {width:100px;  display:inline-block; }
.cssform .csstextbox {border:solid 1px black; }
.cssform p {font-size:1em; font-family:Arial; margin-bottom:5px;}
.addresslabel {width:70px;  display:inline-block; font-weight:bold; padding:0px;}

/********** Left Menus **********/
#leftMenu 
{
	width:100%;
	margin:0px;
}

#leftMenu ul
{
	list-style:none;
	margin:0;
	padding:0;
}

#leftMenu li
{
	font-size: 13px;
	margin: 0px 0px 4px 15px;	
}

#leftMenu h4 
{
	font-size: 1.0em;
	font-weight:bold;
	color: #D6A200;
	background-color: #EBEBDB;
	border-bottom:solid 1px #AEAE80;
	margin: 10px 0px 4px 0px;
	padding: 3px 0px 3px 5px;
	text-transform:uppercase;
}

.leftMenuHeaderH4
{
	font-size: 1.0em;
	font-weight:bold;
	color: #D6A200;
	background-color: #EBEBDB;
	border-bottom:solid 1px #AEAE80;
	margin: 10px 0px 4px 0px;
	padding: 3px 0px 3px 5px;
	text-transform:uppercase;
}

/********** Social Networking Icons **********/
#socialNetworkingLinks 
{
	text-align:right;
	width:100%;
	padding:10px 0px 10px 0px;
}

#socialNetworkingLinks ul
{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

#socialNetworkingLinks ul li {display: inline;}

/********** Announcement Wrapper **********/
#announcementWrapper 
{
	text-align:left;
	width:100%;
	padding:10px 0px 10px 0px;
}

#announcementWrapper ul
{
	margin: 0px;
	padding: 5px 0px 0px 0px;
	list-style-type: none;
}

#announcementWrapper ul li
{
	color:#D6A200;
	font-size: 1.0em;
	margin: 0px 0px 4px 0px;
	padding: 0px 0px 5px 15px;
	background-image: url(../Images/Icons/IconDoc.png);
	background-repeat:no-repeat;	
}

#announcementWrapper .entryList
{
	color:#D6A200;
	font-size: 1.0em;
	margin: 0px 0px 4px 0px;
	padding: 0px 0px 10px 18px;
	background-image: url(../Images/Icons/IconDoc.png);
	background-repeat:no-repeat;	
}

.newsList 
{
	color:#D6A200;
	font-size: 1.0em;
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 5px 30px;
	background-image: url(../Images/Icons/IconDoc.png);
	background-position:10px 5px;
	background-repeat:no-repeat;
	vertical-align:middle;	
}
	

/********** Footer **********/
a.footer {
   color: #A4A2A2;/*#0c2a4c;*/
   text-decoration: none;
}

a.footer:visited {
   color:#A4A2A2;
}
a.footer:hover {
   color: #A4A2A2;
   text-decoration: underline;
   font-weight:normal;   
}
a.footer:active {
   color: #A4A2A2;
}

/********** Drop Down Menu **********/
ul.menu {list-style:none; margin:0; padding:0}
ul.menu * {margin:0; padding:0}
ul.menu a {display:block; color:#FFFFFF; text-decoration:none}
ul.menu li {position:relative; float:left; margin-right:2px; background-color:#003767; text-align:center;width:100px;}
ul.menu ul {position:absolute; top:29px; left:0; background-color:#003767; display:none; list-style:none; width:250px;} /*opacity:0;*/
ul.menu ul li {position:relative; border:1px solid #003767; border-top:none; margin:0; padding-top:3px; text-align:left; width:240px;}
ul.menu ul li a {display:block; padding:3px 7px 5px; background-color:#003767; font-weight:normal;}
ul.menu ul li a:hover {background-color:#003767; color:#d0ac00;}
ul.menu ul ul {left:148px; top:-1px}
ul.menu .menulink {border:1px solid #003767; padding:5px 7px 7px; font-weight:bold; width:100px; border-left:1px solid #FFFFFF;}
ul.menu .menulink:hover, ul.menu .menuhover {background-color:#003767; color:#d0ac00;}
ul.menu .sub {background:#003767 136px 8px no-repeat}
ul.menu .topline {border-top:1px solid #003767}

/********** Slide Show **********/
#slideshow {
    position:relative;
    height:270px;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
    width:623px;
    height:274px;
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}

#navPanel 
{
	float:right;
}

#navPanel ul 
{
	list-style-type:none;
}

#navPanel li
{
	display:inline;
}

#navPanel .navigationActive{
	background:#D6A200;
	color:#FFFFFF;
	border:1px solid #D6A200;
}

#navPanel li a
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.846em; /* 11px */
	float:left;
	width:6px;
	text-decoration:none;
	color:#D6A200;
	border:solid 1px #D6A200;
	padding:2px 4px 2px 4px;
	margin-right:3px;
	background-color:#FFFFFF;
}

#navPanel li a:hover 
{
	color:#FFFFFF;
	background-color:#D6A200;	
}

#slideshowDescription 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.846em; /* 11px */
	color:#D6A200;
}

/********** Test **********/
.MenuDivider
{
	font-size:1.0769em;
	text-align:center;
	border-left:solid 0px #FFFFFF;
	margin: 5px 0px 5px 0px;
	background-color:#D6A200;
	width:100px;
}

.TopMenuStaticMenuItem 
{
	font-size:1.0769em;
	text-align:center;
	margin: 5px 0px 5px 0px;
	background-color:#D6A200;
	width:110px;
	border-left:solid 0px red;
}

/********** RadMenu **********/
.RadMenu_Default 
{
	font-size:1.0em;
	text-align:left;
	margin:10px 0px 10px 0px;
	background-color:#D6A200;
	width:90%;	
}

.RadMenu_Default .rmRootGroup .rmLink:hover,
/*.RadMenu_Default .rmRootGroup .rmFocused,*/
.RadMenu_Default .rmRootGroup .rmExpanded
{
	color: #FFFFFF;
	background-color: #a88003;	
}

.RadMenu_Default .rmLevel1,
.RadMenu_Default .rmLevel2
{
	background-color:#D6A200;	
}

.rmGroup 
{
	border:solid 1px #a88003;
	margin-top:20px;
}

.rmText
{
	color:#FFFFFF;
	font-weight:bold;	
	cursor: hand;
}

.rmLevel2
{	
}

.rmItem:hover
{
	color:#D6A200;
	background-color:#a88003;	
}

.rmLink 
{
	color:#FFFFFF;	
	line-height: 7px; /* If it's 2010.1.309.35, set it to 22px */
	text-decoration:none;
	padding:8px 10px 8px 10px;  /* we dont need it for Telerik 2010.1.309.35*/
}

.rmLink a
{
	color:#FFFFFF;	
}

.rmLink:hover
{
	color:#D6A200;	
	cursor:pointer;
	text-decoration:none
}

/********** Standard Bullet **********/
#list 
{
	margin-left:0;
	padding-left:0;
	list-style:none;
}

#list li
{
	padding-left:10px;
	padding-bottom:10px;
	background-image: url(../Images/BulletBlackArrow.gif);
	background-repeat: no-repeat;
	background-position: 0 .5em;
}

/********** Grid View **********/
.gv
{
	padding-left:20px;
	background-color:Red;
}

.gvItem
{
	padding-left:10px;
	height:20px;
	vertical-align:middle;
}

/********** Links Group **********/
#linksGroup
{
	width:100%;
}

#linksGroup .groupName
{
	display:inline-block;
}

#linksGroup .linkEntry
{
	display:block;
	background-image: url(../Images/BulletBlackArrow.gif);
	background-repeat: no-repeat;
	background-position:15px 5px;
	padding:0 0 5px 28px;
}

.quickLinkEntry
{
	display:block;
	background-image: url(../Images/BulletBlackArrow.gif);
	background-repeat: no-repeat;
	background-position:0px 5px;
	margin: 0px 0px 4px 0px;
	padding: 0px 0px 10px 18px;
}

/** Treeview styles ***/

.menuparent
{
	text-transform:uppercase;
	text-align:right;
	margin:0 0 0 0;
	}
	
.menuroot
{
	text-transform:uppercase;
	text-align:right;
	margin:0 0 0 0;
	}
	
.menuchild
{	
	text-align:right;
	}

.menuselected
{
	text-align:right;
	margin:0 0 0 0;
	
		}

.menunode
{
	margin:0px;	
	font-family:Arial;
	text-align:right;
	table-layout:fixed ;
	text-indent:0px;
	padding:0px;
	background:none;
	background:url(images/menu_seperator.jpg) right bottom no-repeat ;

	}
.menunode a{
	color:#222;
}	

/********** Image and Media **********/
.imageFrame
{
	float: right; 
	border:solid 1px #AEAE80;
	padding: 5px;
	margin:0px 0px 20px 20px;
	color: #D6A200;
	/*background-color: #D6A200;*/
}

.mediaFrame
{
	border:solid 0px #AEAE80;
	padding:5px;
}

.mediaThumb
{
	/*	color: #D6A200;*/
}

.mediaThumb:hover
{
	/*background-color:#e5e5d0;	*/
}

/********** Registration Form **********/
.registrationForm
{
    font: normal 13px Arial, Verdana, Sans-serif;
    color: black;
}
    
.registrationForm .personalData label
{
    display: block;
    margin-top: 4px;
    width: 100px;
}

.registrationForm sup
{
    color: red;
}

.registrationForm .personalData input
{
    border: solid 1px #5e80b9;
    width: 200px;
    color: #5e80b9;
    font: normal 13px  Arial,Verdana, Sans-serif;
    line-height: 20px;
    height: 20px;
    left:60px;
}

/********** Test **********/
.test .rgRow
{
	background:red;
}

.test .rgAltRow 
{
	background:blue;
}