body{background-position: 
               left top; font-family: Arial, sans-serif; font-size:14px; margin:0px; padding:0; text-align: center; background-color:#112882; background-repeat:no-repeat; background-attachment:scroll}

input, form, textarea
h1, h2, h3, h4, h5, h6{margin:0; padding:0;}
h1{font-size:18px;}
h2{font-size:14px; color:#112882;}
h3{font-size:16px; color:#000000; border-bottom:solid 1px #ffffff; padding:4px 0; margin-bottom:10px;}
h4{font-size:14px; color:#000000;}

a{color:#112882; outline:none; text-decoration:none;}

.imgleft {
float: left;
margin-right: 40px;
margin-top: 0px;
}

img{
 border:0px;
 padding:5px;
}
 

/* ------------------------------
PAGE STRUCTURE
------------------------------ */

/* #container has an absolute width (900 pixel) */

#supercontainer{
 margin-left: auto;
 margin-right: auto;  /* align for good browsers */
 margin-top: 10px;
 margin-bottom: 10px;
 text-align: left; /* counter the body center */
 width:1000px; 
 background-color:#ffffff;
 padding:0px;}

#container{
 margin-left: auto;
 margin-right: auto;
 width:1000px; 
 color:#000000;
 background-color:#cc9900;}

#header{
 width:auto; 
 display:block;
 height:100px;
 background-image:url('images/header2012.jpg');}

#navigation{
 width:auto; 
 display:block;
 height:30px;
 color:#ffffff;
 background-color:#000000;}

#main{
 width:auto;
 display:block;}

#column_left{
 width:265px;
 height:100%;
 padding:10px;
 float:left;
 color:#ffffff;
 background-color:#CC9900}

#column_nav{
 width:265px;
 height:100%;
 padding:10px;
 margin-left:10px;
 float:left;
 color:#ffffff;
 background-color:#CC9900}

#column_sm{
 width:400px;
 padding:10px;
 margin-bottom:-10px;
 float:left;
 background-color:#ffffff;}

#column_lg{
 width:685px;
 padding:10px;
 margin-bottom:-10px;
 float:left;
 background-color:#ffffff;}

#column{
 width:980px;
 padding:10px;
 margin-bottom:-10px;
 float:left;
 background-color:#ffffff;}
 
#pull{
 width:380px;
 padding:10px;
 margin-bottom:10px;
 float:left;
 color:#000000;
 background-color:#CC9900}

div.spacer{clear:both; height:10px; display:block;}

#footer{width:auto; display:block; font-size:11px; color:#ffffff; background-color:#000000; padding:10px}

ul#nav{
	margin:0px; padding:5px;
	font-family: Arial;
	font-weight:bold;
}

ul#nav li {
	display:inline;
	font-size:12pt;
	margin-left:12px;
	margin-right:12px;
}

ul#nav li a {
	text-decoration:none;
	color:#ffffff;
}

ul#nav li a.active, ul#nav li a:hover {
	color:#CC9900;
}

ul#list{
	margin:20px; padding:0px;
}


/* ------------------------------
CUSTOM CLASSES
------------------------------ */
/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:hidden;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0px none;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
    Example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:url('images/overlay.png') 0 0;}
#colorbox{}
    #cboxTopLeft{width:21px; height:21px; background:url('images/controls.png') no-repeat -100px 0;}
    #cboxTopRight{width:21px; height:21px; background:url('images/controls.png') no-repeat -129px 0;}
    #cboxBottomLeft{width:21px; height:21px; background:url('images/controls.png') no-repeat -100px -29px;}
    #cboxBottomRight{width:21px; height:21px; background:url('images/controls.png') no-repeat -129px -29px;}
    #cboxMiddleLeft{width:21px; background:url('images/controls.png') repeat-y left top;}
    #cboxMiddleRight{width:21px; background:url('images/controls.png') repeat-y right top;}
    #cboxTopCenter{height:21px; background:url('images/border.png') repeat-x 0 0;}
    #cboxBottomCenter{height:21px; background:url('images/border.png') repeat-x 0 -29px;}
    #cboxContent{background:#fff;}
        #cboxLoadedContent{margin-bottom:28px;}
        #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
        #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
        #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
        #cboxPrevious{position:absolute; bottom:0; left:0px; background:url('images/controls.png') no-repeat -75px 0px; width:25px; height:25px; text-indent:-9999px}
        #cboxPrevious.hover{background-position:-75px -25px;}
        #cboxNext{position:absolute; bottom:0; left:27px; background:url('images/controls.png') no-repeat -50px 0px; width:25px; height:25px; text-indent:-9999px}
        #cboxNext.hover{background-position:-50px -25px;}
        #cboxLoadingOverlay{background:url('images/loading_background.png') no-repeat center;}
        #cboxLoadingGraphic{background:url('images/loading.gif') no-repeat center;}
        #cboxClose{position:absolute; bottom:0; right:0; background:url('images/controls.png') no-repeat -25px 0px; width:25px; height:25px; text-indent:-9999px}
        #cboxClose.hover{background-position: -25px;}

/*
    The following fixes png-transparency for IE6.  
    It is also necessary for png-transparency in IE7 & IE8 to avoid 'black halos' with the fade transition
    
    Since this method does not support CSS background-positioning, it is incompatible with CSS sprites.
    Colorbox preloads navigation hover classes to account for this.
    
    !! Important Note: AlphaImageLoader src paths are relative to the HTML document,
    while regular CSS background images are relative to the CSS document.
*/
.cboxIE #cboxTopLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderTopLeft.png, sizingMethod='scale');}
.cboxIE #cboxTopCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderTopCenter.png, sizingMethod='scale');}
.cboxIE #cboxTopRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderTopRight.png, sizingMethod='scale');}
.cboxIE #cboxBottomLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderBottomLeft.png, sizingMethod='scale');}
.cboxIE #cboxBottomCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderBottomCenter.png, sizingMethod='scale');}
.cboxIE #cboxBottomRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderBottomRight.png, sizingMethod='scale');}
.cboxIE #cboxMiddleLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderMiddleLeft.png, sizingMethod='scale');}
.cboxIE #cboxMiddleRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderMiddleRight.png, sizingMethod='scale');}