/* standard elements */
* {
	margin:  0;
	padding: 0;
}

a {color: #3366AA; text-decoration:none;}

a:hover {color: #66BB88;}

body {
	background: #336 url(Images/MainLayout/bg.gif);
	color: #336;
	font: normal 62.5% "Lucida Sans Unicode",sans-serif;
	margin: 3% 0;
}

p,ul 
{
	padding-bottom: 1em;
}


 p { padding-bottom: .4em;
                padding-top: .2em; }

ul {margin-left: 1.2em;}

li {list-style: none;}
.main li {list-style-image: url(Images/MainLayout/li.gif);}
.main_child li {list-style-image: url(Images/MainLayout/li.gif);}

/* headings */
h1,h5 {font-size: 1.3em;}
h2 {font-size: 1.2em;}
h3,h6 {font-size: 1.1em;}
h4 {font-size: 1em;}
h1,h2,h3,h4 {color: #3366AA;}
h5,h6 {color: #336;}

.heading 
{
    font-size: 1.3em;
    color: #3366AA;
}      

blockquote {
	background: #FFF;
	border-bottom: 1px solid #EEE;
	border-top: 1px solid #EEE;
	color: #333;
	display: block;
	font-size: 0.9em;
	margin-bottom: 1.2em;
	padding: 6px 12px;
}
blockquote p {padding: 3px 0;}



/* misc */
.clearer {clear: both;}

/*padding */
.main_right .padded {padding:1px 2px 6px 12px;}
.main_right_child .padded {padding: 5px 5px 5px 5px;}
.main .padded {padding: 18px 24px;}
.main_child .padded {padding: 10px 10px 10px 10px;}

.meta {font-size: 0.8em; color: #666; text-decoration:none;}
.left {float: left;}
.left_padded {padding: 0px 2px 6px 24px;}
.left_title {
    float: left;
    width: 380px;

}
.right {float: right;}
.right_image {
    float: right;
    padding-bottom: .3em;
}

/* structure */
.container {
	font-size: 1.2em;
	background: url(Images/MainLayout/bgcontainer.gif) repeat-y;
	margin: 0 auto;
	width: 840px;
	border: 12px solid #222;
}


.news_items p {padding-bottom: 0em; padding-top: 1em;}

/* header */
.header {
	float: left;
	width: 640px;
	height: 150px;
	background: url(Images/MainLayout/topbanner.jpg) no-repeat;
	line-height: 102px;
	vertical-align: bottom;
}

.header .text 
{   
    line-height: 1.5em;
    font: normal 1.4em Verdana,sans-serif;
    padding-left: 15px;
    text-align: left;
	
	color: #CCF;
	width: 145px;
}	

.header_child 
{
    float:left;
	width: 840px;
	height: 150px;
	background: url(Images/ChildLayout/topbannerChild.jpg) no-repeat;
	
	line-height: 102px;
	vertical-align: bottom;
		
}

.header_child .text
{
    line-height: 1.5em;
    font: normal 1.4em Verdana,sans-serif;
    text-align: left;
    padding-left: 15px;
	color: #CCF;
	width: 145px;
}

/* structure */
.top {
	background: #222;
	color: #DDD;
	float: left;
	font: normal 1.4em Verdana;
	height: 50px;
	text-align: center;
	width: 639px;
}
.subnav {
	float: left;
	width: 160px;
}
.main {
	float: left;
	width: 480px;
}



.main_right {
	float: right;
	width: 196px;
	color: #CCCCCC;
}

.main_right_child {
    float:right;
    width: 10px;
}

/* child structure */
.container_child {
    font-size: 1.2em;
	background: url(Images/ChildLayout/bgcontainer.gif) repeat-y;
	margin: 0 auto;
	width: 840px;
	border: 12px solid #222;
}

.main_child {
    float: right;
    width: 678px;
}
/* main_right elements */
.main_right h1, .main_right h2 {color: #CCCCFF;}

/* sub-navigation */
.subnav h1 {
    background: #222222;
    color: #CCCCFF;
    font: bold 1.1em Verdana, sans-serif;
    line-height: 24px;
    padding-left: 8px;
}
.subnav ul {margin: 0; padding: 0;}
.subnav li {
    border-bottom: 1px #222222 solid;
    list-style: none;
}
.subnav li a {
    background: #34456B;
    color: #CCCCCC;
    display: block;
    padding: 8px 0 8px 12px;
    width: 148px;
    text-decoration: none;
}
.subnav li a:hover {
	background: #CCCCCC;
	color: #34456B;
}

/* footer */
.footer {
	background: url(Images/MainLayout/footer.gif) repeat-x;
	color: #CCC;
	font-size: 0.9em;
	line-height: 39px;
	width: 840px;
	float:left;
	text-align: center;
}
.footer .left,.footer .right {padding: 0 16px;}
.footer a {color: #EEE;}
.footer a:hover {color: #FAFCB0;}

/* Item Feeds */
.itemFeed p
{
    padding-top: 5px;
    padding-bottom: 5px;
}

.itemFeed_ArticleLink
{
    padding-bottom:8px;
}
.itemFeed_Header
{
    height:40px;  
}

.itemFeed_Left
{
    float:left;
    width:340px;
}

.itemFeed_Right
{
    float:right;
    margin-left:33px;
    width:47px;
    height:60px;
}

.itemFeed_Seperator 
{
    height: 0px;
    border-top: dashed 1px #222222;
    padding-top: 0px;
} 

.itemFeed_Credentials, .itemFeed_Tags 
{
    font-size: 0.8em; 
    color: #666; 
    text-decoration:none;
    padding-top: 0px;

}

.itemFeed_Credentials 
{
    padding-bottom: 5px;
}
.itemFeed_Tags
{
    padding-bottom: 15px;
}  

/* Calendar */
.calendar 
{
    font-size: 1em; 
    color: #CCCCCC; 
    text-decoration:none;
}
.calendar_Row
{
    background:#222222;
    
}
.calendar_AlternatingRow
{
    background:#444444;
}

.calendar .title
{
    background:#336699;
    width:182px;
    height:24px;
    text-align:center;
    vertical-align:middle;
}
.calendar_Left
{
    text-align:left;
    width: 126px;
    padding:2px 0px 2px 4px;
}
.calendar_Right
{
    width: 56px;
    text-align:right;
    padding:2px 4px 2px 0px;
}

.calendar_Seperator
{
    height: 0px;
    border-top: dashed 1px #CCCCFF;
    padding:5px 0px 5px 0px;
}
.info_Bar h2 a
{
    color:#CCCCFF;
    text-decoration: underline;
}


.Warning
{
    color:Red;
    font-size:1.3em;
}

/* Collapsable Panels */

.collapse
{
    width:657px;
    height:0;
    border-bottom: dashed 2px #336699;
    overflow:hidden;
}

.collapseHeader
{
    width: 657px;
    height: 30px;
  
    background-color: #336699;
    color: #F7F7F7;
    font-size: 1.3em;
    line-height: 1em;

}

.modalBackground
{
    background-color:#CCCCCC;
    filter:alpha(opacity=80);
    opacity:.8; 
}

.modalPopup
{
    /*display: none; */
    background-color:#F7F7F7;
    border-color: #CCCCCC;
    border-width: 3px;
    border-style:solid;
    padding: 3px;
    width: 720px; 
}

.titleHeader
{
    background: #336699;        
    padding: 5px;
    font-size:1.2em;
    text-align:left;
    color: #EEEEFF;
}

.detailsPadding
{
    padding: 4px 2px 4px 2px;
    margin: 4px 2px 4px 2px;
}